@verdocs/web-sdk 1.9.14 → 1.9.16

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

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/embeds/verdocs-view/verdocs-view.scss?tag=verdocs-view","src/components/embeds/verdocs-view/verdocs-view.tsx"],"names":["verdocsViewCss","VerdocsView","exports","VerdocsEndpoint","getDefault","class_1","prototype","componentWillLoad","this","endpoint","loadSession","componentDidLoad","envelopeId","console","error","getEnvelopeById","_g","sent","_a","sdkError","emit","SDKError","e_1","message","_b","response","status","_c","data","handleFieldChange","field","e","optionId","log","type","Envelopes.updateEnvelopeField","name","prepared","value","detail","then","r","catch","_this","_d","_f","_e","options","id","checked","settings","map","option","selected","handlePageRendered","pageInfo","EnvelopeStore","envelope","recipients","recipient","fields","filter","page","pageNumber","forEach","el","renderDocumentField","getRoleIndex","roleNames","recipient_role","disabled","editable","draggable","addEventListener","target","setAttribute","xScale","yScale","render","loading","h","Host","documents","envelopeDocument","pages","__spreadArray","sort","a","b","sequence","Fragment","pageImageUri","display_uri","virtualWidth","virtualHeight","onPageRendered","layers"],"mappings":"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","sourcesContent":["@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\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), {disabled: true, editable: false, draggable: false});\n        if (!el) {\n          return;\n        }\n\n        el.addEventListener('input', e => {\n          console.log('Field input', e.target.value, e.target);\n          this.handleFieldChange(field, e);\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-0b2290c6.system.entry.js → p-8cce81ff.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-97329951.system.js"],(function(e){"use strict";var o,n,t,i;return{setters:[function(e){o=e.r;n=e.c;t=e.h;i=e.H}],execute:function(){var s='verdocs-ok-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-ok-dialog .background-overlay{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-ok-dialog .dialog{max-width:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;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)}verdocs-ok-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;-ms-flex-direction:row;flex-direction:row;background:#444444;padding:8px 16px;color:#ffffff}verdocs-ok-dialog .content{font-size:16px;background:#ffffff;padding:20px}verdocs-ok-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}verdocs-ok-dialog .buttons verdocs-button{margin-left:16px}';var l=e("verdocs_ok_dialog",function(){function e(e){o(this,e);this.next=n(this,"next",7);this.cancel=n(this,"cancel",7);this.heading="";this.message="";this.showCancel=false}e.prototype.handleOk=function(){this.next.emit()};e.prototype.handleCancel=function(){this.cancel.emit()};e.prototype.handleDismiss=function(e){if(e.target.className==="background-overlay"){e.preventDefault();this.cancel.emit()}};e.prototype.render=function(){var e=this;return t(i,null,t("div",{class:"background-overlay",onClick:function(o){return e.handleDismiss(o)}},t("div",{class:"dialog"},t("div",{class:"heading"},this.heading),t("div",{class:"content"},this.message,t("div",{class:"buttons"},this.showCancel?t("verdocs-button",{label:"CANCEL",variant:"outline",onClick:function(){return e.handleCancel()}}):t("div",{style:{display:"none"}}),t("verdocs-button",{label:"OK",onClick:function(){return e.handleOk()}}))))))};return e}());l.style=s}}}));
-//# sourceMappingURL=p-0b2290c6.system.entry.js.map
+System.register(["./p-97329951.system.js"],(function(e){"use strict";var o,n,t,i;return{setters:[function(e){o=e.r;n=e.c;t=e.h;i=e.H}],execute:function(){var s='verdocs-ok-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-ok-dialog .background-overlay{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-ok-dialog .dialog{max-width:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;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)}verdocs-ok-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;-ms-flex-direction:row;flex-direction:row;padding:8px 16px;color:#ffffff;background:#46497d}verdocs-ok-dialog .content{font-size:16px;background:#ffffff;padding:20px}verdocs-ok-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}verdocs-ok-dialog .buttons verdocs-button{margin-left:16px}';var l=e("verdocs_ok_dialog",function(){function e(e){o(this,e);this.next=n(this,"next",7);this.cancel=n(this,"cancel",7);this.heading="";this.message="";this.showCancel=false}e.prototype.handleOk=function(){this.next.emit()};e.prototype.handleCancel=function(){this.cancel.emit()};e.prototype.handleDismiss=function(e){if(e.target.className==="background-overlay"){e.preventDefault();this.cancel.emit()}};e.prototype.render=function(){var e=this;return t(i,null,t("div",{class:"background-overlay",onClick:function(o){return e.handleDismiss(o)}},t("div",{class:"dialog"},t("div",{class:"heading"},this.heading),t("div",{class:"content"},this.message,t("div",{class:"buttons"},this.showCancel?t("verdocs-button",{label:"CANCEL",variant:"outline",onClick:function(){return e.handleCancel()}}):t("div",{style:{display:"none"}}),t("verdocs-button",{label:"OK",onClick:function(){return e.handleOk()}}))))))};return e}());l.style=s}}}));
+//# sourceMappingURL=p-8cce81ff.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.scss?tag=verdocs-ok-dialog","src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.tsx"],"names":["verdocsOkDialogCss","VerdocsOkDialog","exports","class_1","prototype","handleOk","this","next","emit","handleCancel","cancel","handleDismiss","e","target","className","preventDefault","render","_this","h","Host","class","onClick","heading","message","showCancel","label","variant","style","display"],"mappings":"0JAAA,IAAMA,EAAqB,0lCCWdC,EAAeC,EAAA,oBAAA,0GAIA,gBAKA,mBAMI,MAY9BC,EAAAC,UAAAC,SAAA,WACEC,KAAKC,KAAKC,QAGZL,EAAAC,UAAAK,aAAA,WACEH,KAAKI,OAAOF,QAIdL,EAAAC,UAAAO,cAAA,SAAcC,GACZ,GAAIA,EAAEC,OAAOC,YAAc,qBAAsB,CAC/CF,EAAEG,iBACFT,KAAKI,OAAOF,SAIhBL,EAAAC,UAAAY,OAAA,WAAA,IAAAC,EAAAX,KACE,OACEY,EAACC,EAAI,KACHD,EAAA,MAAA,CAAKE,MAAM,qBAAqBC,QAAS,SAAAT,GAAK,OAAAK,EAAKN,cAAcC,KAC/DM,EAAA,MAAA,CAAKE,MAAM,UACTF,EAAA,MAAA,CAAKE,MAAM,WAAWd,KAAKgB,SAC3BJ,EAAA,MAAA,CAAKE,MAAM,WACRd,KAAKiB,QAENL,EAAA,MAAA,CAAKE,MAAM,WACRd,KAAKkB,WAAaN,EAAA,iBAAA,CAAgBO,MAAM,SAASC,QAAQ,UAAUL,QAAS,WAAM,OAAAJ,EAAKR,kBAAqBS,EAAA,MAAA,CAAKS,MAAO,CAACC,QAAS,UACnIV,EAAA,iBAAA,CAAgBO,MAAM,KAAKJ,QAAS,WAAM,OAAAJ,EAAKZ,6BAtDnC","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-ok-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n\n  .background-overlay {\n    position: absolute;\n    z-index: 10000;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #0000007f;\n  }\n\n  .dialog {\n    max-width: 50%;\n    display: flex;\n    flex-direction: column;\n    border-radius: 4px;\n    overflow: hidden;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n  }\n\n  .heading {\n    display: flex;\n    font-size: 16px;\n    flex-direction: row;\n    padding: 8px 16px;\n    color: $verdocs-grey-4;\n    background: $verdocs-grey-blue;\n  }\n\n  .content {\n    font-size: 16px;\n    background: $verdocs-grey-4;\n    padding: 20px;\n  }\n\n  .buttons {\n    display: flex;\n    margin: 20px 0 0 0;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-end;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter, Host} from '@stencil/core';\n\n/**\n * Display a simple text dialog box with an Ok button. This adds a partially-transparent overlay and screen-centered dialog\n * box with a message and optional header/title. An OK button is shown that will dismiss the message.\n * It can also be dismissed by clicking the background overlay.\n */\n@Component({\n  tag: 'verdocs-ok-dialog',\n  styleUrl: 'verdocs-ok-dialog.scss',\n})\nexport class VerdocsOkDialog {\n  /**\n   * The title of the dialog. \"title\" is a reserved word, so we use heading.\n   */\n  @Prop() heading: string = '';\n\n  /**\n   * The message content to display.\n   */\n  @Prop() message: string = '';\n\n  /**\n   * If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background\n   * overlay to dismiss it.\n   */\n  @Prop() showCancel: boolean = false;\n\n  /**\n   * Event fired when the user clicks the OK button.\n   */\n  @Event({composed: true}) next: EventEmitter;\n\n  /**\n   * Event fired when the user clicks the background overlay or Cancel button.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  handleOk() {\n    this.next.emit();\n  }\n\n  handleCancel() {\n    this.cancel.emit();\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.cancel.emit();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">{this.heading}</div>\n            <div class=\"content\">\n              {this.message}\n\n              <div class=\"buttons\">\n                {this.showCancel ? <verdocs-button label=\"CANCEL\" variant=\"outline\" onClick={() => this.handleCancel()} /> : <div style={{display: 'none'}} />}\n                <verdocs-button label=\"OK\" onClick={() => this.handleOk()} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/{p-32da34af.system.js → p-90d7da87.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-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
+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-9cecb5df.system.js","./p-00dec610.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,true)];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-90d7da87.system.js.map

