@verdocs/web-sdk 1.9.10 → 1.9.14

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

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,n,o,r){function t(e){return e instanceof o?e:new o((function(n){n(e)}))}return new(o||(o=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r["throw"](e))}catch(e){i(e)}}function l(e){e.done?o(e.value):t(e.value).then(a,s)}l((r=r.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,t,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(n){return l([e,n])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(o)try{if(r=1,t&&(i=a[0]&2?t["return"]:a[0]?t["throw"]||((i=t["return"])&&i.call(t),0):t.next)&&!(i=i.call(t,a[1])).done)return i;if(t=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;t=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(a[0]===6&&o.label<i[1]){o.label=i[1];i=a;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(a);break}if(i[2])o.ops.pop();o.trys.pop();continue}a=n.call(e,o)}catch(e){a=[6,e];t=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,n,o){if(o||arguments.length===2)for(var r=0,t=n.length,i;r<t;r++){if(i||!(r in n)){if(!i)i=Array.prototype.slice.call(n,0,r);i[r]=n[r]}}return e.concat(i||Array.prototype.slice.call(n))};System.register(["./p-97329951.system.js","./p-cd7b475a.system.js","./p-a7433630.system.js","./p-1cd2f7dc.system.js","./p-21ec6ff0.system.js","./p-0f6da8c7.system.js","./p-187b20b7.system.js"],(function(e){"use strict";var n,o,r,t,i,a,s,l,u,d,c,p,v;return{setters:[function(e){n=e.r;o=e.c;r=e.h;t=e.H;i=e.F;a=e.a},function(e){s=e.a;l=e.u},function(){},function(e){u=e.V},function(e){d=e.r;c=e.a},function(e){p=e.c},function(e){v=e.S}],execute:function(){var f=this;var g=p({envelope:null,loadProgress:0,loading:true,error:"",roleNames:[],dirty:false}),h=g.state,m=g.onChange;m("envelope",(function(e){return __awaiter(f,void 0,void 0,(function(){return __generator(this,(function(n){if(!e){console.log("[ENVELOPESTORE] Clearing envelope");h.roleNames=[];h.dirty=false;h.loading=false;h.error="";h.loadProgress=0;return[2]}console.log("[ENVELOPESTORE] Loaded envelope",e);h.roleNames=e.recipients.map((function(e){return e.role_name}));console.log("[ENVELOPESTORE] Loaded roles",h.roleNames);return[2]}))}))}));var b=function(e,n){return __awaiter(f,void 0,void 0,(function(){var o,r,t;return __generator(this,(function(i){switch(i.label){case 0:h.envelope=null;if(!n){console.log("[ENVELOPES] Missing required envelope ID");return[2]}h.error="";h.loading=true;i.label=1;case 1:i.trys.push([1,3,,4]);console.log("[ENVELOPES] Loading envelope ".concat(n));return[4,s(e,n)];case 2:r=i.sent();if(!r){console.log("[ENVELOPES] Unable to load envelope");return[2]}h.envelope=r;h.loading=false;return[3,4];case 3:t=i.sent();h.loading=false;h.error=((o=t===null||t===void 0?void 0:t.response)===null||o===void 0?void 0:o.status)===401?"Authentication required":t.message;console.log("[ENVELOPES] Error loading envelope",t);throw t;case 4:return[2]}}))}))};var y='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}';var E=e("verdocs_view",function(){function e(e){n(this,e);this.sdkError=o(this,"sdkError",7);this.endpoint=u.getDefault();this.envelopeId=""}e.prototype.componentWillLoad=function(){this.endpoint.loadSession()};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,n,o,r;return __generator(this,(function(t){switch(t.label){case 0:if(!this.envelopeId){console.error("[VIEW] Missing reuqired envelopeId");return[2]}t.label=1;case 1:t.trys.push([1,3,,4]);return[4,b(this.endpoint,this.envelopeId)];case 2:t.sent();return[3,4];case 3:r=t.sent();(e=this.sdkError)===null||e===void 0?void 0:e.emit(new v(r.message,(n=r.response)===null||n===void 0?void 0:n.status,(o=r.response)===null||o===void 0?void 0:o.data));return[3,4];case 4:return[2]}}))}))};e.prototype.handleFieldChange=function(e,n,o){return __awaiter(this,void 0,void 0,(function(){var r;var t=this;return __generator(this,(function(i){console.log("fieldChange",e,n);switch(e.type){case"textbox":l(this.endpoint,this.envelopeId,e.name,{prepared:false,value:n.detail}).then((function(e){return console.log("Update result",e)})).catch((function(e){var n,o,r,i,a,s;(n=t.sdkError)===null||n===void 0?void 0:n.emit(new v(e.message,(o=e.response)===null||o===void 0?void 0:o.status,(r=e.response)===null||r===void 0?void 0:r.data));if(((i=e.response)===null||i===void 0?void 0:i.status)===401&&((s=(a=e.response)===null||a===void 0?void 0:a.data)===null||s===void 0?void 0:s.error)==="jwt expired"){console.log("jwt expired")}console.log("Error updating",e)}));break;case"checkbox_group":l(this.endpoint,this.envelopeId,e.name,{prepared:false,value:{options:[{id:o,checked:n.detail}]}}).then((function(e){return console.log("Update result",e)})).catch((function(e){var n,o,r;(n=t.sdkError)===null||n===void 0?void 0:n.emit(new v(e.message,(o=e.response)===null||o===void 0?void 0:o.status,(r=e.response)===null||r===void 0?void 0:r.data));console.log("Error updating",e)}));break;case"radio_button_group":r=e.settings.options.map((function(e){return{id:e.id,selected:o===e.id}}));l(this.endpoint,this.envelopeId,e.name,{prepared:false,value:{options:r}}).then((function(e){return console.log("Update result",e)})).catch((function(e){var n,o,r;(n=t.sdkError)===null||n===void 0?void 0:n.emit(new v(e.message,(o=e.response)===null||o===void 0?void 0:o.status,(r=e.response)===null||r===void 0?void 0:r.data));console.log("Error updating",e)}));break;case"dropdown":l(this.endpoint,this.envelopeId,e.name,{prepared:false,value:n.detail}).then((function(e){return console.log("Update result",e)})).catch((function(e){var n,o,r;(n=t.sdkError)===null||n===void 0?void 0:n.emit(new v(e.message,(o=e.response)===null||o===void 0?void 0:o.status,(r=e.response)===null||r===void 0?void 0:r.data));console.log("Error updating",e)}));break;case"initial":console.log("Got initial",n.detail);break;case"signature":console.log("Got signature",n.detail);break}return[2]}))}))};e.prototype.handlePageRendered=function(e){var n=this;var o=e.detail;console.log("[SIGN] Page rendered",o);h.envelope.recipients.map((function(e){var r=e.fields.filter((function(e){return e.page===o.pageNumber}));console.log("[SIGN] Fields on page",r);r.forEach((function(e){var r=d(e,o,c(h.roleNames,e.recipient_role),n.handleFieldChange,true,false,false);console.log("rendered element",r);if(!r){return}r.addEventListener("recipientChanged",(function(e){r.setAttribute("roleindex",c(h.roleNames,e.detail))}));r.setAttribute("xScale",o.xScale);r.setAttribute("yScale",o.yScale)}))}))};e.prototype.render=function(){var e=this;var n;console.log("[VIEW] Rendering",h.error,h.loading,h.envelope);if(h.loading||!h.envelope){return r(t,null,r("verdocs-loader",null))}if(h.error){return r(t,null,r("div",null,h.error))}return r(t,null,(((n=h.envelope)===null||n===void 0?void 0:n.documents)||[]).map((function(n){var o=__spreadArray([],(n===null||n===void 0?void 0:n.pages)||[],true);o.sort((function(e,n){return e.sequence-n.sequence}));return r(i,null,o.map((function(n){return r("verdocs-document-page",{pageImageUri:n.display_uri,virtualWidth:612,virtualHeight:792,pageNumber:n.sequence,onPageRendered:function(n){return e.handlePageRendered(n)},layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))})))};Object.defineProperty(e.prototype,"component",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());E.style=y}}}));
+//# sourceMappingURL=p-32c7bce8.system.entry.js.map

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

@@ -0,0 +1 @@
+{"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":["_g","createStore","envelope","loadProgress","loading","error","roleNames","dirty","state","onChange","newEnvelope","__awaiter","_this","console","log","recipients","map","recipient","role_name","getEnvelopeById","endpoint","envelopeId","EnvelopeStore","concat","getEnvelope","sent","_a","e_1","response","status","message","verdocsViewCss","VerdocsView","exports","VerdocsEndpoint","getDefault","class_1","prototype","componentWillLoad","this","loadSession","componentDidLoad","sdkError","emit","SDKError","e_2","_b","_c","data","handleFieldChange","field","e","optionId","type","Envelopes.updateEnvelopeField","name","prepared","value","detail","then","r","catch","_d","_f","_e","options","id","checked","settings","option","selected","handlePageRendered","pageInfo","fields","filter","page","pageNumber","forEach","el","renderDocumentField","getRoleIndex","recipient_role","addEventListener","setAttribute","xScale","yScale","render","h","Host","documents","envelopeDocument","pages","__spreadArray","sort","a","b","sequence","Fragment","pageImageUri","display_uri","virtualWidth","virtualHeight","onPageRendered","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-63d01d16.system.js → p-32da34af.system.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,r){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function i(e){try{u(r.next(e))}catch(e){a(e)}}function l(e){try{u(r["throw"](e))}catch(e){a(e)}}function u(e){e.done?n(e.value):o(e.value).then(i,l)}u((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,o,a,i;return i={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function l(e){return function(t){return u([e,t])}}function u(i){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(a=i[0]&2?o["return"]:i[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,i[1])).done)return a;if(o=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;o=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){n.label=i[1];break}if(i[0]===6&&n.label<a[1]){n.label=a[1];a=i;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(i);break}if(a[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}catch(e){i=[6,e];o=0}finally{r=a=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-df878df9.system.js","./p-3035b6c5.system.js"],(function(e){"use strict";var t,n;return{setters:[function(e){t=e.g},function(e){n=e.s}],execute:function(){var r=this;var o=e("l",(function(e,o){return __awaiter(r,void 0,void 0,(function(){var r,a;return __generator(this,(function(i){switch(i.label){case 0:n.template=null;if(!o){console.log("[TEMPLATES] Missing required template ID");return[2]}n.loading=true;i.label=1;case 1:i.trys.push([1,3,,4]);console.log("[TEMPLATES] Loading template ".concat(o));return[4,t(e,o)];case 2:r=i.sent();if(!r){console.log("[TEMPLATES] Unable to load template");return[2]}n.template=r;n.loading=false;return[3,4];case 3:a=i.sent();console.log("[TEMPLATES] Error loading template",a);throw a;case 4:return[2]}}))}))}))}}}));
-//# sourceMappingURL=p-63d01d16.system.js.map
+var __awaiter=this&&this.__awaiter||function(e,t,n,r){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function i(e){try{u(r.next(e))}catch(e){a(e)}}function l(e){try{u(r["throw"](e))}catch(e){a(e)}}function u(e){e.done?n(e.value):o(e.value).then(i,l)}u((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,o,a,i;return i={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function l(e){return function(t){return u([e,t])}}function u(i){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(a=i[0]&2?o["return"]:i[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,i[1])).done)return a;if(o=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;o=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){n.label=i[1];break}if(i[0]===6&&n.label<a[1]){n.label=a[1];a=i;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(i);break}if(a[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}catch(e){i=[6,e];o=0}finally{r=a=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-df878df9.system.js","./p-d1a97a03.system.js"],(function(e){"use strict";var t,n;return{setters:[function(e){t=e.g},function(e){n=e.s}],execute:function(){var r=this;var o=e("l",(function(e,o){return __awaiter(r,void 0,void 0,(function(){var r,a;return __generator(this,(function(i){switch(i.label){case 0:n.template=null;if(!o){console.log("[TEMPLATES] Missing required template ID");return[2]}n.loading=true;i.label=1;case 1:i.trys.push([1,3,,4]);console.log("[TEMPLATES] Loading template ".concat(o));return[4,t(e,o)];case 2:r=i.sent();if(!r){console.log("[TEMPLATES] Unable to load template");return[2]}n.template=r;n.loading=false;return[3,4];case 3:a=i.sent();console.log("[TEMPLATES] Error loading template",a);throw a;case 4:return[2]}}))}))}))}}}));
+//# sourceMappingURL=p-32da34af.system.js.map

package/dist/verdocs-web-sdk/{p-2510c268.entry.js → p-32e3a428.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as i,H as t}from"./p-ff1278ed.js";import{g as s}from"./p-7ce27ce2.js";const r='verdocs-field-dropdown{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:85px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-dropdown.disabled{opacity:0.5}verdocs-field-dropdown select{position:absolute;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;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;font-size:11px;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-dropdown select:focus{outline:none}verdocs-field-dropdown select.hide{display:none}verdocs-field-dropdown.required select{border:1px solid #cc0000}verdocs-field-dropdown.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';const n=class{constructor(i){e(this,i);this.fieldFocus=o(this,"fieldFocus",7);this.fieldBlur=o(this,"fieldBlur",7);this.fieldChange=o(this,"fieldChange",7);this.field=null;this.recipient=undefined;this.disabled=false;this.focused=false}async focusField(){this.focused=true;this.el.focus();this.fieldFocus.emit(true)}handleBlur(){this.focused=false;this.fieldBlur.emit(true)}handleFocus(){this.focused=true;this.fieldFocus.emit(true)}handleChange(e){this.fieldChange.emit(e.target.value)}render(){var e,o;const r=s(this.field);const n=(o=(e=this.disabled)!==null&&e!==void 0?e:r.disabled)!==null&&o!==void 0?o:false;return i(t,{class:{focused:this.focused,required:r.required,disabled:n}},i("select",{tabIndex:r.order,disabled:n,ref:e=>this.el=e,onChange:e=>this.handleChange(e),onBlur:()=>this.handleBlur(),onFocus:()=>this.handleFocus()},i("option",{value:""},"Select..."),(r.options||[]).map((e=>i("option",{value:e.id,selected:e.value===r.value},e.value)))))}};n.style=r;export{n as verdocs_field_dropdown};
-//# sourceMappingURL=p-2510c268.entry.js.map
+import{r as e,c as o,h as i,H as t}from"./p-ff1278ed.js";import{g as s}from"./p-92b0fc42.js";const r='verdocs-field-dropdown{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:85px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-dropdown.disabled{opacity:0.5}verdocs-field-dropdown select{position:absolute;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;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;font-size:11px;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-dropdown select:focus{outline:none}verdocs-field-dropdown select.hide{display:none}verdocs-field-dropdown.required select{border:1px solid #cc0000}verdocs-field-dropdown.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';const n=class{constructor(i){e(this,i);this.fieldFocus=o(this,"fieldFocus",7);this.fieldBlur=o(this,"fieldBlur",7);this.fieldChange=o(this,"fieldChange",7);this.field=null;this.recipient=undefined;this.disabled=false;this.focused=false}async focusField(){this.focused=true;this.el.focus();this.fieldFocus.emit(true)}handleBlur(){this.focused=false;this.fieldBlur.emit(true)}handleFocus(){this.focused=true;this.fieldFocus.emit(true)}handleChange(e){this.fieldChange.emit(e.target.value)}render(){var e,o;const r=s(this.field);const n=(o=(e=this.disabled)!==null&&e!==void 0?e:r.disabled)!==null&&o!==void 0?o:false;return i(t,{class:{focused:this.focused,required:r.required,disabled:n}},i("select",{tabIndex:r.order,disabled:n,ref:e=>this.el=e,onChange:e=>this.handleChange(e),onBlur:()=>this.handleBlur(),onFocus:()=>this.handleFocus()},i("option",{value:""},"Select..."),(r.options||[]).map((e=>i("option",{value:e.id,selected:e.value===r.value},e.value)))))}};n.style=r;export{n as verdocs_field_dropdown};
+//# sourceMappingURL=p-32e3a428.entry.js.map

package/dist/verdocs-web-sdk/{p-f5eb353f.system.entry.js → p-3585534a.system.entry.js}

@@ -1,2 +1,2 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var o,i=1,t=arguments.length;i<t;i++){o=arguments[i];for(var r in o)if(Object.prototype.hasOwnProperty.call(o,r))e[r]=o[r]}return e};return __assign.apply(this,arguments)};var __spreadArray=this&&this.__spreadArray||function(e,o,i){if(i||arguments.length===2)for(var t=0,r=o.length,n;t<r;t++){if(n||!(t in o)){if(!n)n=Array.prototype.slice.call(o,0,t);n[t]=o[t]}}return e.concat(n||Array.prototype.slice.call(o))};System.register(["./p-97329951.system.js","./p-e12b7fbc.system.js","./p-a4041773.system.js"],(function(e){"use strict";var o,i,t,r,n,d;return{setters:[function(e){o=e.r;i=e.c;t=e.h;r=e.H},function(e){n=e.c},function(e){d=e.g}],execute:function(){var s='<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#50BE80"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7 10l5 5 5-5H7z"/></svg>\n';var a='verdocs-dropdown{font-family:"Barlow", sans-serif;display:block}verdocs-dropdown .arrow{width:32px;height:26px;background:#fff;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;border:1px solid #cccccc;-ms-flex-pack:center;justify-content:center}verdocs-dropdown .arrow svg{fill:#55bc81;-webkit-transition:0.3s;transition:0.3s}verdocs-dropdown .items{width:200px;display:none;z-index:10000;border-radius:5px;background:#33354c;border:1px solid #654dcb}verdocs-dropdown .items[data-show]{display:block}verdocs-dropdown .option{width:100%;color:#fff;border:none;display:block;text-align:left;background:none;padding:10px 20px}verdocs-dropdown .option:hover{cursor:pointer;background:#55bc81}verdocs-dropdown .option[disabled]{color:#aaaaaa}verdocs-dropdown .option[disabled]:hover{color:#aaaaaa;cursor:inherit;background:transparent}verdocs-dropdown.open .items{display:block}verdocs-dropdown.open .arrow{background:#4c56cb;border:1px solid #707ae5}verdocs-dropdown.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1);fill:#fff}';var l=e("verdocs_dropdown",function(){function e(e){o(this,e);this.optionSelected=i(this,"optionSelected",7);this.options=[];this.isOpen=undefined}e.prototype.componentWillLoad=function(){};e.prototype.componentDidLoad=function(){this.popper=n(this.dropdownButton,this.dropdownMenu,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,6]}}]})};e.prototype.handleSelectOption=function(e,o){e.stopPropagation();this.optionSelected.emit(o);this.hide()};e.prototype.showDropdown=function(){var e,o;this.dropdownMenu.setAttribute("data-show","");this.dropdownMenu.removeAttribute("aria-hidden");(e=this.popper)===null||e===void 0?void 0:e.setOptions((function(e){return __assign(__assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:true}],false)})}));(o=this.popper)===null||o===void 0?void 0:o.update()};e.prototype.handleHideDropdown=function(e){var o,i;if(((o=e===null||e===void 0?void 0:e.target)===null||o===void 0?void 0:o.localName)==="button"&&((i=e===null||e===void 0?void 0:e.target)===null||i===void 0?void 0:i.className)==="arrow"){return}this.hide()};e.prototype.toggleDropdown=function(e){e.stopPropagation();if(this.isOpen){this.hide()}else{this.showDropdown()}};e.prototype.hide=function(){var e;this.isOpen=false;this.dropdownMenu.removeAttribute("data-show");this.dropdownMenu.setAttribute("aria-hidden","true");(e=this.popper)===null||e===void 0?void 0:e.setOptions((function(e){return __assign(__assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:false}],false)})}))};e.prototype.render=function(){var e=this;var o;return t(r,{class:{storybook:!!(window===null||window===void 0?void 0:window["STORYBOOK_ENV"]),open:!!this.isOpen}},t("button",{class:"arrow",innerHTML:s,"aria-label":"Open Menu",onClick:function(o){return e.toggleDropdown(o)},onBlur:function(o){return e.handleHideDropdown(o)},ref:function(o){return e.dropdownButton=o}}),t("div",{class:"items","aria-hidden":!this.isOpen,ref:function(o){return e.dropdownMenu=o}},(o=this.options)===null||o===void 0?void 0:o.map((function(o){return t("button",{onClick:function(i){return e.handleSelectOption(i,o)},class:"option",disabled:o.disabled},o.label)}))))};return e}());l.style=a;var c='@charset "UTF-8";verdocs-field-checkbox{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-checkbox.disabled{opacity:0.5}verdocs-field-checkbox label>input[type=checkbox]{display:none}verdocs-field-checkbox label>input[type=checkbox]+*::before{content:"";position:absolute;display:block;top:1px;left:1px;width:10px;height:10px;border-radius:2px;background:#f5f5fa;border:1px solid rgba(0, 0, 0, 0.7)}verdocs-field-checkbox label>input[type=checkbox]:checked+*{color:#55bc81}verdocs-field-checkbox label>input[type=checkbox]:checked+*::before{content:"✓";color:white;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-field-checkbox.required label>input[type=checkbox]+*::before{border:1px solid #cc0000}verdocs-field-checkbox.hide{display:none}verdocs-field-checkbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';var p=e("verdocs_field_checkbox",function(){function e(e){o(this,e);this.field=null;this.recipient=undefined;this.option=0;this.disabled=false}e.prototype.render=function(){var e,o,i,n;var s=d(this.field);var a=(o=(e=s.options)===null||e===void 0?void 0:e[this.option])!==null&&o!==void 0?o:{checked:false};var l=(n=(i=this.disabled)!==null&&i!==void 0?i:s.disabled)!==null&&n!==void 0?n:false;return t(r,{class:{required:s.required,disabled:l}},t("label",null,t("input",{type:"checkbox",tabIndex:s.order,checked:a.checked,disabled:l,required:s.required}),t("span",null)))};return e}());p.style=c;var u='verdocs-field-radio-button{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:14px;height:14px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-field-radio-button.disabled{opacity:0.5}verdocs-field-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-field-radio-button input[type=radio]+label:before{content:"";background:#f5f5fa;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:10px;height:10px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-field-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-field-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-field-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-field-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-field-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-field-radio-button.hide{display:none}verdocs-field-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';var f=e("verdocs_field_radio_button",function(){function e(e){o(this,e);this.fieldChange=i(this,"fieldChange",7);this.field=null;this.recipient=undefined;this.option=0;this.disabled=false}e.prototype.handleChange=function(e){console.log("changed",e);this.fieldChange.emit({option:this.option,value:e.target.checked})};e.prototype.render=function(){var e=this;var o,i;var n=d(this.field);var s=(i=(o=this.disabled)!==null&&o!==void 0?o:n.disabled)!==null&&i!==void 0?i:false;return t(r,{class:{required:n.required,disabled:s}},t("input",{type:"radio",tabIndex:n.order,value:n.value,name:n.name,id:"".concat(n.name,"=").concat(n.value),checked:n.checked,disabled:s,required:n.required,onChange:function(o){return e.handleChange(o)}}),t("label",{htmlFor:"".concat(n.name,"=").concat(n.value)}))};return e}());f.style=u}}}));
-//# sourceMappingURL=p-f5eb353f.system.entry.js.map
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var o,i=1,t=arguments.length;i<t;i++){o=arguments[i];for(var r in o)if(Object.prototype.hasOwnProperty.call(o,r))e[r]=o[r]}return e};return __assign.apply(this,arguments)};var __spreadArray=this&&this.__spreadArray||function(e,o,i){if(i||arguments.length===2)for(var t=0,r=o.length,n;t<r;t++){if(n||!(t in o)){if(!n)n=Array.prototype.slice.call(o,0,t);n[t]=o[t]}}return e.concat(n||Array.prototype.slice.call(o))};System.register(["./p-97329951.system.js","./p-e12b7fbc.system.js","./p-21ec6ff0.system.js"],(function(e){"use strict";var o,i,t,r,n,d;return{setters:[function(e){o=e.r;i=e.c;t=e.h;r=e.H},function(e){n=e.c},function(e){d=e.g}],execute:function(){var s='<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#50BE80"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7 10l5 5 5-5H7z"/></svg>\n';var a='verdocs-dropdown{font-family:"Barlow", sans-serif;display:block}verdocs-dropdown .arrow{width:32px;height:26px;background:#fff;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;border:1px solid #cccccc;-ms-flex-pack:center;justify-content:center}verdocs-dropdown .arrow svg{fill:#55bc81;-webkit-transition:0.3s;transition:0.3s}verdocs-dropdown .items{width:200px;display:none;z-index:10000;border-radius:5px;background:#33354c;border:1px solid #654dcb}verdocs-dropdown .items[data-show]{display:block}verdocs-dropdown .option{width:100%;color:#fff;border:none;display:block;text-align:left;background:none;padding:10px 20px}verdocs-dropdown .option:hover{cursor:pointer;background:#55bc81}verdocs-dropdown .option[disabled]{color:#aaaaaa}verdocs-dropdown .option[disabled]:hover{color:#aaaaaa;cursor:inherit;background:transparent}verdocs-dropdown.open .items{display:block}verdocs-dropdown.open .arrow{background:#4c56cb;border:1px solid #707ae5}verdocs-dropdown.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1);fill:#fff}';var l=e("verdocs_dropdown",function(){function e(e){o(this,e);this.optionSelected=i(this,"optionSelected",7);this.options=[];this.isOpen=undefined}e.prototype.componentWillLoad=function(){};e.prototype.componentDidLoad=function(){this.popper=n(this.dropdownButton,this.dropdownMenu,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,6]}}]})};e.prototype.handleSelectOption=function(e,o){e.stopPropagation();this.optionSelected.emit(o);this.hide()};e.prototype.showDropdown=function(){var e,o;this.dropdownMenu.setAttribute("data-show","");this.dropdownMenu.removeAttribute("aria-hidden");(e=this.popper)===null||e===void 0?void 0:e.setOptions((function(e){return __assign(__assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:true}],false)})}));(o=this.popper)===null||o===void 0?void 0:o.update()};e.prototype.handleHideDropdown=function(e){var o,i;if(((o=e===null||e===void 0?void 0:e.target)===null||o===void 0?void 0:o.localName)==="button"&&((i=e===null||e===void 0?void 0:e.target)===null||i===void 0?void 0:i.className)==="arrow"){return}this.hide()};e.prototype.toggleDropdown=function(e){e.stopPropagation();if(this.isOpen){this.hide()}else{this.showDropdown()}};e.prototype.hide=function(){var e;this.isOpen=false;this.dropdownMenu.removeAttribute("data-show");this.dropdownMenu.setAttribute("aria-hidden","true");(e=this.popper)===null||e===void 0?void 0:e.setOptions((function(e){return __assign(__assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:false}],false)})}))};e.prototype.render=function(){var e=this;var o;return t(r,{class:{storybook:!!(window===null||window===void 0?void 0:window["STORYBOOK_ENV"]),open:!!this.isOpen}},t("button",{class:"arrow",innerHTML:s,"aria-label":"Open Menu",onClick:function(o){return e.toggleDropdown(o)},onBlur:function(o){return e.handleHideDropdown(o)},ref:function(o){return e.dropdownButton=o}}),t("div",{class:"items","aria-hidden":!this.isOpen,ref:function(o){return e.dropdownMenu=o}},(o=this.options)===null||o===void 0?void 0:o.map((function(o){return t("button",{onClick:function(i){return e.handleSelectOption(i,o)},class:"option",disabled:o.disabled},o.label)}))))};return e}());l.style=a;var c='@charset "UTF-8";verdocs-field-checkbox{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-checkbox.disabled{opacity:0.5}verdocs-field-checkbox label>input[type=checkbox]{display:none}verdocs-field-checkbox label>input[type=checkbox]+*::before{content:"";position:absolute;display:block;top:1px;left:1px;width:10px;height:10px;border-radius:2px;background:#f5f5fa;border:1px solid rgba(0, 0, 0, 0.7)}verdocs-field-checkbox label>input[type=checkbox]:checked+*{color:#55bc81}verdocs-field-checkbox label>input[type=checkbox]:checked+*::before{content:"✓";color:white;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-field-checkbox.required label>input[type=checkbox]+*::before{border:1px solid #cc0000}verdocs-field-checkbox.hide{display:none}verdocs-field-checkbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';var p=e("verdocs_field_checkbox",function(){function e(e){o(this,e);this.field=null;this.recipient=undefined;this.option=0;this.disabled=false}e.prototype.render=function(){var e,o,i,n;var s=d(this.field);var a=(o=(e=s.options)===null||e===void 0?void 0:e[this.option])!==null&&o!==void 0?o:{checked:false};var l=(n=(i=this.disabled)!==null&&i!==void 0?i:s.disabled)!==null&&n!==void 0?n:false;return t(r,{class:{required:s.required,disabled:l}},t("label",null,t("input",{type:"checkbox",tabIndex:s.order,checked:a.checked,disabled:l,required:s.required}),t("span",null)))};return e}());p.style=c;var u='verdocs-field-radio-button{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:14px;height:14px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-field-radio-button.disabled{opacity:0.5}verdocs-field-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-field-radio-button input[type=radio]+label:before{content:"";background:#f5f5fa;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:10px;height:10px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-field-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-field-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-field-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-field-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-field-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-field-radio-button.hide{display:none}verdocs-field-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';var f=e("verdocs_field_radio_button",function(){function e(e){o(this,e);this.fieldChange=i(this,"fieldChange",7);this.field=null;this.recipient=undefined;this.option=0;this.disabled=false}e.prototype.handleChange=function(e){console.log("changed",e);this.fieldChange.emit({option:this.option,value:e.target.checked})};e.prototype.render=function(){var e=this;var o,i;var n=d(this.field);var s=(i=(o=this.disabled)!==null&&o!==void 0?o:n.disabled)!==null&&i!==void 0?i:false;return t(r,{class:{required:n.required,disabled:s}},t("input",{type:"radio",tabIndex:n.order,value:n.value,name:n.name,id:"".concat(n.name,"=").concat(n.value),checked:n.checked,disabled:s,required:n.required,onChange:function(o){return e.handleChange(o)}}),t("label",{htmlFor:"".concat(n.name,"=").concat(n.value)}))};return e}());f.style=u}}}));
+//# sourceMappingURL=p-3585534a.system.entry.js.map

