@verdocs/web-sdk 1.9.14 → 1.9.16

package/dist/verdocs-web-sdk/p-5d341c89.system.entry.js.map

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

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

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,n){function o(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function l(e){try{a(n.next(e))}catch(e){r(e)}}function s(e){try{a(n["throw"](e))}catch(e){r(e)}}function a(e){e.done?i(e.value):o(e.value).then(l,s)}a((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,o,r,l;return l={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function s(e){return function(t){return a([e,t])}}function a(l){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,o&&(r=l[0]&2?o["return"]:l[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,l[1])).done)return r;if(o=0,r)l=[l[0]&2,r.value];switch(l[0]){case 0:case 1:r=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;o=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!r||l[1]>r[0]&&l[1]<r[3])){i.label=l[1];break}if(l[0]===6&&i.label<r[1]){i.label=r[1];r=l;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(l);break}if(r[2])i.ops.pop();i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e];o=0}finally{n=r=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-97329951.system.js","./p-05eb4fed.system.js","./p-21ec6ff0.system.js","./p-d1a97a03.system.js","./p-0f6da8c7.system.js"],(function(e){"use strict";var t,i,n,o,r,l,s,a;return{setters:[function(e){t=e.r;i=e.c;n=e.h;o=e.H},function(e){r=e.g},function(e){l=e.a;s=e.g},function(e){a=e.s},function(){}],execute:function(){var u='verdocs-field-textbox{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:150px;height:15px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-textbox.disabled{opacity:0.5}verdocs-field-textbox input{width:100%;height:100%;font-size:11px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textbox input:focus{outline:none}verdocs-field-textbox input.hide{display:none}verdocs-field-textbox.required{border:1px solid #cc0000}verdocs-field-textbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-textbox verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-textbox verdocs-button-panel[data-active],verdocs-field-textbox verdocs-button-panel:hover{opacity:1}verdocs-field-textbox verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textbox verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textbox [data-lastpass-icon-root]{display:none !important}';var d='<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20"><path d="m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z"/></svg>';var c=e("verdocs_field_textbox",function(){function e(e){t(this,e);this.fieldFocus=i(this,"fieldFocus",7);this.fieldBlur=i(this,"fieldBlur",7);this.fieldChange=i(this,"fieldChange",7);this.fieldInput=i(this,"fieldInput",7);this.recipientChanged=i(this,"recipientChanged",7);this.field=null;this.recipient=undefined;this.disabled=false;this.editable=false;this.moveable=false;this.roleindex=0;this.focused=false}e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.focused=true;this.el.focus();this.fieldFocus.emit(true);return[2]}))}))};e.prototype.handleBlur=function(){this.focused=false;this.fieldBlur.emit(true)};e.prototype.handleFocus=function(){this.focused=true;this.fieldFocus.emit(true)};e.prototype.handleChange=function(e){this.fieldChange.emit(e.target.value)};e.prototype.handleInput=function(e){this.fieldInput.emit(e.target.value)};e.prototype.handleChangeRecipient=function(e){var t;console.log("recipient changed",e.detail);(t=this.recipientChanged)===null||t===void 0?void 0:t.emit(e.detail)};e.prototype.render=function(){var e=this;var t,i,u,c;var f=s(this.field);var h=(i=(t=this.disabled)!==null&&t!==void 0?t:f.disabled)!==null&&i!==void 0?i:false;var p=this.field["rgba"]||r(l(a.roleNames,""));return n(o,{class:{focused:this.focused,required:(u=this.field)===null||u===void 0?void 0:u.required,disabled:h},style:{backgroundColor:p}},n("input",{type:"text",placeholder:f===null||f===void 0?void 0:f.placeholder,tabIndex:f===null||f===void 0?void 0:f.order,value:f===null||f===void 0?void 0:f.result,disabled:h,required:(c=this.field)===null||c===void 0?void 0:c.required,ref:function(t){return e.el=t},onBlur:function(){return e.handleBlur()},onFocus:function(){return e.handleFocus()},onChange:function(t){return e.handleChange(t)},onInput:function(t){return e.handleInput(t)}}),this.editable&&n("verdocs-button-panel",{icon:d},n("h6",null,"Field Settings"),n("form",null,n("verdocs-select-input",{label:"Recipient",value:a.roleNames[this.roleindex],options:a.roleNames.map((function(e){return{label:e,value:e}})),onChange:function(t){return e.handleChangeRecipient(t)}}),n("verdocs-text-input",{label:"Field Name",value:"",placeholder:"Stored field name...",onInput:function(e){return console.log("ipt",e)}}),n("verdocs-text-input",{label:"Placeholder",value:"",placeholder:"Placeholder text...",onInput:function(e){return console.log("ipt",e)}}))))};return e}());c.style=u}}}));
-//# sourceMappingURL=p-6802bdd2.system.entry.js.map

package/dist/verdocs-web-sdk/p-6802bdd2.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/elements/verdocs-field-textbox/verdocs-field-textbox.scss?tag=verdocs-field-textbox","src/components/elements/verdocs-field-textbox/verdocs-field-textbox.tsx"],"names":["verdocsFieldTextboxCss","settingsIcon","VerdocsFieldTextbox","exports","class_1","prototype","focusField","this","focused","el","focus","fieldFocus","emit","handleBlur","fieldBlur","handleFocus","handleChange","e","fieldChange","target","value","handleInput","fieldInput","handleChangeRecipient","console","log","detail","_a","recipientChanged","render","_this","settings","getFieldSettings","field","disabled","_b","backgroundColor","getRGBA","getRoleIndex","TemplateStore","roleNames","h","Host","class","required","_c","style","type","placeholder","tabIndex","order","result","_d","ref","onBlur","onFocus","onChange","onInput","editable","icon","label","roleindex","options","map","role"],"mappings":"2wDAAA,IAAMA,EAAyB,6zCCO/B,IAAMC,EACJ,6rCAUWC,EAAmBC,EAAA,wBAAA,6PAM0B,4CAU3B,oBAMA,oBAKA,qBAKA,eA6BV,MAEHC,EAAAC,UAAAC,WAAN,gGACRC,KAAKC,QAAU,KACfD,KAAKE,GAAGC,QACRH,KAAKI,WAAWC,KAAK,uBAGvBR,EAAAC,UAAAQ,WAAA,WACEN,KAAKC,QAAU,MACfD,KAAKO,UAAUF,KAAK,OAGtBR,EAAAC,UAAAU,YAAA,WACER,KAAKC,QAAU,KACfD,KAAKI,WAAWC,KAAK,OAGvBR,EAAAC,UAAAW,aAAA,SAAaC,GACXV,KAAKW,YAAYN,KAAKK,EAAEE,OAAOC,QAGjChB,EAAAC,UAAAgB,YAAA,SAAYJ,GACVV,KAAKe,WAAWV,KAAKK,EAAEE,OAAOC,QAGhChB,EAAAC,UAAAkB,sBAAA,SAAsBN,SACpBO,QAAQC,IAAI,oBAAqBR,EAAES,SACnCC,EAAApB,KAAKqB,oBAAgB,MAAAD,SAAA,OAAA,EAAAA,EAAEf,KAAKK,EAAES,SAGhCtB,EAAAC,UAAAwB,OAAA,WAAA,IAAAC,EAAAvB,iBACE,IAAMwB,EAAWC,EAAiBzB,KAAK0B,OACvC,IAAIC,GAAWC,GAAAR,EAAApB,KAAK2B,YAAQ,MAAAP,SAAA,EAAAA,EAAII,EAASG,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MAErD,IAAMC,EAAkB7B,KAAK0B,MAAM,SAAWI,EAAQC,EAAaC,EAAcC,UAAW,KAE5F,OACEC,EAACC,EAAI,CAACC,MAAO,CAACnC,QAASD,KAAKC,QAASoC,UAAUC,EAAAtC,KAAK0B,SAAK,MAAAY,SAAA,OAAA,EAAAA,EAAED,SAAUV,SAAQA,GAAGY,MAAO,CAACV,gBAAeA,IACrGK,EAAA,QAAA,CACEM,KAAK,OACLC,YAAajB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUiB,YACvBC,SAAUlB,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUmB,MACpB9B,MAAOW,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUoB,OACjBjB,SAAUA,EACVU,UAAUQ,EAAA7C,KAAK0B,SAAK,MAAAmB,SAAA,OAAA,EAAAA,EAAER,SACtBS,IAAK,SAAA5C,GAAE,OAAKqB,EAAKrB,GAAKA,GACtB6C,OAAQ,WAAM,OAAAxB,EAAKjB,cACnB0C,QAAS,WAAM,OAAAzB,EAAKf,eACpByC,SAAU,SAAAvC,GAAK,OAAAa,EAAKd,aAAaC,IACjCwC,QAAS,SAAAxC,GAAK,OAAAa,EAAKT,YAAYJ,MAGhCV,KAAKmD,UACJjB,EAAA,uBAAA,CAAsBkB,KAAM1D,GAC1BwC,EAAA,KAAA,KAAA,kBACAA,EAAA,OAAA,KACEA,EAAA,uBAAA,CACEmB,MAAM,YACNxC,MAAOmB,EAAcC,UAAUjC,KAAKsD,WACpCC,QAASvB,EAAcC,UAAUuB,KAAI,SAAAC,GAAI,MAAA,CAAMJ,MAAOI,EAAM5C,MAAO4C,MACnER,SAAU,SAAAvC,GAAK,OAAAa,EAAKP,sBAAsBN,MAG5CwB,EAAA,qBAAA,CAAoBmB,MAAM,aAAaxC,MAAM,GAAG4B,YAAY,uBAAuBS,QAAS,SAAAxC,GAAK,OAAAO,QAAQC,IAAI,MAAOR,MACpHwB,EAAA,qBAAA,CAAoBmB,MAAM,cAAcxC,MAAM,GAAG4B,YAAY,sBAAsBS,QAAS,SAAAxC,GAAK,OAAAO,QAAQC,IAAI,MAAOR,mBA9HlG","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-textbox {\n  font-family: $verdocs-primary-font;\n  width: 150px;\n  height: 15px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  input {\n    width: 100%;\n    height: 100%;\n    font-size: 11px;\n    background: none;\n    font-weight: 500;\n    transform-origin: 0 0;\n    box-sizing: border-box;\n    color: rgba(0, 0, 0, 0.87);\n    border: 1px solid rgba(0, 0, 0, 0.2);\n\n    &:focus {\n      outline: none;\n    }\n\n    &.hide {\n      display: none;\n    }\n  }\n\n  &.required {\n    border: 1px solid rgb(204, 0, 0);\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n\n  verdocs-button-panel {\n    top: -3px;\n    left: -2px;\n    opacity: 0.5;\n    z-index: 1000;\n    cursor: pointer;\n    position: absolute;\n    transform: scale(0.6);\n\n    &[data-active],\n    &:hover {\n      opacity: 1;\n    }\n\n    .icon {\n      svg {\n        fill: #333333;\n      }\n\n      &:hover {\n        svg {\n          fill: #000000;\n        }\n      }\n    }\n  }\n\n  // @see https://community.logmein.com/t5/LastPass-Support-Discussions/placeholder-text-overrides-data-lpignore-quot-true-quot/td-p/295135\n  // LastPass is ignoring the data-lpignore attribute in some cases\n  [data-lastpass-icon-root] {\n    display: none !important;\n  }\n}\n","import {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField, IRecipient} from '@verdocs/js-sdk/Envelopes/Types';\nimport {Component, h, Host, Prop, Event, EventEmitter, State, Method} from '@stencil/core';\nimport {getFieldSettings, getRoleIndex} from '../../../utils/utils';\nimport TemplateStore from '../../../utils/templateStore';\n\nconst settingsIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20\" width=\"20\"><path d=\"m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z\"/></svg>';\n\n/**\n * Display a text input field.\n */\n@Component({\n  tag: 'verdocs-field-textbox',\n  styleUrl: 'verdocs-field-textbox.scss',\n  shadow: false,\n})\nexport class VerdocsFieldTextbox {\n  private el: HTMLInputElement;\n\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * The recipient completing the form, if known.\n   */\n  @Prop() recipient?: IRecipient;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\n   * changed, so it should typically only be enabled in the Builder.\n   */\n  @Prop() editable?: boolean = false;\n\n  /**\n   * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.\n   */\n  @Prop() moveable?: boolean = false;\n\n  /**\n   * If set, the field will be colored using this index value to select the background color.\n   */\n  @Prop() roleindex?: number = 0;\n\n  /**\n   * Event fired when the input field loses focus.\n   */\n  @Event({composed: true}) fieldFocus: EventEmitter<boolean>;\n\n  /**\n   * Event fired when the input field gains focus.\n   */\n  @Event({composed: true}) fieldBlur: EventEmitter<boolean>;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n  /**\n   * Event fired on every character entered into / deleted from the field.\n   */\n  @Event({composed: true}) fieldInput: EventEmitter<string>;\n\n  /**\n   * Event fired if the field is configurable when the recipient has changed.\n   */\n  @Event({composed: true}) recipientChanged: EventEmitter<string>;\n\n  @State() focused = false;\n\n  @Method() async focusField() {\n    this.focused = true;\n    this.el.focus();\n    this.fieldFocus.emit(true);\n  }\n\n  handleBlur() {\n    this.focused = false;\n    this.fieldBlur.emit(true);\n  }\n\n  handleFocus() {\n    this.focused = true;\n    this.fieldFocus.emit(true);\n  }\n\n  handleChange(e: any) {\n    this.fieldChange.emit(e.target.value);\n  }\n\n  handleInput(e: any) {\n    this.fieldInput.emit(e.target.value);\n  }\n\n  handleChangeRecipient(e: any) {\n    console.log('recipient changed', e.detail);\n    this.recipientChanged?.emit(e.detail);\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    let disabled = this.disabled ?? settings.disabled ?? false;\n    // this.roleindex\n    const backgroundColor = this.field['rgba'] || getRGBA(getRoleIndex(TemplateStore.roleNames, ''));\n\n    return (\n      <Host class={{focused: this.focused, required: this.field?.required, disabled}} style={{backgroundColor}}>\n        <input\n          type=\"text\"\n          placeholder={settings?.placeholder}\n          tabIndex={settings?.order}\n          value={settings?.result}\n          disabled={disabled}\n          required={this.field?.required}\n          ref={el => (this.el = el)}\n          onBlur={() => this.handleBlur()}\n          onFocus={() => this.handleFocus()}\n          onChange={e => this.handleChange(e)}\n          onInput={e => this.handleInput(e)}\n        />\n\n        {this.editable && (\n          <verdocs-button-panel icon={settingsIcon}>\n            <h6>Field Settings</h6>\n            <form>\n              <verdocs-select-input\n                label=\"Recipient\"\n                value={TemplateStore.roleNames[this.roleindex]}\n                options={TemplateStore.roleNames.map(role => ({label: role, value: role}))}\n                onChange={e => this.handleChangeRecipient(e)}\n              />\n\n              <verdocs-text-input label=\"Field Name\" value=\"\" placeholder=\"Stored field name...\" onInput={e => console.log('ipt', e)} />\n              <verdocs-text-input label=\"Placeholder\" value=\"\" placeholder=\"Placeholder text...\" onInput={e => console.log('ipt', e)} />\n            </form>\n          </verdocs-button-panel>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,2 +0,0 @@
-System.register(["./p-97329951.system.js","./p-21ec6ff0.system.js"],(function(e){"use strict";var i,t,n,s,r;return{setters:[function(e){i=e.r;t=e.c;n=e.h;s=e.H},function(e){r=e.g}],execute:function(){var a='verdocs-field-payment{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:24px;height:24px;display:block;font-size:11px;position:relative;border:1px solid #cfa;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-payment.disabled{opacity:0.5}verdocs-field-payment button,verdocs-field-payment div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-field-payment button{color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-payment button.hide{display:none}verdocs-field-payment input{float:left;font-family:Arial, sans-serif}verdocs-field-payment select{position:absolute;font-family:Arial, sans-serif;background:linear-gradient(55deg, transparent 50%, #333 50%), linear-gradient(125deg, #333 50%, transparent 50%), linear-gradient(to right, transparent, transparent);background-position:calc(100% - 7px) 4px, calc(100% - 3px) 4px, 100% 0;background-size:5px 5px, 5px 5px, 2.5em 2.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none}verdocs-field-payment .frame{width:100%;height:100%;background-size:contain;text-align:left}verdocs-field-payment .frame img{position:absolute;height:auto;width:100%}verdocs-field-payment.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';var o=e("verdocs_field_payment",function(){function e(e){i(this,e);this.signatureComplete=t(this,"signatureComplete",7);this.initialComplete=t(this,"initialComplete",7);this._fields=[];this.signatureFile=null;this.initialFile=null;this.focusOrderNumber=-1;this.focusFieldName="";this.activeElement=null;this.showError={pageNum:-1,fieldIndex:-1,type:null};this.dialogOpened=false;this.closeAllErrors=false;this.fieldsMap={};this.fieldsForCurrentSigner=[];this.fontSize=11;this.averageFontWidth=5;this.requiredFields=[];this.field=null;this.recipient=undefined;this.disabled=false;this.fields=undefined;this.pageNum=undefined;this.roleName=undefined;this.fieldId=undefined;this.recipients=undefined;this.selectedRoleName=undefined;this.pdfPages=undefined;this.currentSignature=undefined;this.currentSignatureId=undefined;this.currentInitial=undefined;this.currentInitialId=undefined;this.focused=false;this.signed=false;this.preparedMessage=undefined;this.signatureUrl=""}e.prototype.componentWillLoad=function(){console.log("sign field",this.field);if(this.recipients&&this.recipients.length>0){var e=this.recipients.find((function(e){return e.type==="preparer"}));console.log("Found preparer",e);if(e){this.preparedMessage="Prepared by ".concat(e["full_name"])}}};e.prototype.render=function(){var e,i;var t=r(this.field);var a=(i=(e=this.disabled)!==null&&e!==void 0?e:t.disabled)!==null&&i!==void 0?i:false;console.log("Payment field",t);return n(s,{class:{focused:this.focused,disabled:a}},n("button",{class:{hide:this.signed}},"$"),this.signed?n("div",{class:"frame"}):n("div",{style:{display:"none"}}),n("img",{width:"100%",height:"100%",src:this.signatureUrl}))};return e}());o.style=a}}}));
-//# sourceMappingURL=p-8095fab3.system.entry.js.map

package/dist/verdocs-web-sdk/p-8095fab3.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/elements/verdocs-field-payment/verdocs-field-payment.scss?tag=verdocs-field-payment","src/components/elements/verdocs-field-payment/verdocs-field-payment.tsx"],"names":["verdocsFieldPaymentCss","VerdocsFieldPayment","exports","this","_fields","signatureFile","initialFile","focusOrderNumber","focusFieldName","activeElement","showError","pageNum","fieldIndex","type","dialogOpened","closeAllErrors","fieldsMap","fieldsForCurrentSigner","fontSize","averageFontWidth","requiredFields","class_1","prototype","componentWillLoad","console","log","field","recipients","length","preparer","find","r","preparedMessage","concat","render","settings","getFieldSettings","disabled","_b","_a","h","Host","class","focused","hide","signed","style","display","width","height","src","signatureUrl"],"mappings":"wMAAA,IAAMA,EAAyB,i8CCclBC,EAAmBC,EAAA,wBAAA,yIAqC9BC,KAAAC,QAAiB,GAEjBD,KAAAE,cAAqB,KACrBF,KAAAG,YAAmB,KAEnBH,KAAAI,kBAAoB,EACpBJ,KAAAK,eAAyB,GAEzBL,KAAAM,cAAgB,KAChBN,KAAAO,UAAY,CACVC,SAAU,EACVC,YAAa,EACbC,KAAM,MAERV,KAAAW,aAAe,MACfX,KAAAY,eAAiB,MACjBZ,KAAAa,UAAiB,GAGjBb,KAAAc,uBAAgC,GAGhCd,KAAAe,SAAW,GACXf,KAAAgB,iBAAmB,EACnBhB,KAAAiB,eAAwB,cAzDgC,4CAU3B,iUAaF,kBACD,uDAOM,GA4BhCC,EAAAC,UAAAC,kBAAA,WAIEC,QAAQC,IAAI,aAActB,KAAKuB,OAE/B,GAAIvB,KAAKwB,YAAcxB,KAAKwB,WAAWC,OAAS,EAAG,CACjD,IAAMC,EAAW1B,KAAKwB,WAAWG,MAAK,SAAAC,GAAK,OAAAA,EAAElB,OAAS,cACtDW,QAAQC,IAAI,iBAAkBI,GAC9B,GAAIA,EAAU,CACZ1B,KAAK6B,gBAAkB,eAAAC,OAAeJ,EAAS,iBAsCrDR,EAAAC,UAAAY,OAAA,mBACE,IAAMC,EAAWC,EAAiBjC,KAAKuB,OACvC,IAAMW,GAAWC,GAAAC,EAAApC,KAAKkC,YAAQ,MAAAE,SAAA,EAAAA,EAAIJ,EAASE,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MACvDd,QAAQC,IAAI,gBAAiBU,GAC7B,OACEK,EAACC,EAAI,CAACC,MAAO,CAACC,QAASxC,KAAKwC,QAASN,SAAQA,IAC3CG,EAAA,SAAA,CAAQE,MAAO,CAACE,KAAMzC,KAAK0C,SAAO,KACjC1C,KAAK0C,OAASL,EAAA,MAAA,CAAKE,MAAM,UAAaF,EAAA,MAAA,CAAKM,MAAO,CAACC,QAAS,UAC7DP,EAAA,MAAA,CAAKQ,MAAM,OAAOC,OAAO,OAAOC,IAAK/C,KAAKgD,0BAvHlB","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-payment {\n  font-family: $verdocs-primary-font;\n  width: 24px;\n  height: 24px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  border: 1px solid #cfa;\n  background-color: transparent;\n  transform-origin: bottom left;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  button,\n  div {\n    box-sizing: border-box;\n  }\n\n  button {\n    color: rgba(0, 0, 0, 0.87);\n    font-weight: 500;\n    transform-origin: 0 0;\n    //background-color: rgba(225, 255, 255, 0.5);\n    height: 100%;\n    width: 100%;\n    background: none;\n    font-size: 11px;\n\n    &.hide {\n      display: none;\n    }\n  }\n\n  input {\n    float: left;\n    font-family: Arial, sans-serif;\n  }\n\n  select {\n    position: absolute;\n    font-family: Arial, sans-serif;\n    background: linear-gradient(55deg, transparent 50%, #333 50%), linear-gradient(125deg, #333 50%, transparent 50%), linear-gradient(to right, transparent, transparent);\n    background-position: calc(100% - 7px) 4px, calc(100% - 3px) 4px, 100% 0;\n    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;\n    background-repeat: no-repeat;\n    appearance: none;\n  }\n\n  .frame {\n    width: 100%;\n    height: 100%;\n    background-size: contain;\n    text-align: left;\n\n    img {\n      position: absolute;\n      height: auto;\n      width: 100%;\n    }\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\n","import {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField, IRecipient} from '@verdocs/js-sdk/Envelopes/Types';\nimport {Component, h, Host, Prop, Event, EventEmitter, State} from '@stencil/core';\nimport {getFieldSettings} from '../../../utils/utils';\n\n/**\n * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as\n * input types like text and checkbox.\n */\n@Component({\n  tag: 'verdocs-field-payment',\n  styleUrl: 'verdocs-field-payment.scss',\n  shadow: false,\n})\nexport class VerdocsFieldPayment {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * The recipient completing the form, if known.\n   */\n  @Prop() recipient?: IRecipient;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  @Prop() fields: any[];\n  @Prop() pageNum: number;\n  @Prop() roleName: string;\n  @Prop() fieldId: string;\n  @Prop() recipients: any;\n  @Prop() selectedRoleName: string;\n  @Prop() pdfPages: any[];\n  @Prop() currentSignature: string;\n  @Prop() currentSignatureId: string;\n  @Prop() currentInitial: string;\n  @Prop() currentInitialId: string;\n  @Prop() focused: boolean = false;\n  @Prop() signed: boolean = false;\n\n  @Event({composed: true}) signatureComplete: EventEmitter<string>;\n\n  @Event({composed: true}) initialComplete: EventEmitter<string>;\n\n  @State() preparedMessage: string;\n  @State() signatureUrl: string = '';\n\n  _fields: any[] = [];\n  // envelopeFieldsFormGroup: FormGroup;\n  signatureFile: any = null;\n  initialFile: any = null;\n  today: string;\n  focusOrderNumber = -1;\n  focusFieldName: string = '';\n  timer: any;\n  activeElement = null;\n  showError = {\n    pageNum: -1,\n    fieldIndex: -1,\n    type: null,\n  };\n  dialogOpened = false;\n  closeAllErrors = false;\n  fieldsMap: any = {};\n  mode: string;\n\n  fieldsForCurrentSigner: any[] = [];\n\n  validators;\n  fontSize = 11;\n  averageFontWidth = 5;\n  requiredFields: any[] = [];\n\n  componentWillLoad() {\n    // Load validators\n    // Load fields\n    // Get role names\n    console.log('sign field', this.field);\n\n    if (this.recipients && this.recipients.length > 0) {\n      const preparer = this.recipients.find(r => r.type === 'preparer');\n      console.log('Found preparer', preparer);\n      if (preparer) {\n        this.preparedMessage = `Prepared by ${preparer['full_name']}`;\n      }\n    }\n  }\n\n  // [tabIndex]=\"field.role !== roleName ? -1 : 1\"\n  // [ngStyle]=\"field.element_style\"\n  // [value]=\"field.value\"\n  // (click)=\"initiateSign(field)\"\n  // (blur)=\"validateChanges(field)\"\n  // [disabled]=\"field.role!==roleName\"\n  // [id]=\"field.key\"\n\n  // <button _ngcontent-app-root-c342=\"\" class=\"envelope__field\" tabindex=\"1\" ng-reflect-ng-style=\"[object Object]\"\n  // ng-reflect-ng-class=\"[object Object]\" value=\"\" id=\"signatureP5-1\"\n  // style=\"height: 100%; width: 100%; background: none; font-size: 11px; border: 1px solid rgb(204, 0, 0);\"> Signature </button>\n\n  //     bottom: 229.333\n  // px\n  // ;\n  //     left: 169.333\n  // px\n  // ;\n  //     height: 41\n  // px\n  // ;\n  //     width: 82\n  // px\n  // ;\n  //     background-color: rgba(156, 39, 176, 0.4);\n  //     transform: scale(1.33333, 1.33333);\n  // }\n  // <style>\n  // .envelope__item[_ngcontent-app-root-c342] {\n  //     position: absolute;\n  //     transform-origin: bottom left;\n  //     opacity: 1;\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    console.log('Payment field', settings);\n    return (\n      <Host class={{focused: this.focused, disabled}}>\n        <button class={{hide: this.signed}}>$</button>\n        {this.signed ? <div class=\"frame\" /> : <div style={{display: 'none'}} />}\n        <img width=\"100%\" height=\"100%\" src={this.signatureUrl} />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-868f497f.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as e,H as s}from"./p-ff1278ed.js";import{f as o,g as l}from"./p-92b0fc42.js";import{g as n}from"./p-6de76553.js";const a='verdocs-field-initial{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:83px;height:36px;display:block;font-size:11px;letter-spacing:0.3px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-initial.disabled{opacity:0.5}verdocs-field-initial img{display:block;max-width:100%;max-height:100%}verdocs-field-initial button{-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-initial button.hide{display:none}verdocs-field-initial.required{border:1px solid #cc0000}verdocs-field-initial.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-initial verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-initial verdocs-button-panel[data-active],verdocs-field-initial verdocs-button-panel:hover{opacity:1}verdocs-field-initial verdocs-button-panel .icon svg{fill:#333333}verdocs-field-initial verdocs-button-panel .icon:hover svg{fill:#000000}';const r='<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20"><path d="m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z"/></svg>';const d=class{constructor(e){i(this,e);this.adopt=t(this,"adopt",7);this.cancel=t(this,"cancel",7);this.fieldChange=t(this,"fieldChange",7);this.settingsPress=t(this,"settingsPress",7);this.field=null;this.recipient=undefined;this.disabled=false;this.initials="";this.editable=false;this.moveable=false;this.roleindex=0;this.tempInitials=""}async focusField(){this.handleShow()}hideDialog(){var i;(i=this.dialog)===null||i===void 0?void 0:i.remove();this.dialog=null}handleAdopt(i){var t;console.log("[INITIAL] Adopted initials");this.tempInitials=i.detail;(t=this.fieldChange)===null||t===void 0?void 0:t.emit(this.tempInitials);this.hideDialog()}handleShow(){this.dialog=document.createElement("verdocs-initial-dialog");this.dialog.open=true;this.dialog.initials=this.recipient?o(this.recipient.full_name):this.initials;this.dialog.addEventListener("cancel",(()=>this.hideDialog()));this.dialog.addEventListener("adopt",(i=>this.handleAdopt(i)));document.body.append(this.dialog)}render(){var i,t;const o=l(this.field);const a=this.tempInitials||o.base64;const d=(t=(i=this.disabled)!==null&&i!==void 0?i:o.disabled)!==null&&t!==void 0?t:false;const c=this.field["rgba"]||n(this.roleindex);return e(s,{class:{required:o.required,disabled:d},style:{backgroundColor:c}},a?e("img",{src:this.tempInitials||o.base64,alt:"Initials"}):e("button",{class:{},onClick:()=>!d&&this.handleShow()},"Initials"),this.editable&&e("verdocs-button-panel",{icon:r},e("h6",null,"Field Settings"),e("form",null,e("verdocs-select-input",{label:"Recipient",options:[{label:"Buyer",value:"Buyer"},{label:"Seller",value:"Seller"}]}),e("verdocs-text-input",{label:"Field Name",value:"",placeholder:"Stored field name...",onInput:i=>console.log("ipt",i)}),e("verdocs-text-input",{label:"Placeholder",value:"",placeholder:"Placeholder text...",onInput:i=>console.log("ipt",i)}))))}};d.style=a;export{d as verdocs_field_initial};
-//# sourceMappingURL=p-868f497f.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/elements/verdocs-field-initial/verdocs-field-initial.scss?tag=verdocs-field-initial","src/components/elements/verdocs-field-initial/verdocs-field-initial.tsx"],"names":["verdocsFieldInitialCss","settingsIcon","VerdocsFieldInitial","[object Object]","this","handleShow","_a","dialog","remove","e","console","log","tempInitials","detail","fieldChange","emit","hideDialog","document","createElement","open","initials","recipient","fullNameToInitials","full_name","addEventListener","handleAdopt","body","append","settings","getFieldSettings","field","value","base64","disabled","_b","backgroundColor","getRGBA","roleindex","h","Host","class","required","style","src","alt","onClick","editable","icon","label","options","placeholder","onInput"],"mappings":"wIAAA,MAAMA,EAAyB,6xCCM/B,MAAMC,EACJ,+rCAWWC,EAAmB,4LAI0B,4CAU3B,oBAKF,iBAME,oBAKA,qBAKA,oBA6BN,GALbC,mBACRC,KAAKC,aAQPF,oBACEG,EAAAF,KAAKG,UAAM,MAAAD,SAAA,OAAA,EAAAA,EAAEE,SACbJ,KAAKG,OAAS,KAGhBJ,YAAYM,SACVC,QAAQC,IAAI,8BACZP,KAAKQ,aAAeH,EAAEI,QACtBP,EAAAF,KAAKU,eAAW,MAAAR,SAAA,OAAA,EAAAA,EAAES,KAAKX,KAAKQ,cAC5BR,KAAKY,aAGPb,aACEC,KAAKG,OAASU,SAASC,cAAc,0BACrCd,KAAKG,OAAOY,KAAO,KACnBf,KAAKG,OAAOa,SAAWhB,KAAKiB,UAAYC,EAAmBlB,KAAKiB,UAAUE,WAAanB,KAAKgB,SAC5FhB,KAAKG,OAAOiB,iBAAiB,UAAU,IAAMpB,KAAKY,eAClDZ,KAAKG,OAAOiB,iBAAiB,SAASf,GAAKL,KAAKqB,YAAYhB,KAC5DQ,SAASS,KAAKC,OAAOvB,KAAKG,QAG5BJ,iBACE,MAAMyB,EAAWC,EAAiBzB,KAAK0B,OACvC,MAAMC,EAAQ3B,KAAKQ,cAAgBgB,EAASI,OAC5C,MAAMC,GAAWC,GAAA5B,EAAAF,KAAK6B,YAAQ,MAAA3B,SAAA,EAAAA,EAAIsB,EAASK,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MACvD,MAAMC,EAAkB/B,KAAK0B,MAAM,SAAWM,EAAQhC,KAAKiC,WAE3D,OACEC,EAACC,EAAI,CAACC,MAAO,CAACC,SAAUb,EAASa,SAAUR,SAAAA,GAAWS,MAAO,CAACP,gBAAAA,IAC3DJ,EACCO,EAAA,MAAA,CAAKK,IAAKvC,KAAKQ,cAAgBgB,EAASI,OAAQY,IAAI,aAEpDN,EAAA,SAAA,CAAQE,MAAO,GAAIK,QAAS,KAAOZ,GAAY7B,KAAKC,cAAY,YAKjED,KAAK0C,UACJR,EAAA,uBAAA,CAAsBS,KAAM9C,GAC1BqC,EAAA,KAAA,KAAA,kBACAA,EAAA,OAAA,KACEA,EAAA,uBAAA,CACEU,MAAM,YACNC,QAAS,CACP,CAACD,MAAO,QAASjB,MAAO,SACxB,CAACiB,MAAO,SAAUjB,MAAO,aAI7BO,EAAA,qBAAA,CAAoBU,MAAM,aAAajB,MAAM,GAAGmB,YAAY,uBAAuBC,QAAS1C,GAAKC,QAAQC,IAAI,MAAOF,KACpH6B,EAAA,qBAAA,CAAoBU,MAAM,cAAcjB,MAAM,GAAGmB,YAAY,sBAAsBC,QAAS1C,GAAKC,QAAQC,IAAI,MAAOF","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-initial {\n  font-family: $verdocs-primary-font;\n  width: 83px;\n  height: 36px;\n  display: block;\n  font-size: 11px;\n  letter-spacing: 0.3px;\n  background-color: transparent;\n  transform-origin: bottom left;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  img {\n    display: block;\n    max-width: 100%;\n    max-height: 100%;\n  }\n\n  button {\n    box-sizing: border-box;\n    border: none;\n    color: rgba(0, 0, 0, 0.87);\n    font-weight: 500;\n    transform-origin: 0 0;\n    height: 100%;\n    width: 100%;\n    background: none;\n    font-size: 11px;\n\n    &.hide {\n      display: none;\n    }\n  }\n\n  &.required {\n    border: 1px solid $verdocs-red-1;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n\n  verdocs-button-panel {\n    top: -3px;\n    left: -2px;\n    opacity: 0.5;\n    z-index: 1000;\n    cursor: pointer;\n    position: absolute;\n    transform: scale(0.6);\n\n    &[data-active],\n    &:hover {\n      opacity: 1;\n    }\n\n    .icon {\n      svg {\n        fill: #333333;\n      }\n\n      &:hover {\n        svg {\n          fill: #000000;\n        }\n      }\n    }\n  }\n}\n","import {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField, IRecipient} from '@verdocs/js-sdk/Envelopes/Types';\nimport {Component, Event, EventEmitter, h, Host, Method, Prop, State} from '@stencil/core';\nimport {fullNameToInitials, getFieldSettings} from '../../../utils/utils';\nimport { getRGBA } from '@verdocs/js-sdk/Utils/Colors';\n\nconst settingsIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20\" width=\"20\"><path d=\"m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z\"/></svg>';\n\n/**\n * Displays an initial field. If an initial already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder\n * button will be shown. Clicking the button will show a dialog to adopt an initial.\n */\n@Component({\n  tag: 'verdocs-field-initial',\n  styleUrl: 'verdocs-field-initial.scss',\n  shadow: false,\n})\nexport class VerdocsFieldInitial {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * The recipient completing the form, if known.\n   */\n  @Prop() recipient?: IRecipient;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * The document or template field to display.\n   */\n  @Prop() initials: string = '';\n\n  /**\n   * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\n   * changed, so it should typically only be enabled in the Builder.\n   */\n  @Prop() editable?: boolean = false;\n\n  /**\n   * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.\n   */\n  @Prop() moveable?: boolean = false;\n\n  /**\n   * If set, the field will be colored using this index value to select the background color.\n   */\n  @Prop() roleindex?: number = 0;\n\n  /**\n   * Event emitted when an initial block is adopted by the user. The event detail will contain the base64 string of the initial image.\n   */\n  @Event({composed: true}) adopt: EventEmitter<string>;\n\n  /**\n   * Event emitted when the user cancels the process.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n  /**\n   * Event fired on every character entered into / deleted from the field.\n   */\n  @Event({composed: true}) settingsPress: EventEmitter;\n\n  @Method() async focusField() {\n    this.handleShow();\n  }\n\n  @State()\n  tempInitials: string = '';\n\n  private dialog?: any;\n\n  hideDialog() {\n    this.dialog?.remove();\n    this.dialog = null;\n  }\n\n  handleAdopt(e: any) {\n    console.log('[INITIAL] Adopted initials');\n    this.tempInitials = e.detail;\n    this.fieldChange?.emit(this.tempInitials);\n    this.hideDialog();\n  }\n\n  handleShow() {\n    this.dialog = document.createElement('verdocs-initial-dialog');\n    this.dialog.open = true;\n    this.dialog.initials = this.recipient ? fullNameToInitials(this.recipient.full_name) : this.initials;\n    this.dialog.addEventListener('cancel', () => this.hideDialog());\n    this.dialog.addEventListener('adopt', e => this.handleAdopt(e));\n    document.body.append(this.dialog);\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\n    const value = this.tempInitials || settings.base64;\n    const disabled = this.disabled ?? settings.disabled ?? false;\n    const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);\n\n    return (\n      <Host class={{required: settings.required, disabled}} style={{backgroundColor}}>\n        {value ? (\n          <img src={this.tempInitials || settings.base64} alt=\"Initials\" />\n        ) : (\n          <button class={{}} onClick={() => !disabled && this.handleShow()}>\n            Initials\n          </button>\n        )}\n\n        {this.editable && (\n          <verdocs-button-panel icon={settingsIcon}>\n            <h6>Field Settings</h6>\n            <form>\n              <verdocs-select-input\n                label=\"Recipient\"\n                options={[\n                  {label: 'Buyer', value: 'Buyer'},\n                  {label: 'Seller', value: 'Seller'},\n                ]}\n              />\n\n              <verdocs-text-input label=\"Field Name\" value=\"\" placeholder=\"Stored field name...\" onInput={e => console.log('ipt', e)} />\n              <verdocs-text-input label=\"Placeholder\" value=\"\" placeholder=\"Placeholder text...\" onInput={e => console.log('ipt', e)} />\n            </form>\n          </verdocs-button-panel>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-92b0fc42.js

@@ -1,2 +0,0 @@
-function e(e,t){return e*t}const t=(e,t)=>Array(t).fill(1).map(((t,n)=>n+e));const n=e=>e.split(" ").map((e=>e[0])).join("");const c=e=>{switch(e.type){case"attachment":case"payment":return 24;case"checkbox":case"checkbox_group":case"radio_button_group":return 14;case"signature":case"initial":return 82}return 150};const s=e=>{switch(e.type){case"attachment":case"payment":return 24;case"checkbox":case"checkbox_group":case"radio_button_group":return 14;case"signature":case"initial":return 41}return 50};const o=(t,n,o,r,a)=>{var i,u,d,l;const f=n.setting||n.settings;let{x:p=0,y:b=0,width:x=c(n),height:g=s(n)}=f;const h=a!==undefined&&f.options[a]?f.options[a]:null;if(h){p=(i=h.x)!==null&&i!==void 0?i:p;b=(u=h.y)!==null&&u!==void 0?u:b;x=(d=h.width)!==null&&d!==void 0?d:x;g=(l=h.height)!==null&&l!==void 0?l:g}t.style.width=`${x}px`;t.style.height=`${g}px`;t.style.position="absolute";t.style.left=`${e(o,p)}px`;t.style.bottom=`${e(r,b)}px`;t.style.transform=`scale(${o}, ${r})`};const r=e=>`verdocs-doc-fld-${e.name}`;const a=(e,t)=>`verdocs-doc-fld-${e.name}-${t}`;const i=(e,t,n,c,s,i=false,u=false)=>{const d=document.getElementById(t.containerId+"-controls");if(!d){return}switch(e.type){case"attachment":case"date":case"dropdown":case"initial":case"payment":case"signature":case"timestamp":case"textarea":case"textbox":{const a=r(e);const l=document.getElementById(a);if(l){o(l,e,t.xScale,t.yScale);return}const f=document.createElement(`verdocs-field-${e.type}`);f.field=e;f.setAttribute("id",a);f.setAttribute("roleindex",n);if(s){f.setAttribute("disabled",true)}if(i){f.setAttribute("editable",true)}if(u){f.setAttribute("draggable",true)}f.addEventListener("fieldChange",(t=>c(e,t)));o(f,e,t.xScale,t.yScale);d.appendChild(f);return f}case"checkbox_group":(e.settings||e.setting||{}).options.forEach(((r,i)=>{const u=a(e,i);const l=document.getElementById(u);if(l){o(l,e,t.xScale,t.yScale);return}const f=document.createElement(`verdocs-field-checkbox`);f.field=e;f.setAttribute("id",u);f.setAttribute("roleindex",n);f.setAttribute("option",i);if(s){f.setAttribute("disabled",true)}f.addEventListener("fieldChange",(t=>c(e,t)));o(f,e,t.xScale,t.yScale);d.appendChild(f);return f}));break;case"radio_button_group":(e.settings||e.setting||{}).options.forEach(((r,i)=>{const u=a(e,i);const l=document.getElementById(u);if(l){o(l,e,t.xScale,t.yScale);return}const f=document.createElement(`verdocs-field-radio-button`);f.field=e;f.setAttribute("id",u);f.setAttribute("roleindex",n);f.setAttribute("option",i);if(s){f.setAttribute("disabled",true)}f.addEventListener("fieldChange",(t=>c(e,t)));o(f,e,t.xScale,t.yScale,i);d.appendChild(f);return f}));break;default:console.log("[PREVIEW] Skipping unsupported field type",e);return null}};const u=(e,t)=>e.indexOf(t)||0;const d=e=>{if(e.setting){return e.setting}if(e.settings){return e.settings}return{x:0,y:0,required:false,disabled:false,result:"",value:""}};const l=(e,t,n)=>{const c=e.style.transform;const s=[...c.matchAll(/(\w+)\(([^)]*)\)/gi)];e.style.transform=[s.filter((e=>e[1]!==t)).map((e=>e[0])),`${t}(${n})`].join(" ")};export{u as a,r as b,e as c,n as f,d as g,t as i,i as r,o as s,l as u};
-//# sourceMappingURL=p-92b0fc42.js.map

package/dist/verdocs-web-sdk/p-92b0fc42.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@verdocs/js-sdk/Utils/Fields.js","src/utils/utils.ts"],"names":["rescale","r","n","integerSequence","start","count","Array","fill","map","_","index","fullNameToInitials","name","split","word","join","defaultWidth","field","type","defaultHeight","setControlStyles","el","xScale","yScale","option","settings","setting","x","y","width","height","optionSettings","undefined","options","_a","_b","_c","_d","style","position","left","bottom","transform","getFieldId","getFieldOptionId","renderDocumentField","docPage","roleIndex","handleFieldChange","disabled","editable","draggable","controlsDiv","document","getElementById","containerId","id","existingField","createElement","setAttribute","addEventListener","e","appendChild","forEach","checkboxIndex","cbEl","buttonIndex","console","log","getRoleIndex","roles","role","indexOf","getFieldSettings","required","result","value","updateCssTransform","key","currentTransform","components","matchAll","filter","component"],"mappings":"AAqBO,SAASA,EAAQC,EAAGC,GACvB,OAAOD,EAAIC,QCfFC,EAAkB,CAACC,EAAeC,IAC7CC,MAAMD,GACHE,KAAK,GACLC,KAAI,CAACC,EAAGC,IAAUA,EAAQN,UAElBO,EAAsBC,GACjCA,EACGC,MAAM,KACNL,KAAIM,GAAQA,EAAK,KACjBC,KAAK,IAEH,MAAMC,EAAgBC,IAC3B,OAAQA,EAAMC,MACZ,IAAK,aACL,IAAK,UACH,OAAO,GACT,IAAK,WACL,IAAK,iBACL,IAAK,qBACH,OAAO,GACT,IAAK,YACL,IAAK,UACH,OAAO,GAGX,OAAO,KAGF,MAAMC,EAAiBF,IAC5B,OAAQA,EAAMC,MACZ,IAAK,aACL,IAAK,UACH,OAAO,GACT,IAAK,WACL,IAAK,iBACL,IAAK,qBACH,OAAO,GACT,IAAK,YACL,IAAK,UACH,OAAO,GAGX,OAAO,UAGIE,EAAmB,CAACC,EAAiBJ,EAAwCK,EAAgBC,EAAgBC,iBACxH,MAAMC,EAAYR,EAAyBS,SAAYT,EAAyBQ,SAChF,IAAIE,EAACA,EAAI,EAACC,EAAEA,EAAI,EAACC,MAAEA,EAAQb,EAAaC,GAAMa,OAAEA,EAASX,EAAcF,IAAUQ,EAEjF,MAAMM,EAAiBP,IAAWQ,WAAaP,EAASQ,QAAQT,GAAUC,EAASQ,QAAQT,GAAU,KACrG,GAAIO,EAAgB,CAClBJ,GAAIO,EAAAH,EAAeJ,KAAC,MAAAO,SAAA,EAAAA,EAAIP,EACxBC,GAAIO,EAAAJ,EAAeH,KAAC,MAAAO,SAAA,EAAAA,EAAIP,EACxBC,GAAQO,EAAAL,EAAeF,SAAK,MAAAO,SAAA,EAAAA,EAAIP,EAChCC,GAASO,EAAAN,EAAeD,UAAM,MAAAO,SAAA,EAAAA,EAAIP,EAGpCT,EAAGiB,MAAMT,MAAQ,GAAGA,MACpBR,EAAGiB,MAAMR,OAAS,GAAGA,MACrBT,EAAGiB,MAAMC,SAAW,WACpBlB,EAAGiB,MAAME,KAAO,GAAGxC,EAAQsB,EAAQK,OACnCN,EAAGiB,MAAMG,OAAS,GAAGzC,EAAQuB,EAAQK,OACrCP,EAAGiB,MAAMI,UAAY,SAASpB,MAAWC,YAI9BoB,EAAc1B,GAClB,mBAAmBA,EAAML,OAG3B,MAAMgC,EAAmB,CAAC3B,EAAwCP,IAChE,mBAAmBO,EAAML,QAAQF,UAG7BmC,EAAsB,CACjC5B,EACA6B,EACAC,EACAC,EACAC,EACAC,EAAoB,MACpBC,EAAqB,SAErB,MAAMC,EAAcC,SAASC,eAAeR,EAAQS,YAAc,aAClE,IAAKH,EAAa,CAChB,OAGF,OAAQnC,EAAMC,MACZ,IAAK,aACL,IAAK,OACL,IAAK,WACL,IAAK,UACL,IAAK,UACL,IAAK,YACL,IAAK,YACL,IAAK,WACL,IAAK,UAAW,CACd,MAAMsC,EAAKb,EAAW1B,GACtB,MAAMwC,EAAgBJ,SAASC,eAAeE,GAC9C,GAAIC,EAAe,CACjBrC,EAAiBqC,EAAexC,EAAO6B,EAAQxB,OAAQwB,EAAQvB,QAC/D,OAGF,MAAMF,EAAUgC,SAASK,cAAc,iBAAiBzC,EAAMC,QAC9DG,EAAGJ,MAAQA,EACXI,EAAGsC,aAAa,KAAMH,GACtBnC,EAAGsC,aAAa,YAAaZ,GAC7B,GAAIE,EAAU,CACZ5B,EAAGsC,aAAa,WAAY,MAE9B,GAAIT,EAAU,CACZ7B,EAAGsC,aAAa,WAAY,MAE9B,GAAIR,EAAW,CACb9B,EAAGsC,aAAa,YAAa,MAE/BtC,EAAGuC,iBAAiB,eAAeC,GAAKb,EAAkB/B,EAAO4C,KACjEzC,EAAiBC,EAAIJ,EAAO6B,EAAQxB,OAAQwB,EAAQvB,QACpD6B,EAAYU,YAAYzC,GAExB,OAAOA,EAGT,IAAK,kBACDJ,EAAcQ,UAAaR,EAAcS,SAAW,IAAIO,QAAQ8B,SAAQ,CAACtD,EAAGuD,KAC5E,MAAMR,EAAKZ,EAAiB3B,EAAO+C,GACnC,MAAMP,EAAgBJ,SAASC,eAAeE,GAC9C,GAAIC,EAAe,CACjBrC,EAAiBqC,EAAexC,EAAO6B,EAAQxB,OAAQwB,EAAQvB,QAC/D,OAGF,MAAM0C,EAAYZ,SAASK,cAAc,0BACzCO,EAAKhD,MAAQA,EACbgD,EAAKN,aAAa,KAAMH,GACxBS,EAAKN,aAAa,YAAaZ,GAC/BkB,EAAKN,aAAa,SAAUK,GAC5B,GAAIf,EAAU,CACZgB,EAAKN,aAAa,WAAY,MAEhCM,EAAKL,iBAAiB,eAAeC,GAAKb,EAAkB/B,EAAO4C,KACnEzC,EAAiB6C,EAAMhD,EAAO6B,EAAQxB,OAAQwB,EAAQvB,QACtD6B,EAAYU,YAAYG,GAExB,OAAOA,KAGT,MAEF,IAAK,sBACDhD,EAAcQ,UAAaR,EAAcS,SAAW,IAAIO,QAAQ8B,SAAQ,CAACtD,EAAGyD,KAC5E,MAAMV,EAAKZ,EAAiB3B,EAAOiD,GACnC,MAAMT,EAAgBJ,SAASC,eAAeE,GAC9C,GAAIC,EAAe,CACjBrC,EAAiBqC,EAAexC,EAAO6B,EAAQxB,OAAQwB,EAAQvB,QAC/D,OAGF,MAAM0C,EAAYZ,SAASK,cAAc,8BACzCO,EAAKhD,MAAQA,EACbgD,EAAKN,aAAa,KAAMH,GACxBS,EAAKN,aAAa,YAAaZ,GAC/BkB,EAAKN,aAAa,SAAUO,GAC5B,GAAIjB,EAAU,CACZgB,EAAKN,aAAa,WAAY,MAEhCM,EAAKL,iBAAiB,eAAeC,GAAKb,EAAkB/B,EAAO4C,KACnEzC,EAAiB6C,EAAMhD,EAAO6B,EAAQxB,OAAQwB,EAAQvB,OAAQ2C,GAC9Dd,EAAYU,YAAYG,GAExB,OAAOA,KAGT,MASF,QACEE,QAAQC,IAAI,4CAA6CnD,GACzD,OAAO,aAIAoD,EAAe,CAACC,EAAiBC,IAAiBD,EAAME,QAAQD,IAAS,QAIzEE,EAAoBxD,IAC/B,GAAKA,EAAyBS,QAAS,CACrC,OAAQT,EAAyBS,QAGnC,GAAKT,EAAyBQ,SAAU,CACtC,OAAQR,EAAyBQ,SAGnC,MAAO,CAACE,EAAG,EAAGC,EAAG,EAAG8C,SAAU,MAAOzB,SAAU,MAAO0B,OAAQ,GAAIC,MAAO,WAU9DC,EAAqB,CAACxD,EAAiByD,EAAaF,KAE/D,MAAMG,EAAmB1D,EAAGiB,MAAMI,UAElC,MAAMsC,EAAa,IAAID,EAAiBE,SAAS,uBACjD5D,EAAGiB,MAAMI,UAAY,CACnBsC,EACGE,QAAOC,GAAaA,EAAU,KAAOL,IACrCtE,KAAI2E,GAAaA,EAAU,KAC9B,GAAGL,KAAOF,MACV7D,KAAK","sourcesContent":["export function getRTop(y, fieldHeight, iTextHeight, yRatio) {\n    return iTextHeight - (y + fieldHeight) * yRatio;\n}\nexport function getRLeft(x, ratio) {\n    return x * ratio;\n}\nexport function getRValue(y, ratio) {\n    return y * ratio;\n}\nexport function blobToBase64(image) {\n    var fileReader = new FileReader();\n    return new Promise(function (resolve, reject) {\n        fileReader.onerror = function () {\n            reject(new DOMException('Problem reading blob.'));\n        };\n        fileReader.onload = function () {\n            resolve(fileReader.result);\n        };\n        fileReader.readAsDataURL(image);\n    });\n}\nexport function rescale(r, n) {\n    return r * n;\n}\n","// These should probably all move to JS-SDK\nimport {rescale} from '@verdocs/js-sdk/Utils/Fields';\n// import {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField} from '@verdocs/js-sdk/Envelopes/Types';\nimport {IDocumentPageInfo} from './Types';\n\nexport const integerSequence = (start: number, count: number): number[] =>\n  Array(count)\n    .fill(1)\n    .map((_, index) => index + start);\n\nexport const fullNameToInitials = (name: string) =>\n  name\n    .split(' ')\n    .map(word => word[0])\n    .join('');\n\nexport const defaultWidth = (field: ITemplateField | IDocumentField) => {\n  switch (field.type) {\n    case 'attachment':\n    case 'payment':\n      return 24;\n    case 'checkbox':\n    case 'checkbox_group':\n    case 'radio_button_group':\n      return 14;\n    case 'signature':\n    case 'initial':\n      return 82;\n  }\n\n  return 150;\n};\n\nexport const defaultHeight = (field: ITemplateField | IDocumentField) => {\n  switch (field.type) {\n    case 'attachment':\n    case 'payment':\n      return 24;\n    case 'checkbox':\n    case 'checkbox_group':\n    case 'radio_button_group':\n      return 14;\n    case 'signature':\n    case 'initial':\n      return 41;\n  }\n\n  return 50;\n};\n\nexport const setControlStyles = (el: HTMLElement, field: ITemplateField | IDocumentField, xScale: number, yScale: number, option?: number) => {\n  const settings = (field as ITemplateField).setting || (field as IDocumentField).settings;\n  let {x = 0, y = 0, width = defaultWidth(field), height = defaultHeight(field)} = settings;\n\n  const optionSettings = option !== undefined && settings.options[option] ? settings.options[option] : null;\n  if (optionSettings) {\n    x = optionSettings.x ?? x;\n    y = optionSettings.y ?? y;\n    width = optionSettings.width ?? width;\n    height = optionSettings.height ?? height;\n  }\n\n  el.style.width = `${width}px`;\n  el.style.height = `${height}px`;\n  el.style.position = 'absolute';\n  el.style.left = `${rescale(xScale, x)}px`;\n  el.style.bottom = `${rescale(yScale, y)}px`;\n  el.style.transform = `scale(${xScale}, ${yScale})`;\n  // el.style.backgroundColor = field['rgba'] || getRGBA(roleIndex);\n};\n\nexport const getFieldId = (field: ITemplateField | IDocumentField) => {\n  return `verdocs-doc-fld-${field.name}`;\n};\n\nexport const getFieldOptionId = (field: ITemplateField | IDocumentField, index: number) => {\n  return `verdocs-doc-fld-${field.name}-${index}`;\n};\n\nexport const renderDocumentField = (\n  field: ITemplateField | IDocumentField,\n  docPage: IDocumentPageInfo,\n  roleIndex: number,\n  handleFieldChange: (field: ITemplateField | IDocumentField, e: any, optionId?: string) => void,\n  disabled: boolean,\n  editable: boolean = false,\n  draggable: boolean = false,\n) => {\n  const controlsDiv = document.getElementById(docPage.containerId + '-controls');\n  if (!controlsDiv) {\n    return;\n  }\n\n  switch (field.type) {\n    case 'attachment':\n    case 'date':\n    case 'dropdown':\n    case 'initial':\n    case 'payment':\n    case 'signature':\n    case 'timestamp':\n    case 'textarea':\n    case 'textbox': {\n      const id = getFieldId(field);\n      const existingField = document.getElementById(id);\n      if (existingField) {\n        setControlStyles(existingField, field, docPage.xScale, docPage.yScale);\n        return;\n      }\n\n      const el: any = document.createElement(`verdocs-field-${field.type}`);\n      el.field = field;\n      el.setAttribute('id', id);\n      el.setAttribute('roleindex', roleIndex);\n      if (disabled) {\n        el.setAttribute('disabled', true);\n      }\n      if (editable) {\n        el.setAttribute('editable', true);\n      }\n      if (draggable) {\n        el.setAttribute('draggable', true);\n      }\n      el.addEventListener('fieldChange', e => handleFieldChange(field, e));\n      setControlStyles(el, field, docPage.xScale, docPage.yScale);\n      controlsDiv.appendChild(el);\n\n      return el;\n    }\n\n    case 'checkbox_group':\n      ((field as any).settings || (field as any).setting || {}).options.forEach((_, checkboxIndex) => {\n        const id = getFieldOptionId(field, checkboxIndex);\n        const existingField = document.getElementById(id);\n        if (existingField) {\n          setControlStyles(existingField, field, docPage.xScale, docPage.yScale);\n          return;\n        }\n\n        const cbEl: any = document.createElement(`verdocs-field-checkbox`);\n        cbEl.field = field;\n        cbEl.setAttribute('id', id);\n        cbEl.setAttribute('roleindex', roleIndex);\n        cbEl.setAttribute('option', checkboxIndex);\n        if (disabled) {\n          cbEl.setAttribute('disabled', true);\n        }\n        cbEl.addEventListener('fieldChange', e => handleFieldChange(field, e));\n        setControlStyles(cbEl, field, docPage.xScale, docPage.yScale);\n        controlsDiv.appendChild(cbEl);\n\n        return cbEl;\n      });\n\n      break;\n\n    case 'radio_button_group':\n      ((field as any).settings || (field as any).setting || {}).options.forEach((_, buttonIndex) => {\n        const id = getFieldOptionId(field, buttonIndex);\n        const existingField = document.getElementById(id);\n        if (existingField) {\n          setControlStyles(existingField, field, docPage.xScale, docPage.yScale);\n          return;\n        }\n\n        const cbEl: any = document.createElement(`verdocs-field-radio-button`);\n        cbEl.field = field;\n        cbEl.setAttribute('id', id);\n        cbEl.setAttribute('roleindex', roleIndex);\n        cbEl.setAttribute('option', buttonIndex);\n        if (disabled) {\n          cbEl.setAttribute('disabled', true);\n        }\n        cbEl.addEventListener('fieldChange', e => handleFieldChange(field, e));\n        setControlStyles(cbEl, field, docPage.xScale, docPage.yScale, buttonIndex);\n        controlsDiv.appendChild(cbEl);\n\n        return cbEl;\n      });\n\n      break;\n\n    // case 'attachment':\n    //   el = document.createElement('verdocs-field-attachment');\n    //   el.setAttribute('value', result || '');\n    //   break;\n    // case 'payment':\n    //   el = document.createElement('verdocs-field-payment');\n    //   break;\n    default:\n      console.log('[PREVIEW] Skipping unsupported field type', field);\n      return null;\n  }\n};\n\nexport const getRoleIndex = (roles: string[], role: string) => roles.indexOf(role) || 0;\n\n// TODO: We can clean this up a lot if we alter the API to emit both setting and settings regardless of the source type,\n//   but then merge the SDK types to encourage developers to use just `settings`.\nexport const getFieldSettings = (field: ITemplateField | IDocumentField) => {\n  if ((field as ITemplateField).setting) {\n    return (field as ITemplateField).setting;\n  }\n\n  if ((field as IDocumentField).settings) {\n    return (field as IDocumentField).settings;\n  }\n\n  return {x: 0, y: 0, required: false, disabled: false, result: '', value: ''};\n};\n\n/**\n * Helper function to safely set/update components in a CSS transform attribute. Transform is normally set as a string of\n * `operation1(param) operation2(param) ...` components, which makes updating them a bit of a pain. This will remove the\n * specified component if it's already set and replace it with the new value, without touching the other components that\n * may already be set. Note that this operation moves the component to the end of the transform chain so it's not meant\n * to be used for order-sensitive components e.g. translate-then-rotate.\n */\nexport const updateCssTransform = (el: HTMLElement, key: string, value: string) => {\n  // e.g. 'scale(1.87908, 1.87908) translate(0px, 0px);'\n  const currentTransform = el.style.transform;\n  // e.g. ['scale(1.87908, 1.87908)', 'scale', '1.87908, 1.87908', ...], [ 'translate(0px, 0px)', 'translate', '0px, 0px']]\n  const components = [...currentTransform.matchAll(/(\\w+)\\(([^)]*)\\)/gi)];\n  el.style.transform = [\n    components //\n      .filter(component => component[1] !== key) // Remove the entry if it's already set\n      .map(component => component[0]), // Convert back the remaining entries\n    `${key}(${value})`,\n  ].join(' ');\n};\n"]}

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

@@ -1,2 +0,0 @@
-import{r as e,c as o,h as i,H as n,F as l,a as r}from"./p-ff1278ed.js";import{a as s,u as a}from"./p-c5a43bb3.js";import"./p-8efc9749.js";import{V as t}from"./p-becd8d7e.js";import{r as d,a as c}from"./p-92b0fc42.js";import{c as v}from"./p-5ea05a1d.js";import{S as u}from"./p-7a1b2643.js";const{state:p,onChange:h}=v({envelope:null,loadProgress:0,loading:true,error:"",roleNames:[],dirty:false});h("envelope",(async e=>{if(!e){console.log("[ENVELOPESTORE] Clearing envelope");p.roleNames=[];p.dirty=false;p.loading=false;p.error="";p.loadProgress=0;return}console.log("[ENVELOPESTORE] Loaded envelope",e);p.roleNames=e.recipients.map((e=>e.role_name));console.log("[ENVELOPESTORE] Loaded roles",p.roleNames)}));const g=async(e,o)=>{var i;p.envelope=null;if(!o){console.log(`[ENVELOPES] Missing required envelope ID`);return}p.error="";p.loading=true;try{console.log(`[ENVELOPES] Loading envelope ${o}`);const i=await s(e,o);if(!i){console.log("[ENVELOPES] Unable to load envelope");return}p.envelope=i;p.loading=false}catch(e){p.loading=false;p.error=((i=e===null||e===void 0?void 0:e.response)===null||i===void 0?void 0:i.status)===401?"Authentication required":e.message;console.log("[ENVELOPES] Error loading envelope",e);throw e}};const f='verdocs-view{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-view div,verdocs-view canvas{-webkit-box-sizing:border-box;box-sizing:border-box}';const b=class{constructor(i){e(this,i);this.sdkError=o(this,"sdkError",7);this.endpoint=t.getDefault();this.envelopeId=""}componentWillLoad(){this.endpoint.loadSession()}async componentDidLoad(){var e,o,i;if(!this.envelopeId){console.error(`[VIEW] Missing reuqired envelopeId`);return}try{await g(this.endpoint,this.envelopeId)}catch(n){(e=this.sdkError)===null||e===void 0?void 0:e.emit(new u(n.message,(o=n.response)===null||o===void 0?void 0:o.status,(i=n.response)===null||i===void 0?void 0:i.data))}}async handleFieldChange(e,o,i){console.log("fieldChange",e,o);switch(e.type){case"textbox":a(this.endpoint,this.envelopeId,e.name,{prepared:false,value:o.detail}).then((e=>console.log("Update result",e))).catch((e=>{var o,i,n,l,r,s;(o=this.sdkError)===null||o===void 0?void 0:o.emit(new u(e.message,(i=e.response)===null||i===void 0?void 0:i.status,(n=e.response)===null||n===void 0?void 0:n.data));if(((l=e.response)===null||l===void 0?void 0:l.status)===401&&((s=(r=e.response)===null||r===void 0?void 0:r.data)===null||s===void 0?void 0:s.error)==="jwt expired"){console.log("jwt expired")}console.log("Error updating",e)}));break;case"checkbox_group":a(this.endpoint,this.envelopeId,e.name,{prepared:false,value:{options:[{id:i,checked:o.detail}]}}).then((e=>console.log("Update result",e))).catch((e=>{var o,i,n;(o=this.sdkError)===null||o===void 0?void 0:o.emit(new u(e.message,(i=e.response)===null||i===void 0?void 0:i.status,(n=e.response)===null||n===void 0?void 0:n.data));console.log("Error updating",e)}));break;case"radio_button_group":const n=e.settings.options.map((e=>({id:e.id,selected:i===e.id})));a(this.endpoint,this.envelopeId,e.name,{prepared:false,value:{options:n}}).then((e=>console.log("Update result",e))).catch((e=>{var o,i,n;(o=this.sdkError)===null||o===void 0?void 0:o.emit(new u(e.message,(i=e.response)===null||i===void 0?void 0:i.status,(n=e.response)===null||n===void 0?void 0:n.data));console.log("Error updating",e)}));break;case"dropdown":a(this.endpoint,this.envelopeId,e.name,{prepared:false,value:o.detail}).then((e=>console.log("Update result",e))).catch((e=>{var o,i,n;(o=this.sdkError)===null||o===void 0?void 0:o.emit(new u(e.message,(i=e.response)===null||i===void 0?void 0:i.status,(n=e.response)===null||n===void 0?void 0:n.data));console.log("Error updating",e)}));break;case"initial":console.log("Got initial",o.detail);break;case"signature":console.log("Got signature",o.detail);break}}handlePageRendered(e){const o=e.detail;console.log("[SIGN] Page rendered",o);p.envelope.recipients.map((e=>{const i=e.fields.filter((e=>e.page===o.pageNumber));console.log("[SIGN] Fields on page",i);i.forEach((e=>{const i=d(e,o,c(p.roleNames,e.recipient_role),this.handleFieldChange,true,false,false);console.log("rendered element",i);if(!i){return}i.addEventListener("recipientChanged",(e=>{i.setAttribute("roleindex",c(p.roleNames,e.detail))}));i.setAttribute("xScale",o.xScale);i.setAttribute("yScale",o.yScale)}))}))}render(){var e;console.log("[VIEW] Rendering",p.error,p.loading,p.envelope);if(p.loading||!p.envelope){return i(n,null,i("verdocs-loader",null))}if(p.error){return i(n,null,i("div",null,p.error))}return i(n,null,(((e=p.envelope)===null||e===void 0?void 0:e.documents)||[]).map((e=>{const o=[...(e===null||e===void 0?void 0:e.pages)||[]];o.sort(((e,o)=>e.sequence-o.sequence));return i(l,null,o.map((e=>i("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"}]}))))})))}get component(){return r(this)}};b.style=f;export{b as verdocs_view};
-//# sourceMappingURL=p-a760546b.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["src/utils/envelopeStore.ts","src/utils/Envelopes.ts","src/components/embeds/verdocs-view/verdocs-view.scss?tag=verdocs-view","src/components/embeds/verdocs-view/verdocs-view.tsx"],"names":["state","onChange","createStore","envelope","loadProgress","loading","error","roleNames","dirty","async","newEnvelope","console","log","recipients","map","recipient","role_name","getEnvelopeById","endpoint","envelopeId","EnvelopeStore","getEnvelope","e","_a","response","status","message","verdocsViewCss","VerdocsView","VerdocsEndpoint","getDefault","[object Object]","this","loadSession","sdkError","emit","SDKError","_b","_c","data","field","optionId","type","Envelopes.updateEnvelopeField","name","prepared","value","detail","then","r","catch","_d","_f","_e","options","id","checked","settings","option","selected","pageInfo","fields","filter","page","pageNumber","forEach","el","renderDocumentField","getRoleIndex","recipient_role","handleFieldChange","addEventListener","setAttribute","xScale","yScale","h","Host","documents","envelopeDocument","pages","sort","a","b","sequence","Fragment","pageImageUri","display_uri","virtualWidth","virtualHeight","onPageRendered","handlePageRendered","layers"],"mappings":"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","sourcesContent":["// NOTE: Do not attempt to convert this to a named-export module. It triggers compilation issues in Rollup that I spent days trying to\n// resolve. This needs to export a single default value of the store's state. Any helper functions should go in Templates.ts here.\n\nimport {createStore} from '@stencil/store';\nimport {IEnvelope} from '@verdocs/js-sdk/Envelopes/Types';\n\nconst {state, onChange} = createStore({\n  envelope: null as IEnvelope | null,\n  loadProgress: 0,\n  loading: true,\n  error: '',\n\n  roleNames: [] as string[],\n  dirty: false,\n});\n\nonChange('envelope', async newEnvelope => {\n  if (!newEnvelope) {\n    console.log('[ENVELOPESTORE] Clearing envelope');\n    state.roleNames = [];\n    state.dirty = false;\n    state.loading = false;\n    state.error = '';\n    state.loadProgress = 0;\n    return;\n  }\n\n  console.log('[ENVELOPESTORE] Loaded envelope', newEnvelope);\n\n  state.roleNames = newEnvelope.recipients.map(recipient => recipient.role_name);\n  newEnvelope.recipients;\n  console.log('[ENVELOPESTORE] Loaded roles', state.roleNames);\n});\n\nexport default state;\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {getEnvelope} from '@verdocs/js-sdk/Envelopes/Envelopes';\nimport EnvelopeStore from './envelopeStore';\n\n// Allows envelope data to be cached for reuse between components, without parent components having to prop-drill entire envelopes into\n// child elements.\nexport const getEnvelopeById = async (endpoint: VerdocsEndpoint, envelopeId: string) => {\n  EnvelopeStore.envelope = null;\n\n  if (!envelopeId) {\n    console.log(`[ENVELOPES] Missing required envelope ID`);\n    return;\n  }\n\n  EnvelopeStore.error = '';\n  EnvelopeStore.loading = true;\n\n  try {\n    console.log(`[ENVELOPES] Loading envelope ${envelopeId}`);\n    const envelope = await getEnvelope(endpoint, envelopeId);\n    if (!envelope) {\n      console.log('[ENVELOPES] Unable to load envelope');\n      return;\n    }\n\n    EnvelopeStore.envelope = envelope;\n    EnvelopeStore.loading = false;\n  } catch (e) {\n    EnvelopeStore.loading = false;\n    EnvelopeStore.error = e?.response?.status === 401 ? 'Authentication required' : e.message;\n    console.log('[ENVELOPES] Error loading envelope', e);\n    throw e;\n  }\n};\n","@import '../../../theme.scss';\n\nverdocs-view {\n  font-family: $verdocs-primary-font;\n  display: flex;\n  padding: 15px;\n  row-gap: 15px;\n  min-height: 200px;\n  position: relative;\n  align-items: center;\n  box-sizing: border-box;\n  flex-direction: column;\n\n  div,\n  canvas {\n    box-sizing: border-box;\n  }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Envelopes} from '@verdocs/js-sdk/Envelopes';\nimport {IDocumentField} from '@verdocs/js-sdk/Envelopes/Types';\nimport {Component, h, Element, Event, Host, Prop, EventEmitter, Fragment} from '@stencil/core';\nimport {getRoleIndex, renderDocumentField} from '../../../utils/utils';\nimport {getEnvelopeById} from '../../../utils/Envelopes';\nimport EnvelopeStore from '../../../utils/envelopeStore';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport {SDKError} from '../../../utils/errors';\n\nexport interface ISourcePageMetrics {\n  width: number;\n  height: number;\n}\n\nexport interface IPageRenderEvent {\n  renderedPage: IDocumentPageInfo;\n  sourcePageMetrics: ISourcePageMetrics;\n  pages: Record<number, IDocumentPageInfo>;\n}\n\n/**\n * Render the documents attached to an envelope in read-only (view) mode. All documents are displayed in order.\n */\n@Component({\n  tag: 'verdocs-view',\n  styleUrl: 'verdocs-view.scss',\n  shadow: false,\n})\nexport class VerdocsView {\n  @Element() component: HTMLElement;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored.\n   */\n  @Prop() envelopeId: string = '';\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  componentWillLoad() {\n    this.endpoint.loadSession();\n  }\n\n  // TODO: Handling signing vs preview-as-user cases\n  // TODO: Handle anonymous case and failure to load due to not being logged in\n  async componentDidLoad() {\n    if (!this.envelopeId) {\n      console.error(`[VIEW] Missing reuqired envelopeId`);\n      return;\n    }\n\n    try {\n      await getEnvelopeById(this.endpoint, this.envelopeId);\n    } catch (e) {\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  // Determine whether a page is \"rotated\" (in either direction)\n  // isRotated(rotation) {\n  //   return rotation !== 0 && rotation % 180 !== 0;\n  // }\n\n  // Render one document page. Note that pageNumber is 1-based.\n  // async renderPage(pageNumber: number): Promise<void> {\n  //   const domPage = this.domPages[pageNumber];\n  //\n  //   // Two async operations happen here, loading the PDF and rendering the DOM div/canvas placeholders to draw the pages on.\n  //   if (!domPage) {\n  //     console.log('[VIEW] Skipping rendering page not yet in DOM', {pageNumber});\n  //     return;\n  //   }\n  //\n  //   const pageMetrics = this.sourcePageMetrics[pageNumber];\n  //\n  //   console.log('[VIEW] Rendering page', {pageNumber, pageMetrics, domPage});\n  //   try {\n  //     // const pdfPage = await this.pdfDocument.getPage(pageNumber);\n  //     // const viewport = pdfPage.getViewport({scale: domPage.xScale});\n  //     // console.log('[VIEW] Page viewport', domPage.xScale, viewport);\n  //\n  //     // const canvas = document.getElementById(`${domPage.containerId}-page`) as HTMLCanvasElement | null;\n  //     // if (!canvas) {\n  //     //   console.log('[VIEW] Unable to find canvas element');\n  //     //   return;\n  //     // }\n  //     //\n  //     // canvas.width = domPage.renderedWidth;\n  //     // canvas.height = domPage.renderedHeight;\n  //     // const canvasContext = canvas.getContext('2d');\n  //     // canvasContext.clearRect(0, 0, domPage.renderedWidth, domPage.renderedHeight);\n  //     // await pdfPage.render({canvasContext, viewport});\n  //\n  //     this.pageRendered.emit({\n  //       renderedPage: domPage,\n  //       sourcePageMetrics: pageMetrics,\n  //       pages: this.domPages,\n  //     });\n  //   } catch (e) {\n  //     this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n  //     console.warn('[VIEW] Error rendering page', e);\n  //   }\n  // }\n\n  // async renderPages(): Promise<void> {\n  //   const pageNumbersToRender = integerSequence(1, this.numPages);\n  //   for await (let pageNumber of pageNumbersToRender) {\n  //     try {\n  //       await this.renderPage(pageNumber);\n  //     } catch (e) {\n  //       this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n  //       console.warn('[VIEW] Error rendering pages', e);\n  //     }\n  //   }\n  // }\n\n  // onProgress(progress: OnProgressParameters) {\n  //   console.log(`[VIEW] Progress ${Math.floor((progress.loaded / progress.total) * 100)} (${progress.loaded} / ${progress.total})`);\n  //   this.loadProgress = Math.floor((100 * progress.loaded) / progress.total);\n  // }\n\n  // After a document is done loading, go through its pages to get their dimensions\n  // async parsePageMetrics(pdfDocument: pdfjsLib.PDFDocumentProxy) {\n  //   const pageNumbersToRender = integerSequence(1, pdfDocument.numPages);\n  //\n  //   for await (let pageNumber of pageNumbersToRender) {\n  //     const pdfPage = await pdfDocument.getPage(1);\n  //     const [pageX0, pageY0, pageX1, pageY1] = pdfPage.view;\n  //     this.sourcePageMetrics[pageNumber] = {width: pageX1 - pageX0, height: pageY1 - pageY0};\n  //   }\n  //\n  //   console.log('[VIEW] Parsed page metrics', this.sourcePageMetrics);\n  // }\n\n  // loadAndRender(src: string): void {\n  //   console.log('[VIEW] Loading', src);\n  //\n  //   const token = this.endpoint.getToken();\n  //   const httpHeaders = token ? {Authorization: `Bearer ${token}`} : {};\n  //\n  //   const source = {\n  //     url: src,\n  //     cMapUrl: CMAPS_URL,\n  //     cMapPacked: true,\n  //     httpHeaders,\n  //     withCredentials: true,\n  //     stopAtErrors: true,\n  //     verbosity: pdfjsLib.VerbosityLevel.WARNINGS,\n  //     // verbosity: pdfjsLib.VerbosityLevel.INFOS,\n  //   } as DocumentInitParameters;\n  //\n  //   // @ts-ignore\n  //   const loadingTask = pdf.getDocument(source, null, null, this.onProgress);\n  //   loadingTask.onProgress = this.onProgress;\n  //   loadingTask.promise\n  //     .then(async (pdfDocument: pdfjsLib.PDFDocumentProxy) => {\n  //       await this.parsePageMetrics(pdfDocument);\n  //\n  //       this.pdfDocument = pdfDocument;\n  //       this.numPages = pdfDocument.numPages;\n  //       this.fingerprints = pdfDocument.fingerprints;\n  //       console.log(`[VIEW] Got PDF document fingerprints \"${this.fingerprints.join(', ')}\", ${this.numPages} page(s)`);\n  //\n  //       // We don't try to render the pages here, setting loadProtress triggers that by adding the individual page entries in\n  //       // DOM in render() below. Each page then fires onPageRendered when it is ready to receive content.\n  //       this.loadProgress = 100;\n  //     })\n  //     .catch(e => {\n  //       this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n  //       console.log('[VIEW] Loading error', e);\n  //     });\n  // }\n\n  // async handlePageRendered(e: any) {\n  //   e.stopPropagation();\n  //\n  //   const domPage = e.detail as IDocumentPageInfo;\n  //   this.domPages[domPage.pageNumber] = domPage;\n  //   await this.renderPage(domPage.pageNumber);\n  // }\n\n  async handleFieldChange(field: IDocumentField, e: any, optionId?: string) {\n    console.log('fieldChange', field, e);\n    switch (field.type) {\n      case 'textbox':\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: e.detail})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            if (e.response?.status === 401 && e.response?.data?.error === 'jwt expired') {\n              console.log('jwt expired');\n            }\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'checkbox_group':\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: {options: [{id: optionId, checked: e.detail}]}})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'radio_button_group':\n        const options = field.settings.options.map(option => ({id: option.id, selected: optionId === option.id}));\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: {options}})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'dropdown':\n        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, {prepared: false, value: e.detail})\n          .then(r => console.log('Update result', r))\n          .catch(e => {\n            this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            console.log('Error updating', e);\n          });\n        break;\n\n      case 'initial':\n        console.log('Got initial', e.detail);\n        break;\n\n      case 'signature':\n        console.log('Got signature', e.detail);\n        break;\n    }\n  }\n\n  handlePageRendered(e) {\n    const pageInfo = e.detail as IDocumentPageInfo;\n    console.log('[SIGN] Page rendered', pageInfo);\n\n    EnvelopeStore.envelope.recipients.map(recipient => {\n      const fields = recipient.fields.filter(field => field.page === pageInfo.pageNumber);\n      // const fields = this.fields.filter(field => field.page_sequence === pageInfo.renderedPage.pageNumber);\n      console.log('[SIGN] Fields on page', fields);\n      fields.forEach(field => {\n        const el = renderDocumentField(field, pageInfo, getRoleIndex(EnvelopeStore.roleNames, field.recipient_role), this.handleFieldChange, true, false, false);\n        console.log('rendered element', el);\n        // const el = renderDocumentField(field, pageInfo.renderedPage, getRoleIndex(this.roles, field.role_name), this.handleFieldChange, true, true, true);\n        if (!el) {\n          return;\n        }\n\n        el.addEventListener('recipientChanged', e => {\n          el.setAttribute('roleindex', getRoleIndex(EnvelopeStore.roleNames, e.detail));\n          // el.setAttribute('roleindex', getRoleIndex(this.roles, e.detail));\n        });\n\n        el.setAttribute('xScale', pageInfo.xScale);\n        el.setAttribute('yScale', pageInfo.yScale);\n\n        // interact(el).draggable({\n        //   listeners: {\n        //     start(event) {\n        //       console.log('[FIELDS] Drag started', event.type, event.target);\n        //     },\n        //     move(event) {\n        //       const oldX = +(event.target.getAttribute('posX') || 0);\n        //       const oldY = +(event.target.getAttribute('posY') || 0);\n        //       const xScale = +(event.target.getAttribute('xScale') || 1);\n        //       const yScale = +(event.target.getAttribute('yScale') || 1);\n        //       const newX = event.dx / xScale + oldX;\n        //       const newY = event.dy / yScale + oldY;\n        //       event.target.setAttribute('posX', newX);\n        //       event.target.setAttribute('posy', newY);\n        //       updateCssTransform(event.target, 'translate', `${newX}px, ${newY}px`);\n        //     },\n        //     end(event) {\n        //       console.log('[FIELDS] Drag ended', event);\n        //       // event.target.setAttribute('posX', 0);\n        //       // event.target.setAttribute('posy', 0);\n        //       // updateCssTransform(event.target, 'translate', `${0}px, ${0}px`);\n        //     },\n        //   },\n        // });\n      });\n    });\n  }\n\n  render() {\n    console.log('[VIEW] Rendering', EnvelopeStore.error, EnvelopeStore.loading, EnvelopeStore.envelope);\n    if (EnvelopeStore.loading || !EnvelopeStore.envelope) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    if (EnvelopeStore.error) {\n      return (\n        <Host>\n          <div>{EnvelopeStore.error}</div>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\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      </Host>\n    );\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/embeds/verdocs-preview/verdocs-preview.scss?tag=verdocs-preview","src/components/embeds/verdocs-preview/verdocs-preview.tsx"],"names":["verdocsPreviewCss","VerdocsPreview","exports","VerdocsEndpoint","getDefault","class_1","prototype","componentDidLoad","this","endpoint","loadSession","templateId","console","log","concat","loadTemplate","_d","sent","e_1","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","handleFieldChange","field","e","optionId","handlePageRendered","_this","pageInfo","detail","fields","TemplateStore","filter","page_sequence","renderedPage","pageNumber","forEach","renderDocumentField","getRoleIndex","roleNames","role_name","render","loading","template","h","Host","pages","__spreadArray","sort","a","b","sequence","map","page","pageImageUri","display_uri","virtualWidth","virtualHeight","onPageRendered","layers","name","type"],"mappings":"qqEAAA,IAAMA,EAAoB,wbCoBbC,EAAcC,EAAA,kBAAA,oFAIWC,EAAgBC,6BAKhB,KAS9BC,EAAAC,UAAAC,iBAAN,mIACEC,KAAKC,SAASC,cAEd,IAAKF,KAAKG,WAAY,CACpBC,QAAQC,IAAI,0CAAAC,OAA0CN,KAAKG,aAC3D,MAAA,CAAA,0CAIAC,QAAQC,IAAI,8BAAAC,OAA8BN,KAAKG,aAC/C,MAAA,CAAA,EAAMI,EAAaP,KAAKC,SAAUD,KAAKG,oBAAvCK,EAAAC,qCAEAL,QAAQC,IAAI,mCAAoCK,IAChDC,EAAAX,KAAKY,YAAQ,MAAAD,SAAA,OAAA,EAAAA,EAAEE,KAAK,IAAIC,EAASJ,EAAEK,SAASC,EAAAN,EAAEO,YAAQ,MAAAD,SAAA,OAAA,EAAAA,EAAEE,QAAQC,EAAAT,EAAEO,YAAQ,MAAAE,SAAA,OAAA,EAAAA,EAAEC,4CAI1EvB,EAAAC,UAAAuB,kBAAN,SAAwBC,EAAuBC,EAAQC,wFACrDpB,QAAQC,IAAI,8BAA+BiB,EAAOC,EAAGC,oBAGvD3B,EAAAC,UAAA2B,mBAAA,SAAmBF,GAAnB,IAAAG,EAAA1B,KACE,IAAM2B,EAAWJ,EAAEK,OACnBxB,QAAQC,IAAI,0BAA2BsB,GAEvC,IAAME,EAASC,EAAcD,OAAOE,QAAO,SAAAT,GAAS,OAAAA,EAAMU,gBAAkBL,EAASM,aAAaC,cAClG9B,QAAQC,IAAI,2BAA4BwB,GACxCA,EAAOM,SAAQ,SAAAb,GAAS,OAAAc,EAAoBd,EAAOK,EAASM,aAAcI,EAAaP,EAAcQ,UAAWhB,EAAMiB,WAAYb,EAAKL,kBAAmB,UAG5JxB,EAAAC,UAAA0C,OAAA,WAAA,IAAAd,EAAA1B,KAEE,GAAI8B,EAAcW,UAAYX,EAAcY,SAAU,CACpD,OACEC,EAACC,EAAI,KACHD,EAAA,iBAAA,OAKN,IAAME,EAAKC,cAAA,GAAOhB,EAAcY,SAASG,MAAK,MAC9CA,EAAME,MAAK,SAACC,EAAGC,GAAM,OAAAD,EAAEE,SAAWD,EAAEC,YAEpC,OACEP,EAACC,EAAI,KACFC,EAAMM,KAAI,SAAAC,GACThD,QAAQC,IAAI,iBAAkB+C,GAC9B,OACET,EAAA,wBAAA,CACEU,aAAcD,EAAKE,YACnBC,aAAc,IACdC,cAAe,IACftB,WAAYkB,EAAKF,SACjBO,eAAgB,SAAAlC,GAAK,OAAAG,EAAKD,mBAAmBF,IAC7CmC,OAAQ,CACN,CAACC,KAAM,OAAQC,KAAM,UACrB,CAACD,KAAM,WAAYC,KAAM,wBA1Ed","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-preview {\n  font-family: $verdocs-primary-font;\n  display: flex;\n  padding: 15px;\n  row-gap: 15px;\n  min-height: 200px;\n  position: relative;\n  align-items: center;\n  box-sizing: border-box;\n  flex-direction: column;\n\n  div,\n  canvas {\n    box-sizing: border-box;\n  }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, Prop, h} from '@stencil/core';\nimport {Event, EventEmitter, Host} from '@stencil/core';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {getRoleIndex, renderDocumentField} from '../../../utils/utils';\nimport {IPageRenderEvent} from '../verdocs-view/verdocs-view';\nimport TemplateStore from '../../../utils/templateStore';\nimport {loadTemplate} from '../../../utils/Templates';\nimport {SDKError} from '../../../utils/errors';\n\n/**\n * Display a template preview experience. This will display the template's attached\n * documents with signing fields overlaid on each page. Fields will be color-coded\n * by recipient, and will be read-only (cannot be filled, moved, or altered).\n */\n@Component({\n  tag: 'verdocs-preview',\n  styleUrl: 'verdocs-preview.scss',\n  shadow: false,\n})\nexport class VerdocsPreview {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The ID of the template to create the document from.\n   */\n  @Prop() templateId: 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  // TODO: Move to state store so we can load this one time\n  async componentDidLoad() {\n    this.endpoint.loadSession();\n\n    if (!this.templateId) {\n      console.log(`[PREVIEW] Missing required template ID ${this.templateId}`);\n      return;\n    }\n\n    try {\n      console.log(`[PREVIEW] Loading template ${this.templateId}`);\n      await loadTemplate(this.endpoint, this.templateId);\n    } catch (e) {\n      console.log('[PREVIEW] Error loading template', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  async handleFieldChange(field: ITemplateField, e: any, optionId?: string) {\n    console.log('[PREVIEW] handleFieldChange', field, e, optionId);\n  }\n\n  handlePageRendered(e) {\n    const pageInfo = e.detail as IPageRenderEvent;\n    console.log('[PREVIEW] Page rendered', pageInfo);\n\n    const fields = TemplateStore.fields.filter(field => field.page_sequence === pageInfo.renderedPage.pageNumber);\n    console.log('[PREVIEW] Fields on page', fields);\n    fields.forEach(field => renderDocumentField(field, pageInfo.renderedPage, getRoleIndex(TemplateStore.roleNames, field.role_name), this.handleFieldChange, true));\n  }\n\n  render() {\n    // TODO: Render a better error\n    if (TemplateStore.loading || !TemplateStore.template) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    const pages = [...TemplateStore.template.pages];\n    pages.sort((a, b) => a.sequence - b.sequence);\n\n    return (\n      <Host>\n        {pages.map(page => {\n          console.log('rendering page', page);\n          return (\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        })}\n      </Host>\n    );\n  }\n}\n"]}