package/dist/verdocs-web-sdk/p-90d7da87.system.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/utils/Templates.ts"],"names":["loadTemplate","exports","endpoint","templateId","__awaiter","_this","TemplateStore","template","console","log","loading","concat","getTemplate","_a","sent","e_1"],"mappings":"wnDAIaA,EAAYC,EAAA,KAAG,SAAOC,EAA2BC,GAAkB,OAAAC,UAAAC,OAAA,OAAA,GAAA,+EAC9EC,EAAcC,SAAW,KAEzB,IAAKJ,EAAY,CACfK,QAAQC,IAAI,4CACZ,MAAA,CAAA,GAGFH,EAAcI,QAAU,4CAGtBF,QAAQC,IAAI,gCAAAE,OAAgCR,IAC3B,MAAA,CAAA,EAAMS,EAAYV,EAAUC,EAAY,cAAnDI,EAAWM,EAAAC,OACjB,IAAKP,EAAU,CACbC,QAAQC,IAAI,uCACZ,MAAA,CAAA,GAGFH,EAAcC,SAAWA,EACzBD,EAAcI,QAAU,oCAExBF,QAAQC,IAAI,qCAAsCM,GAClD,MAAMA","sourcesContent":["import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {getTemplate} from '@verdocs/js-sdk/Templates/Templates';\nimport TemplateStore from './templateStore';\n\nexport const loadTemplate = async (endpoint: VerdocsEndpoint, templateId: string) => {\n  TemplateStore.template = null;\n\n  if (!templateId) {\n    console.log(`[TEMPLATES] Missing required template ID`);\n    return;\n  }\n\n  TemplateStore.loading = true;\n\n  try {\n    console.log(`[TEMPLATES] Loading template ${templateId}`);\n    const template = await getTemplate(endpoint, templateId, true);\n    if (!template) {\n      console.log('[TEMPLATES] Unable to load template');\n      return;\n    }\n\n    TemplateStore.template = template;\n    TemplateStore.loading = false;\n  } catch (e) {\n    console.log('[TEMPLATES] Error loading template', e);\n    throw e;\n  }\n};\n"]}