package/dist/verdocs-web-sdk/{p-c37ea778.system.entry.js → p-35fec075.system.entry.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,e,o,i){function n(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,r){function a(t){try{l(i.next(t))}catch(t){r(t)}}function s(t){try{l(i["throw"](t))}catch(t){r(t)}}function l(t){t.done?o(t.value):n(t.value).then(a,s)}l((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return l([t,e])}}function l(a){if(i)throw new TypeError("Generator is already executing.");while(o)try{if(i=1,n&&(r=a[0]&2?n["return"]:a[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,a[1])).done)return r;if(n=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;n=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(r=o.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){o.label=a[1];break}if(a[0]===6&&o.label<r[1]){o.label=r[1];r=a;break}if(r&&o.label<r[2]){o.label=r[2];o.ops.push(a);break}if(r[2])o.ops.pop();o.trys.pop();continue}a=e.call(t,o)}catch(t){a=[6,t];n=0}finally{i=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-97329951.system.js","./p-a4041773.system.js","./p-05eb4fed.system.js","./p-e12b7fbc.system.js"],(function(t){"use strict";var e,o,i,n,r,a,s;return{setters:[function(t){e=t.r;o=t.c;i=t.h;n=t.H},function(t){r=t.g},function(t){a=t.g},function(t){s=t.c}],execute:function(){var l='verdocs-field-signature{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:83px;height:36px;display:block;font-size:11px;position:relative;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-signature.disabled{opacity:0.5}verdocs-field-signature img{display:block;max-width:100%;max-height:100%}verdocs-field-signature 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-signature button.hide{display:none}verdocs-field-signature.required{border:1px solid #cc0000}verdocs-field-signature.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-signature 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-signature verdocs-button-panel[data-active],verdocs-field-signature verdocs-button-panel:hover{opacity:1}verdocs-field-signature verdocs-button-panel .icon svg{fill:#333333}verdocs-field-signature verdocs-button-panel .icon:hover svg{fill:#000000}';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=t("verdocs_field_signature",function(){function t(t){e(this,t);this.fieldChange=o(this,"fieldChange",7);this.settingsPress=o(this,"settingsPress",7);this.field=null;this.name="";this.recipient=undefined;this.disabled=false;this.editable=false;this.moveable=false;this.roleindex=0;this.tempSignature=""}t.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.handleShow();console.log("focused",this);return[2]}))}))};t.prototype.hideDialog=function(){var t;(t=this.dialog)===null||t===void 0?void 0:t.remove();this.dialog=null};t.prototype.handleAdopt=function(t){var e;console.log("[SIGNATURE] Adopted signature");this.tempSignature=t.detail;(e=this.fieldChange)===null||e===void 0?void 0:e.emit(this.tempSignature);this.hideDialog()};t.prototype.handleShow=function(){var t=this;var e;this.dialog=document.createElement("verdocs-signature-dialog");this.dialog.open=true;this.dialog.fullName=((e=this.recipient)===null||e===void 0?void 0:e.full_name)||this.name;this.dialog.addEventListener("cancel",(function(){return t.hideDialog()}));this.dialog.addEventListener("adopt",(function(e){return t.handleAdopt(e)}));document.body.append(this.dialog)};t.prototype.render=function(){var t=this;var e,o,s;var l=r(this.field);var c=this.tempSignature||l.base64;var p=(o=(e=this.disabled)!==null&&e!==void 0?e:l.disabled)!==null&&o!==void 0?o:false;var u=this.field["rgba"]||a(this.roleindex);return i(n,{class:{required:(s=this.field)===null||s===void 0?void 0:s.required,disabled:p},style:{backgroundColor:u}},c?i("img",{src:this.tempSignature||l.base64,alt:"Signature"}):i("button",{onClick:function(){return!p&&t.handleShow()}},"Signature"),this.editable&&i("verdocs-button-panel",{icon:d},i("h6",null,"Field Settings"),i("form",null,i("verdocs-select-input",{label:"Recipient",options:[{label:"Buyer",value:"Buyer"},{label:"Seller",value:"Seller"}]}),i("verdocs-text-input",{label:"Field Name",value:"",placeholder:"Stored field name...",onInput:function(t){return console.log("ipt",t)}}),i("verdocs-text-input",{label:"Placeholder",value:"",placeholder:"Placeholder text...",onInput:function(t){return console.log("ipt",t)}}))))};return t}());c.style=l;var p='verdocs-signature-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-signature-dialog .dialog{width:100%;max-width:340px;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);background:#f5f5fa}verdocs-signature-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:20px 20px 0 20px;line-height:28px;font-size:20px;font-weight:500}verdocs-signature-dialog .content{font-size:14px;padding:20px}verdocs-signature-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}verdocs-signature-dialog .buttons verdocs-button{margin-left:16px}verdocs-signature-dialog canvas{background:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;width:300px;height:79px;max-width:100%;-webkit-box-shadow:0 0 6px 0 #0000001f;box-shadow:0 0 6px 0 #0000001f}verdocs-signature-dialog .disclaimer{text-align:justify;padding:8px 0;font-size:11px;line-height:14px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .as-shown{font-size:11px;margin:4px 0 20px 4px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-signature-dialog .tabs .tab{padding:8px 15px;cursor:pointer}verdocs-signature-dialog .tabs .tab.active{border-bottom:2px solid #cccccc}verdocs-signature-dialog .tabs .tab:hover{color:#55bc81}';var u=t("verdocs_signature_dialog",function(){function t(t){e(this,t);this.next=o(this,"next",7);this.cancel=o(this,"cancel",7);this.name="";this.fontLoaded=false;this.enteredName="";this.mode="type"}t.prototype.componentWillLoad=function(){var t=this;this.enteredName=this.name;var e=new FontFace("Dancing Script","url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)");e.load().then((function(e){document.fonts.add(e);t.fontLoaded=true}))};t.prototype.componentDidLoad=function(){this.redrawSignature()};t.prototype.componentDidUpdate=function(){this.redrawSignature()};t.prototype.redrawSignature=function(){if(!this.canvasElement){return}var t=this.canvasElement.width;var e=this.canvasElement.getContext("2d");e.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);var o=100;do{o-=2;e.font="".concat(o,"px Dancing Script")}while(e.measureText(this.enteredName).width>t-32);e.textAlign="center";e.textBaseline="middle";e.font="".concat(o,"px Dancing Script");e.fillText(this.enteredName,this.canvasElement.width/2,this.canvasElement.height/2)};t.prototype.handleCancel=function(t){t.stopPropagation();t.preventDefault();this.cancel.emit()};t.prototype.handleNameChange=function(t){this.enteredName=t.target.value};t.prototype.handleAdopt=function(t){t.stopPropagation();t.preventDefault();var e=this.canvasElement.toDataURL("image/png");this.next.emit(e)};t.prototype.render=function(){var t=this;return i(n,{onClick:function(e){return t.handleCancel(e)}},i("div",{class:"dialog"},i("div",{class:"heading"},"Create Your Signature"),i("div",{class:"content"},i("verdocs-text-input",{placeholder:"Full Name...",label:"Full Name",value:this.enteredName,onInput:function(e){return t.handleNameChange(e)},onClick:function(t){return t.stopPropagation()}}),i("div",{class:"as-shown"},"As shown on driver's license or govt. ID card."),this.fontLoaded?i("canvas",{ref:function(e){return t.canvasElement=e}}):i("div",{style:{display:"none"}}),i("div",{class:"disclaimer"},"By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts — just the same as a pen-and-paper signature or initial."),i("div",{class:"buttons"},i("verdocs-button",{label:"CANCEL",size:"normal",variant:"outline",onClick:function(e){return t.handleCancel(e)}}),i("verdocs-button",{label:"Adopt & Sign",size:"normal",onClick:function(e){return t.handleAdopt(e)}})))))};return t}());u.style=p;var h='verdocs-toolbar-icon{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:relative;border-radius:4px;z-index:10000}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}';var f=t("verdocs_toolbar_icon",function(){function t(t){e(this,t);this.text="";this.icon="";this.containerId="verdocs-toolbar-icon-".concat(Math.random().toString(36).substring(2,11))}t.prototype.componentDidLoad=function(){this.popperInstance=s(this.iconEl,this.tooltip,{})};t.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};t.prototype.show=function(){var t,e;(t=this.tooltip)===null||t===void 0?void 0:t.setAttribute("data-show","");(e=this.popperInstance)===null||e===void 0?void 0:e.update().catch((function(){}))};t.prototype.hide=function(){var t;(t=this.tooltip)===null||t===void 0?void 0:t.removeAttribute("data-show")};t.prototype.render=function(){var t=this;return i(n,{class:{}},i("div",{"aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:function(){return t.show()},onFocus:function(){return t.show()},onMouseLeave:function(){return t.hide()},onBlur:function(){return t.hide()},ref:function(e){return t.iconEl=e}}),i("div",{id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":"bottom",ref:function(e){return t.tooltip=e}},this.text,i("div",{"data-popper-arrow":"true",class:"arrow"})))};return t}());f.style=h}}}));
-//# sourceMappingURL=p-c37ea778.system.entry.js.map
+var __awaiter=this&&this.__awaiter||function(t,e,o,i){function n(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,r){function a(t){try{l(i.next(t))}catch(t){r(t)}}function s(t){try{l(i["throw"](t))}catch(t){r(t)}}function l(t){t.done?o(t.value):n(t.value).then(a,s)}l((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return l([t,e])}}function l(a){if(i)throw new TypeError("Generator is already executing.");while(o)try{if(i=1,n&&(r=a[0]&2?n["return"]:a[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,a[1])).done)return r;if(n=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;n=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(r=o.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){o.label=a[1];break}if(a[0]===6&&o.label<r[1]){o.label=r[1];r=a;break}if(r&&o.label<r[2]){o.label=r[2];o.ops.push(a);break}if(r[2])o.ops.pop();o.trys.pop();continue}a=e.call(t,o)}catch(t){a=[6,t];n=0}finally{i=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-97329951.system.js","./p-21ec6ff0.system.js","./p-05eb4fed.system.js","./p-e12b7fbc.system.js"],(function(t){"use strict";var e,o,i,n,r,a,s;return{setters:[function(t){e=t.r;o=t.c;i=t.h;n=t.H},function(t){r=t.g},function(t){a=t.g},function(t){s=t.c}],execute:function(){var l='verdocs-field-signature{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:83px;height:36px;display:block;font-size:11px;position:relative;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-signature.disabled{opacity:0.5}verdocs-field-signature img{display:block;max-width:100%;max-height:100%}verdocs-field-signature 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-signature button.hide{display:none}verdocs-field-signature.required{border:1px solid #cc0000}verdocs-field-signature.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-signature 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-signature verdocs-button-panel[data-active],verdocs-field-signature verdocs-button-panel:hover{opacity:1}verdocs-field-signature verdocs-button-panel .icon svg{fill:#333333}verdocs-field-signature verdocs-button-panel .icon:hover svg{fill:#000000}';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=t("verdocs_field_signature",function(){function t(t){e(this,t);this.fieldChange=o(this,"fieldChange",7);this.settingsPress=o(this,"settingsPress",7);this.field=null;this.name="";this.recipient=undefined;this.disabled=false;this.editable=false;this.moveable=false;this.roleindex=0;this.tempSignature=""}t.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.handleShow();console.log("focused",this);return[2]}))}))};t.prototype.hideDialog=function(){var t;(t=this.dialog)===null||t===void 0?void 0:t.remove();this.dialog=null};t.prototype.handleAdopt=function(t){var e;console.log("[SIGNATURE] Adopted signature");this.tempSignature=t.detail;(e=this.fieldChange)===null||e===void 0?void 0:e.emit(this.tempSignature);this.hideDialog()};t.prototype.handleShow=function(){var t=this;var e;this.dialog=document.createElement("verdocs-signature-dialog");this.dialog.open=true;this.dialog.fullName=((e=this.recipient)===null||e===void 0?void 0:e.full_name)||this.name;this.dialog.addEventListener("cancel",(function(){return t.hideDialog()}));this.dialog.addEventListener("adopt",(function(e){return t.handleAdopt(e)}));document.body.append(this.dialog)};t.prototype.render=function(){var t=this;var e,o,s;var l=r(this.field);var c=this.tempSignature||l.base64;var p=(o=(e=this.disabled)!==null&&e!==void 0?e:l.disabled)!==null&&o!==void 0?o:false;var u=this.field["rgba"]||a(this.roleindex);return i(n,{class:{required:(s=this.field)===null||s===void 0?void 0:s.required,disabled:p},style:{backgroundColor:u}},c?i("img",{src:this.tempSignature||l.base64,alt:"Signature"}):i("button",{onClick:function(){return!p&&t.handleShow()}},"Signature"),this.editable&&i("verdocs-button-panel",{icon:d},i("h6",null,"Field Settings"),i("form",null,i("verdocs-select-input",{label:"Recipient",options:[{label:"Buyer",value:"Buyer"},{label:"Seller",value:"Seller"}]}),i("verdocs-text-input",{label:"Field Name",value:"",placeholder:"Stored field name...",onInput:function(t){return console.log("ipt",t)}}),i("verdocs-text-input",{label:"Placeholder",value:"",placeholder:"Placeholder text...",onInput:function(t){return console.log("ipt",t)}}))))};return t}());c.style=l;var p='verdocs-signature-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-signature-dialog .dialog{width:100%;max-width:340px;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);background:#f5f5fa}verdocs-signature-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:20px 20px 0 20px;line-height:28px;font-size:20px;font-weight:500}verdocs-signature-dialog .content{font-size:14px;padding:20px}verdocs-signature-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}verdocs-signature-dialog .buttons verdocs-button{margin-left:16px}verdocs-signature-dialog canvas{background:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;width:300px;height:79px;max-width:100%;-webkit-box-shadow:0 0 6px 0 #0000001f;box-shadow:0 0 6px 0 #0000001f}verdocs-signature-dialog .disclaimer{text-align:justify;padding:8px 0;font-size:11px;line-height:14px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .as-shown{font-size:11px;margin:4px 0 20px 4px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-signature-dialog .tabs .tab{padding:8px 15px;cursor:pointer}verdocs-signature-dialog .tabs .tab.active{border-bottom:2px solid #cccccc}verdocs-signature-dialog .tabs .tab:hover{color:#55bc81}';var u=t("verdocs_signature_dialog",function(){function t(t){e(this,t);this.next=o(this,"next",7);this.cancel=o(this,"cancel",7);this.name="";this.fontLoaded=false;this.enteredName="";this.mode="type"}t.prototype.componentWillLoad=function(){var t=this;this.enteredName=this.name;var e=new FontFace("Dancing Script","url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)");e.load().then((function(e){document.fonts.add(e);t.fontLoaded=true}))};t.prototype.componentDidLoad=function(){this.redrawSignature()};t.prototype.componentDidUpdate=function(){this.redrawSignature()};t.prototype.redrawSignature=function(){if(!this.canvasElement){return}var t=this.canvasElement.width;var e=this.canvasElement.getContext("2d");e.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);var o=100;do{o-=2;e.font="".concat(o,"px Dancing Script")}while(e.measureText(this.enteredName).width>t-32);e.textAlign="center";e.textBaseline="middle";e.font="".concat(o,"px Dancing Script");e.fillText(this.enteredName,this.canvasElement.width/2,this.canvasElement.height/2)};t.prototype.handleCancel=function(t){t.stopPropagation();t.preventDefault();this.cancel.emit()};t.prototype.handleNameChange=function(t){this.enteredName=t.target.value};t.prototype.handleAdopt=function(t){t.stopPropagation();t.preventDefault();var e=this.canvasElement.toDataURL("image/png");this.next.emit(e)};t.prototype.render=function(){var t=this;return i(n,{onClick:function(e){return t.handleCancel(e)}},i("div",{class:"dialog"},i("div",{class:"heading"},"Create Your Signature"),i("div",{class:"content"},i("verdocs-text-input",{placeholder:"Full Name...",label:"Full Name",value:this.enteredName,onInput:function(e){return t.handleNameChange(e)},onClick:function(t){return t.stopPropagation()}}),i("div",{class:"as-shown"},"As shown on driver's license or govt. ID card."),this.fontLoaded?i("canvas",{ref:function(e){return t.canvasElement=e}}):i("div",{style:{display:"none"}}),i("div",{class:"disclaimer"},"By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts — just the same as a pen-and-paper signature or initial."),i("div",{class:"buttons"},i("verdocs-button",{label:"CANCEL",size:"normal",variant:"outline",onClick:function(e){return t.handleCancel(e)}}),i("verdocs-button",{label:"Adopt & Sign",size:"normal",onClick:function(e){return t.handleAdopt(e)}})))))};return t}());u.style=p;var h='verdocs-toolbar-icon{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:relative;border-radius:4px;z-index:10000}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}';var f=t("verdocs_toolbar_icon",function(){function t(t){e(this,t);this.text="";this.icon="";this.containerId="verdocs-toolbar-icon-".concat(Math.random().toString(36).substring(2,11))}t.prototype.componentDidLoad=function(){this.popperInstance=s(this.iconEl,this.tooltip,{})};t.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};t.prototype.show=function(){var t,e;(t=this.tooltip)===null||t===void 0?void 0:t.setAttribute("data-show","");(e=this.popperInstance)===null||e===void 0?void 0:e.update().catch((function(){}))};t.prototype.hide=function(){var t;(t=this.tooltip)===null||t===void 0?void 0:t.removeAttribute("data-show")};t.prototype.render=function(){var t=this;return i(n,{class:{}},i("div",{"aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:function(){return t.show()},onFocus:function(){return t.show()},onMouseLeave:function(){return t.hide()},onBlur:function(){return t.hide()},ref:function(e){return t.iconEl=e}}),i("div",{id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":"bottom",ref:function(e){return t.tooltip=e}},this.text,i("div",{"data-popper-arrow":"true",class:"arrow"})))};return t}());f.style=h}}}));
+//# sourceMappingURL=p-35fec075.system.entry.js.map