package/dist/verdocs-web-sdk/p-9cecb5df.system.js

@@ -0,0 +1,2 @@
+System.register([],(function(t){"use strict";return{execute:function(){var n=t("a",(function(t,n){return t.api.post("/templates",{params:n}).then((function(t){return t.data}))}));var e=t("g",(function(t,n,e){return t.api.get("/templates/".concat(n)+(e?"?ssr=true":"")).then((function(t){return t.data}))}));var r=t("c",(function(t,n){return t.api.post("/templates/",n).then((function(t){return t.data}))}))}}}));
+//# sourceMappingURL=p-9cecb5df.system.js.map

package/dist/verdocs-web-sdk/p-9cecb5df.system.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["node_modules/@verdocs/js-sdk/Templates/Templates.js"],"names":["getTemplates","exports","endpoint","params","api","post","then","r","data","getTemplate","templateId","ssr","get","concat","createTemplate"],"mappings":"uEAsDU,IAACA,EAAYC,EAAA,KAAG,SAAUC,EAAUC,GAC1C,OAAOD,EAASE,IACXC,KAAK,aAAc,CAAEF,OAAQA,IAC7BG,MAAK,SAAUC,GAAK,OAAOA,EAAEC,WAW5B,IAACC,EAAWR,EAAA,KAAG,SAAUC,EAAUQ,EAAYC,GACrD,OAAOT,EAASE,IACXQ,IAAI,cAAcC,OAAOH,IAAeC,EAAM,YAAc,KAC5DL,MAAK,SAAUC,GAAK,OAAOA,EAAEC,WAyB5B,IAACM,EAAcb,EAAA,KAAG,SAAUC,EAAUC,GAC5C,OAAOD,EAASE,IACXC,KAAK,cAAeF,GACpBG,MAAK,SAAUC,GAAK,OAAOA,EAAEC","sourcesContent":["/**\n * A Template defines how a Verdocs signing flow will be performed, including attachments, signing fields, and\n * recipients.\n *\n * @module\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 * Get all templates accessible by the caller, with optional filters.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * await Templates.getTemplates((VerdocsEndpoint.getDefault());\n * await Templates.getTemplates((VerdocsEndpoint.getDefault(), { is_starred: true });\n * await Templates.getTemplates((VerdocsEndpoint.getDefault(), { is_creator: true });\n * await Templates.getTemplates((VerdocsEndpoint.getDefault(), { is_organization: true });\n * ```\n */\nexport var getTemplates = function (endpoint, params) {\n    return endpoint.api //\n        .post('/templates', { params: params })\n        .then(function (r) { return r.data; });\n};\n/**\n * Get one template by its ID.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const template = await Templates.getTemplate((VerdocsEndpoint.getDefault(), '83da3d70-7857-4392-b876-c4592a304bc9');\n * ```\n */\nexport var getTemplate = function (endpoint, templateId, ssr) {\n    return endpoint.api //\n        .get(\"/templates/\".concat(templateId) + (ssr ? '?ssr=true' : ''))\n        .then(function (r) { return r.data; });\n};\n/**\n * Get owner information for a template.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const template = await Templates.getTemplateOwnerInfo((VerdocsEndpoint.getDefault(), '83da3d70-7857-4392-b876-c4592a304bc9');\n * ```\n */\nexport var getTemplateOwnerInfo = function (endpoint, templateId) {\n    return endpoint.api //\n        .get(\"/templates/\".concat(templateId))\n        .then(function (r) { return r.data; });\n};\n/**\n * Create a template.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const newTemplate = await Templates.createTemplate((VerdocsEndpoint.getDefault(), {...});\n * ```\n */\nexport var createTemplate = function (endpoint, params) {\n    return endpoint.api //\n        .post('/templates/', params)\n        .then(function (r) { return r.data; });\n};\n/**\n * Update a template.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const updatedTemplate = await Templates.updateTemplate((VerdocsEndpoint.getDefault(), '83da3d70-7857-4392-b876-c4592a304bc9', { name: 'New Name' });\n * ```\n */\nexport var updateTemplate = function (endpoint, templateId, params) {\n    return endpoint.api //\n        .put(\"/templates/\".concat(templateId), params)\n        .then(function (r) { return r.data; });\n};\n/**\n * Delete a template.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * await Templates.deleteTemplate((VerdocsEndpoint.getDefault(), '83da3d70-7857-4392-b876-c4592a304bc9');\n * ```\n */\nexport var deleteTemplate = function (endpoint, templateId) {\n    return endpoint.api //\n        .delete(\"/templates/\".concat(templateId))\n        .then(function (r) { return r.data; });\n};\n/**\n * Search for templates matching various criteria.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const {result, page, total} = await Templates.search((VerdocsEndpoint.getDefault(), { ... });\n * ```\n */\nexport var searchTemplates = function (endpoint, params) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .post('/templates/search', params)\n                .then(function (r) { return r.data; })];\n    });\n}); };\n/**\n * Get a summary of template data, typically used to populate admin panel dashboard pages.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const summary = await Templates.getSummary((VerdocsEndpoint.getDefault(), 0);\n * ```\n */\nexport var getSummary = function (endpoint, params) {\n    if (params === void 0) { params = {}; }\n    return __awaiter(void 0, void 0, void 0, function () {\n        return __generator(this, function (_a) {\n            return [2 /*return*/, endpoint.api //\n                    .post('/templates/summary', params)\n                    .then(function (r) { return r.data; })];\n        });\n    });\n};\n"]}

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

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as t,H as s}from"./p-ff1278ed.js";import{g as n}from"./p-6de76553.js";import{g as o}from"./p-e6f928eb.js";const 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}';const r=class{constructor(t){e(this,t);this.signatureComplete=i(this,"signatureComplete",7);this.initialComplete=i(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.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="";this.roleindex=0}componentWillLoad(){console.log("sign field",this.field);if(this.recipients&&this.recipients.length>0){const e=this.recipients.find((e=>e.type==="preparer"));console.log("Found preparer",e);if(e){this.preparedMessage=`Prepared by ${e["full_name"]}`}}}render(){var e,i;const a=o(this.field);const r=(i=(e=this.disabled)!==null&&e!==void 0?e:a.disabled)!==null&&i!==void 0?i:false;console.log("Payment field",a);const d=this.field["rgba"]||n(this.roleindex);return t(s,{class:{focused:this.focused,disabled:r},style:{backgroundColor:d}},t("button",{class:{hide:this.signed}},"$"),this.signed?t("div",{class:"frame"}):t("div",{style:{display:"none"}}),t("img",{width:"100%",height:"100%",src:this.signatureUrl}))}};r.style=a;export{r as verdocs_field_payment};
+//# sourceMappingURL=p-a15b9bc8.entry.js.map

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

@@ -0,0 +1 @@
+{"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","this","_fields","signatureFile","initialFile","focusOrderNumber","focusFieldName","activeElement","showError","pageNum","fieldIndex","type","dialogOpened","closeAllErrors","fieldsMap","fieldsForCurrentSigner","fontSize","averageFontWidth","requiredFields","[object Object]","console","log","field","recipients","length","preparer","find","r","preparedMessage","settings","getFieldSettings","disabled","_b","_a","backgroundColor","getRGBA","roleindex","h","Host","class","focused","style","hide","signed","display","width","height","src","signatureUrl"],"mappings":"iIAAA,MAAMA,EAAyB,m8CCelBC,EAAmB,qIAqC9BC,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,mBAK3B,iUAaF,kBACD,uDAOM,kBAKH,EA4B7BC,oBAIEC,QAAQC,IAAI,aAAcpB,KAAKqB,OAE/B,GAAIrB,KAAKsB,YAActB,KAAKsB,WAAWC,OAAS,EAAG,CACjD,MAAMC,EAAWxB,KAAKsB,WAAWG,MAAKC,GAAKA,EAAEhB,OAAS,aACtDS,QAAQC,IAAI,iBAAkBI,GAC9B,GAAIA,EAAU,CACZxB,KAAK2B,gBAAkB,eAAeH,EAAS,iBAsCrDN,iBACE,MAAMU,EAAWC,EAAiB7B,KAAKqB,OACvC,MAAMS,GAAWC,GAAAC,EAAAhC,KAAK8B,YAAQ,MAAAE,SAAA,EAAAA,EAAIJ,EAASE,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MACvDZ,QAAQC,IAAI,gBAAiBQ,GAC7B,MAAMK,EAAkBjC,KAAKqB,MAAM,SAAWa,EAAQlC,KAAKmC,WAE3D,OACEC,EAACC,EAAI,CAACC,MAAO,CAACC,QAASvC,KAAKuC,QAAST,SAAAA,GAAWU,MAAO,CAACP,gBAAAA,IACtDG,EAAA,SAAA,CAAQE,MAAO,CAACG,KAAMzC,KAAK0C,SAAO,KACjC1C,KAAK0C,OAASN,EAAA,MAAA,CAAKE,MAAM,UAAaF,EAAA,MAAA,CAAKI,MAAO,CAACG,QAAS,UAC7DP,EAAA,MAAA,CAAKQ,MAAM,OAAOC,OAAO,OAAOC,IAAK9C,KAAK+C","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 {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {IDocumentField} 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   * 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  /**\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  _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    const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);\n\n    return (\n      <Host class={{focused: this.focused, disabled}} style={{backgroundColor}}>\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-a5ce60d9.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as o,h as i,H as t}from"./p-ff1278ed.js";import{g as r}from"./p-6de76553.js";import{g as a}from"./p-e6f928eb.js";const d='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:"";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}';const s=class{constructor(i){e(this,i);this.fieldChange=o(this,"fieldChange",7);this.field=null;this.option=0;this.disabled=false;this.roleindex=0}handleChange(e){console.log("changed",e);this.fieldChange.emit({option:this.option,value:e.target.checked})}render(){var e,o;const d=a(this.field);const s=(o=(e=this.disabled)!==null&&e!==void 0?e:d.disabled)!==null&&o!==void 0?o:false;const n=this.field["rgba"]||r(this.roleindex);return i(t,{class:{required:d.required,disabled:s},style:{backgroundColor:n}},i("input",{type:"radio",tabIndex:d.order,value:d.value,name:d.name,id:`${d.name}=${d.value}`,checked:d.checked,disabled:s,required:d.required,onChange:e=>this.handleChange(e)}),i("label",{htmlFor:`${d.name}=${d.value}`}))}};s.style=d;export{s as verdocs_field_radio_button};
+//# sourceMappingURL=p-a5ce60d9.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.scss?tag=verdocs-field-radio-button","src/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.tsx"],"names":["verdocsFieldRadioButtonCss","VerdocsFieldRadioButton","[object Object]","e","console","log","this","fieldChange","emit","option","value","target","checked","settings","getFieldSettings","field","disabled","_b","_a","backgroundColor","getRGBA","roleindex","h","Host","class","required","style","type","tabIndex","order","name","id","onChange","handleChange","htmlFor"],"mappings":"iIAAA,MAAMA,EAA6B,u+CCctBC,EAAuB,mFAIsB,iBAK/B,gBAKI,qBAKA,EAS7BC,aAAaC,GACXC,QAAQC,IAAI,UAAWF,GACvBG,KAAKC,YAAYC,KAAK,CAACC,OAAQH,KAAKG,OAAQC,MAAOP,EAAEQ,OAAOC,UAG9DV,iBACE,MAAMW,EAAWC,EAAiBR,KAAKS,OACvC,MAAMC,GAAWC,GAAAC,EAAAZ,KAAKU,YAAQ,MAAAE,SAAA,EAAAA,EAAIL,EAASG,YAAQ,MAAAC,SAAA,EAAAA,EAAI,MACvD,MAAME,EAAkBb,KAAKS,MAAM,SAAWK,EAAQd,KAAKe,WAE3D,OACEC,EAACC,EAAI,CAACC,MAAO,CAACC,SAAUZ,EAASY,SAAUT,SAAAA,GAAWU,MAAO,CAACP,gBAAAA,IAC5DG,EAAA,QAAA,CACEK,KAAK,QACLC,SAAUf,EAASgB,MACnBnB,MAAOG,EAASH,MAChBoB,KAAMjB,EAASiB,KACfC,GAAI,GAAGlB,EAASiB,QAAQjB,EAASH,QACjCE,QAASC,EAASD,QAClBI,SAAUA,EACVS,SAAUZ,EAASY,SACnBO,SAAU7B,GAAKG,KAAK2B,aAAa9B,KAEnCmB,EAAA,QAAA,CAAOY,QAAS,GAAGrB,EAASiB,QAAQjB,EAASH","sourcesContent":["@import '../../../theme.scss';\n\n// See https://www.sliderrevolution.com/resources/styling-radio-buttons/\nverdocs-field-radio-button {\n  font-family: $verdocs-primary-font;\n  width: 14px;\n  height: 14px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n  border-radius: 100%;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  input[type='radio'] {\n    position: absolute;\n    opacity: 0;\n\n    + label {\n      &:before {\n        content: '';\n        //background: $verdocs-grey-3;\n        border-radius: 100%;\n        border: 1px solid rgba(0, 0, 0, 0.6);\n        display: inline-block;\n        width: 10px;\n        height: 10px;\n        position: absolute;\n        left: 1px;\n        top: 1px;\n        cursor: pointer;\n        text-align: center;\n        transition: all 250ms ease;\n      }\n    }\n\n    &:checked {\n      + label {\n        &:before {\n          background-color: $verdocs-green;\n          box-shadow: inset 0 0 0 2px $verdocs-grey-3;\n        }\n      }\n    }\n\n    &:focus {\n      + label {\n        &:before {\n          outline: none;\n          border-color: $verdocs-green;\n        }\n      }\n    }\n\n    &:disabled {\n      + label {\n        &:before {\n          box-shadow: inset 0 0 0 4px $verdocs-grey-3;\n          border-color: darken($verdocs-grey-3, 25%);\n          background: darken($verdocs-grey-3, 25%);\n        }\n      }\n    }\n\n    + label {\n      &:empty {\n        &:before {\n          margin-right: 0;\n        }\n      }\n    }\n  }\n\n  &.required {\n    input[type='radio'] {\n      + label {\n        &:before {\n          border: 1px solid $verdocs-red-1;\n        }\n      }\n    }\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\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 {Component, h, Host, Prop, Event, EventEmitter} from '@stencil/core';\nimport {getFieldSettings} from '../../../utils/utils';\n\n/**\n * Displays a radio button.\n */\n@Component({\n  tag: 'verdocs-field-radio-button',\n  styleUrl: 'verdocs-field-radio-button.scss',\n  shadow: false,\n})\nexport class VerdocsFieldRadioButton {\n  /**\n   * The document or template field to display.\n   */\n  @Prop() field: IDocumentField | ITemplateField | null = null;\n\n  /**\n   * The index of the settings option this particular checkbox is for\n   */\n  @Prop() option: number = 0;\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, 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 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<{option: number; value: boolean}>;\n\n  handleChange(e: any) {\n    console.log('changed', e);\n    this.fieldChange.emit({option: this.option, value: e.target.checked});\n  }\n\n  render() {\n    const settings = getFieldSettings(this.field);\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        <input\n          type=\"radio\"\n          tabIndex={settings.order}\n          value={settings.value}\n          name={settings.name}\n          id={`${settings.name}=${settings.value}`}\n          checked={settings.checked}\n          disabled={disabled}\n          required={settings.required}\n          onChange={e => this.handleChange(e)}\n        />\n        <label htmlFor={`${settings.name}=${settings.value}`} />\n      </Host>\n    );\n  }\n}\n"]}