@verdocs/web-sdk 6.9.10 → 6.9.13

package/dist/collection/components/embeds/verdocs-view/verdocs-view.js

@@ -334,7 +334,7 @@ export class VerdocsView {
             } })), this.canceling && (h("div", { class: "loading-indicator" }, h("verdocs-loader", null))), this.showDownloadDialog && (h("verdocs-download-dialog", { signed: this.envelope.status === 'complete' || this.envelope.signed, polling: this.polling, documents: this.envelope.documents, onExit: () => {
                 this.showDownloadDialog = false;
                 this.stopPolling();
-            }, onDownload: this.handleDownloadDocuments })), !!showFooter && (h("verdocs-sign-footer", { endpoint: this.endpoint, envelopeId: this.envelopeId, isDone: true, onAskQuestion: () => { }, onDecline: () => { }, onFinishLater: () => { } }))));
+            }, onDownload: e => this.handleDownloadDocuments(e) })), !!showFooter && (h("verdocs-sign-footer", { endpoint: this.endpoint, envelopeId: this.envelopeId, isDone: true, onAskQuestion: () => { }, onDecline: () => { }, onFinishLater: () => { } }))));
     }
     static get is() { return "verdocs-view"; }
     static get originalStyleUrls() {

package/dist/collection/components/embeds/verdocs-view/verdocs-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"verdocs-view.js","sourceRoot":"","sources":["../../../../src/components/embeds/verdocs-view/verdocs-view.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, h, Element, Event, Host, Prop, EventEmitter, Fragment, State} from '@stencil/core';\nimport {getCombinedEnvelopeDocumentDownloadLink, getEnvelopeDocumentDownloadLink} from '@verdocs/js-sdk';\nimport {cancelEnvelope, getEnvelope, IEnvelope, integerSequence, VerdocsEndpoint, getEnvelopesZip, getMyRecipient} from '@verdocs/js-sdk';\nimport {VerdocsDownloadDialogCustomEvent} from '../../../components';\nimport {IDownloadEvent, DownloadAction} from '../../../utils/Types';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst ToolbarMinusIcon = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11 8C11.2761 8 11.5 8.22386 11.5 8.5C11.5 8.77614 11.2761 9 11 9H6C5.72386 9 5.5 8.77614 5.5 8.5C5.5 8.22386 5.72386 8 6 8H11ZM14 8.5C14 5.46243 11.5376 3 8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C9.83879 14 11.0659 13.5217 12.0196 12.7266L16.1464 16.8536L16.2157 16.9114C16.4106 17.0464 16.68 17.0271 16.8536 16.8536C17.0488 16.6583 17.0488 16.3417 16.8536 16.1464L12.7266 12.0196C13.5217 11.0659 14 9.83879 14 8.5ZM4 8.5C4 6.01472 6.01472 4 8.5 4C10.9853 4 13 6.01472 13 8.5C13 10.9853 10.9853 13 8.5 13C6.01472 13 4 10.9853 4 8.5Z\" fill=\"#424242\" /></svg>`;\nconst ToolbarPlusIcon = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.5 8.5C11.5 8.22386 11.2761 8 11 8H9V6C9 5.72386 8.77614 5.5 8.5 5.5C8.22386 5.5 8 5.72386 8 6V8H6C5.72386 8 5.5 8.22386 5.5 8.5C5.5 8.77614 5.72386 9 6 9H8V11C8 11.2761 8.22386 11.5 8.5 11.5C8.77614 11.5 9 11.2761 9 11V9H11C11.2761 9 11.5 8.77614 11.5 8.5ZM8.5 3C11.5376 3 14 5.46243 14 8.5C14 9.83879 13.5217 11.0659 12.7266 12.0196L16.8536 16.1464C17.0488 16.3417 17.0488 16.6583 16.8536 16.8536C16.68 17.0271 16.4106 17.0464 16.2157 16.9114L16.1464 16.8536L12.0196 12.7266C11.0659 13.5217 9.83879 14 8.5 14C5.46243 14 3 11.5376 3 8.5C3 5.46243 5.46243 3 8.5 3ZM8.5 4C6.01472 4 4 6.01472 4 8.5C4 10.9853 6.01472 13 8.5 13C10.9853 13 13 10.9853 13 8.5C13 6.01472 10.9853 4 8.5 4Z\" fill=\"#424242\" /></svg>`;\nconst ToolbarDownloadIcon = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M15.5 16.9988C15.7761 16.9988 16 17.2226 16 17.4988C16 17.7442 15.8231 17.9484 15.5899 17.9907L15.5 17.9988H4.5C4.22386 17.9988 4 17.7749 4 17.4988C4 17.2533 4.17688 17.0492 4.41012 17.0068L4.5 16.9988H15.5ZM10.0001 2.00098C10.2456 2.00098 10.4497 2.17798 10.492 2.41124L10.5 2.50112L10.496 14.295L14.1414 10.6466C14.3148 10.4729 14.5842 10.4534 14.7792 10.5882L14.8485 10.646C15.0222 10.8194 15.0418 11.0888 14.907 11.2838L14.8492 11.3531L10.3574 15.8531C10.285 15.9257 10.1957 15.9714 10.1021 15.9901L9.99608 15.9999C9.83511 15.9999 9.69192 15.9237 9.60051 15.8056L5.14386 11.3537C4.94846 11.1586 4.94823 10.842 5.14336 10.6466C5.3168 10.4729 5.58621 10.4534 5.78117 10.5883L5.85046 10.6461L9.496 14.287L9.5 2.50083C9.50008 2.22469 9.724 2.00098 10.0001 2.00098Z\" fill=\"#424242\"/></svg>`;\nconst ToolbarPrintIcon = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5 4.5C5 3.67157 5.67157 3 6.5 3H13.5C14.3284 3 15 3.67157 15 4.5V5H15.5C16.8807 5 18 6.11929 18 7.5V12.5C18 13.3284 17.3284 14 16.5 14H15V15.5C15 16.3284 14.3284 17 13.5 17H6.5C5.67157 17 5 16.3284 5 15.5V14H3.5C2.67157 14 2 13.3284 2 12.5V7.5C2 6.11929 3.11929 5 4.5 5H5V4.5ZM6 5H14V4.5C14 4.22386 13.7761 4 13.5 4H6.5C6.22386 4 6 4.22386 6 4.5V5ZM5 13V11.5C5 10.6716 5.67157 10 6.5 10H13.5C14.3284 10 15 10.6716 15 11.5V13H16.5C16.7761 13 17 12.7761 17 12.5V7.5C17 6.67157 16.3284 6 15.5 6H4.5C3.67157 6 3 6.67157 3 7.5V12.5C3 12.7761 3.22386 13 3.5 13H5ZM6.5 11C6.22386 11 6 11.2239 6 11.5V15.5C6 15.7761 6.22386 16 6.5 16H13.5C13.7761 16 14 15.7761 14 15.5V11.5C14 11.2239 13.7761 11 13.5 11H6.5Z\" fill=\"#424242\"/></svg>`;\n\n/**\n * Render the documents attached to an envelope in read-only (view) mode. All documents are\n * displayed in order.\n *\n * ```ts\n * <verdocs-view\n *   envelopeId={ENVELOPE_ID}\n *   onSdkError={({ detail }) => { console.log('SDK error', detail) }\n *   />\n * ```\n */\n@Component({\n  tag: 'verdocs-view',\n  styleUrl: 'verdocs-view.scss',\n  shadow: false,\n})\nexport class VerdocsView {\n  private envelopeListenerId = null;\n\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 | null = null;\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   * If set, (recommended), the host application should create a <DIV> element with a unique ID. When this\n   * component renders, the header will be removed from its default location and placed in the target element.\n   * This allows the parent application to more easily control its placement and scroll effects (e.g. \"fixed\").\n   *\n   * The movement of the header to the target container is not dynamic - it is performed only on the initial\n   * render. Host applications should not conditionally render this container. If the header's visibility must\n   * be externally controlled, use CSS display options to hide/show it instead.\n   */\n  @Prop() headerTargetId: string | null = null;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when the envelope is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n   */\n  @Event({composed: true}) envelopeUpdated: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string}>;\n\n  /**\n   * Event fired when the user clicks Send Another to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) another: EventEmitter;\n\n  /**\n   * Event fired when the user clicks Send Another to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) view: EventEmitter;\n\n  /**\n   * Event fired when the user clicks Done to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) next: EventEmitter;\n  @State() canceling = false;\n  @State() showCancelDone = false;\n  @State() showLoadError = false;\n\n  @State() loading = true;\n  @State() envelope: IEnvelope | null = null;\n  @State() zoomLevel: 'normal' | 'zoom1' | 'zoom2' = 'normal';\n  @State() showDownloadDialog = false;\n  @State() polling = false;\n\n  private pollingInterval: any = null;\n\n  async componentWillLoad() {\n    this.updateZoomFromWindow();\n    window.addEventListener('resize', () => this.updateZoomFromWindow());\n    if (!this.endpoint) {\n      this.endpoint = VerdocsEndpoint.getDefault();\n      this.endpoint.loadSession();\n    }\n\n    if (!this.envelopeId) {\n      console.error(`[VIEW] Missing required envelopeId`);\n      return;\n    }\n\n    await this.listenToEnvelope();\n\n    if (!this.envelope) {\n      try {\n        console.log('[VIEW] Loading envelope...');\n        this.envelope = await getEnvelope(this.endpoint, this.envelopeId);\n        console.log('[VIEW] Loaded envelope', this.envelope);\n      } catch (e) {\n        this.showLoadError = true;\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      }\n    }\n  }\n\n  componentDidRender() {\n    const headerTarget = this.headerTargetId ? document.getElementById(this.headerTargetId) : null;\n    const headerEl = document.getElementById('verdocs-view-header');\n    if (headerTarget && headerEl) {\n      console.log('[VIEW] Moving header');\n      headerEl.remove();\n      headerTarget.append(headerEl);\n    }\n  }\n\n  disconnectedCallback() {\n    this.stopPolling();\n    this.unlistenToEnvelope();\n    window.removeEventListener('resize', () => this.updateZoomFromWindow());\n  }\n\n  updateZoomFromWindow() {\n    const width = window.innerWidth;\n    if (width < 768) {\n      if (this.zoomLevel !== 'zoom2') this.zoomLevel = 'zoom2';\n    } else if (width < 1024) {\n      if (this.zoomLevel !== 'zoom1') this.zoomLevel = 'zoom1';\n    } else {\n      if (this.zoomLevel !== 'normal') this.zoomLevel = 'normal';\n    }\n  }\n\n  async listenToEnvelope() {\n    console.log('[VIEW] Loading envelope', this.envelopeId);\n    this.unlistenToEnvelope();\n    Store.subscribe(\n      'envelopes',\n      this.envelopeId,\n      () => getEnvelope(this.endpoint, this.envelopeId),\n      true,\n      (envelope: IEnvelope) => {\n        this.envelope = envelope;\n        this.loading = false;\n      },\n    );\n  }\n\n  unlistenToEnvelope() {\n    if (this.envelopeListenerId) {\n      Store.store.delListener(this.envelopeListenerId);\n      this.envelopeListenerId = null;\n    }\n  }\n\n  handlePageRendered(_e: any) {\n    // const pageInfo = e.detail as IDocumentPageInfo;\n    // console.log('[VIEW] Page rendered', pageInfo);\n  }\n\n  async handleOptionSelected(e: any) {\n    switch (e.detail.id) {\n      case 'cancel':\n        // TODO: Better option for inline-flow confirmation and alert dialogs.\n        if (confirm('Are you sure you wish to cancel this envelope? This action cannot be undone.')) {\n          this.canceling = true;\n          cancelEnvelope(this.endpoint, this.envelopeId)\n            .then(r => {\n              this.canceling = false;\n              console.log('[VIEW] Envelope canceled', r);\n              return getEnvelope(this.endpoint, this.envelopeId);\n            })\n            .then(env => {\n              console.log('[VIEW] Loaded new envelope details', env);\n              this.envelope = env;\n            })\n            .catch(e => {\n              this.canceling = false;\n              console.log('[VIEW] Error canceling envelope', e);\n              this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            });\n          this.showCancelDone = true;\n          this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'canceled'});\n        }\n        break;\n\n      case 'print':\n        window.print();\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'printed'});\n        break;\n\n      case 'download':\n        this.showDownloadDialog = true;\n        this.startPolling();\n        break;\n\n      case 'download-attachments':\n        // TODO: Multiple document support\n        try {\n          const firstDoc = this.envelope.documents.find(doc => doc.type === 'attachment');\n          if (firstDoc) {\n            const url = await getEnvelopeDocumentDownloadLink(this.endpoint, firstDoc.id);\n            window.open(url, '_blank');\n          }\n        } catch (e) {\n          console.log('Unable to download document', e);\n          VerdocsToast(e.response?.data?.error || 'Unable to download document. Please try again later.', {style: 'error'});\n        }\n        break;\n\n      case 'download-certificate':\n        // TODO: Multiple certificate support\n        {\n          const firstCert = this.envelope.documents.find(doc => doc.type === 'certificate');\n          if (firstCert) {\n            const url = await getEnvelopeDocumentDownloadLink(this.endpoint, firstCert.id);\n            window.open(url, '_blank');\n          }\n        }\n        break;\n\n      case 'download-all':\n        getEnvelopesZip(this.endpoint, [this.envelope.id])\n          .then(() => {\n            this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'downloaded'});\n          })\n          .catch(e => {\n            console.log('Error downloading Zip', e);\n          });\n        break;\n    }\n  }\n\n  startPolling() {\n    this.stopPolling();\n\n    const checkPollingConditions = () => {\n      // NOTE: Polling logic for finalizing envelope\n      const isSigned = this.envelope?.status === 'complete' || !!this.envelope?.signed;\n      const hasCertificate = this.envelope?.documents?.some(d => d.type === 'certificate');\n      const allRecipientsSubmitted = this.envelope?.recipients?.every(r => r.status === 'submitted');\n\n      if (isSigned && hasCertificate) return false;\n      if (!allRecipientsSubmitted) return false;\n\n      return true;\n    };\n\n    if (!checkPollingConditions()) {\n      return;\n    }\n\n    this.polling = true;\n    this.pollingInterval = setInterval(async () => {\n      try {\n        const envelope = await getEnvelope(this.endpoint, this.envelopeId);\n        this.envelope = envelope;\n        Store.updateEnvelope(this.envelopeId, envelope);\n\n        if (!checkPollingConditions()) {\n          this.stopPolling();\n        }\n      } catch (e) {\n        console.error('[VIEW] Polling error', e);\n        this.stopPolling();\n      }\n    }, 5000);\n  }\n\n  stopPolling() {\n    if (this.pollingInterval) {\n      clearInterval(this.pollingInterval);\n      this.pollingInterval = null;\n    }\n    this.polling = false;\n  }\n\n  handleZoomIn() {\n    if (this.zoomLevel === 'normal') {\n      this.zoomLevel = 'zoom1';\n    } else if (this.zoomLevel === 'zoom1') {\n      this.zoomLevel = 'zoom2';\n    }\n  }\n\n  handleZoomOut() {\n    if (this.zoomLevel === 'zoom1') {\n      this.zoomLevel = 'normal';\n    } else if (this.zoomLevel === 'zoom2') {\n      this.zoomLevel = 'zoom1';\n    }\n  }\n\n  async handleDownloadDocuments(e: VerdocsDownloadDialogCustomEvent<IDownloadEvent>) {\n    const {action, documentId} = e.detail;\n    console.log('[VIEW] Download action selected:', action, documentId);\n\n    try {\n      switch (action) {\n        case DownloadAction.certificate:\n          const cert = this.envelope.documents.find(d => d.type === 'certificate');\n          if (!cert) {\n            VerdocsToast('Certificate not yet available.', {style: 'info'});\n            break;\n          }\n\n          const certificateUrl = await getEnvelopeDocumentDownloadLink(this.endpoint, cert.id);\n          window.open(certificateUrl, '_blank');\n          break;\n        case DownloadAction.combined:\n          // The certificate & combined doc use the same envelopeDocument.id in their filename.\n          const combinedDocumentId = documentId || this.envelope.documents.find(doc => doc.type === 'certificate')?.id;\n          const combinedDocumentUrl = await getCombinedEnvelopeDocumentDownloadLink(this.endpoint, combinedDocumentId);\n          window.open(combinedDocumentUrl, '_blank');\n          break;\n        case DownloadAction.document:\n          const targetDocId = documentId || this.envelope.documents.find(d => d.type === 'attachment')?.id;\n          if (!targetDocId) break;\n\n          const documentUrl = await getEnvelopeDocumentDownloadLink(this.endpoint, targetDocId);\n          window.open(documentUrl, '_blank');\n          break;\n        case DownloadAction.zip:\n          const blob = await getEnvelopesZip(this.endpoint, [this.envelopeId]);\n          const url = window.URL.createObjectURL(blob.data);\n          const a = document.createElement('a');\n          a.href = url;\n          a.download = `${this.envelope.name}.zip`;\n          document.body.appendChild(a);\n          a.click();\n          a.remove();\n          window.URL.revokeObjectURL(url);\n          break;\n        default:\n          break;\n      }\n    } catch (err) {\n      console.error('Download error', err);\n      VerdocsToast('Unable to complete download request.', {style: 'error'});\n    }\n  }\n\n  render() {\n    if (this.loading) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    if (this.showLoadError) {\n      return (\n        <Host>\n          <verdocs-ok-dialog\n            heading=\"Unable to View Envelope\"\n            message={`Sorry, that envelope is not valid.`}\n            buttonLabel=\"OK\"\n            onNext={() => {\n              this.showLoadError = false;\n            }}\n          />\n        </Host>\n      );\n    }\n\n    if (!this.envelope) {\n      return (\n        <Host>\n          <img\n            src=\"https://public-assets.verdocs.com/loading-placeholder.png\"\n            style={{width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px'}}\n            alt=\"Placeholder page\"\n          />\n        </Host>\n      );\n    }\n\n    /**\n     * Conditions for showing footer:\n     * 1.) The session user must be an envelope's recipient.\n     * 2.) The envelope's status does NOT matter.\n     */\n    const showFooter = getMyRecipient(this.endpoint.session, this.envelope);\n\n    return (\n      <Host>\n        <div class=\"controls-toolbar\" id=\"verdocs-view-header\">\n          <div class=\"left-controls\">\n            <div class=\"title\">{this.envelope.name}</div>\n          </div>\n          <div class=\"center-controls\">{/* Pagination controls hidden for now */}</div>\n          <div class=\"right-controls\">\n            <div class={{'icon-button': true, 'minus': true, 'disabled': this.zoomLevel === 'normal'}} innerHTML={ToolbarMinusIcon} onClick={() => this.handleZoomOut()} />\n            <div class={{'icon-button': true, 'plus': true, 'disabled': this.zoomLevel === 'zoom2'}} innerHTML={ToolbarPlusIcon} onClick={() => this.handleZoomIn()} />\n            <div class=\"icon-button download\" innerHTML={ToolbarDownloadIcon} onClick={() => this.handleOptionSelected({detail: {id: 'download'}})} />\n            <div class=\"icon-button print\" innerHTML={ToolbarPrintIcon} onClick={() => this.handleOptionSelected({detail: {id: 'print'}})} />\n          </div>\n        </div>\n\n        <div class={`document signed-document-container zoom-${this.zoomLevel}`} style={{paddingTop: this.headerTargetId ? '70px' : '15px'}}>\n          {(this.envelope?.documents || [])\n            .filter(document => document.type !== 'certificate')\n            .map(envelopeDocument => {\n              const pageNumbers = integerSequence(1, envelopeDocument.pages);\n\n              return (\n                <Fragment>\n                  {pageNumbers.map(pageNumber => {\n                    const pageSize = envelopeDocument.page_sizes?.[pageNumber] || {width: 612, height: 792};\n\n                    return (\n                      <verdocs-envelope-document-page\n                        envelopeId={this.envelopeId}\n                        documentId={envelopeDocument.id}\n                        endpoint={this.endpoint}\n                        type=\"filled\"\n                        virtualWidth={pageSize.width}\n                        virtualHeight={pageSize.height}\n                        pageNumber={pageNumber}\n                        onPageRendered={e => this.handlePageRendered(e)}\n                        layers={[\n                          {name: 'page', type: 'canvas'},\n                          {name: 'controls', type: 'div'},\n                        ]}\n                      />\n                    );\n                  })}\n                </Fragment>\n              );\n            })}\n        </div>\n\n        {this.showCancelDone && (\n          <verdocs-ok-dialog\n            heading=\"Cancelled\"\n            message={`This envelope has been cancelled successfully.`}\n            onNext={() => {\n              this.showCancelDone = false;\n            }}\n          />\n        )}\n\n        {this.canceling && (\n          <div class=\"loading-indicator\">\n            <verdocs-loader />\n          </div>\n        )}\n\n        {this.showDownloadDialog && (\n          <verdocs-download-dialog\n            signed={this.envelope.status === 'complete' || this.envelope.signed}\n            polling={this.polling}\n            documents={this.envelope.documents}\n            onExit={() => {\n              this.showDownloadDialog = false;\n              this.stopPolling();\n            }}\n            onDownload={this.handleDownloadDocuments}\n          />\n        )}\n\n        {!!showFooter && (\n          <verdocs-sign-footer endpoint={this.endpoint} envelopeId={this.envelopeId} isDone={true} onAskQuestion={() => {}} onDecline={() => {}} onFinishLater={() => {}} />\n        )}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"verdocs-view.js","sourceRoot":"","sources":["../../../../src/components/embeds/verdocs-view/verdocs-view.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, h, Element, Event, Host, Prop, EventEmitter, Fragment, State} from '@stencil/core';\nimport {getCombinedEnvelopeDocumentDownloadLink, getEnvelopeDocumentDownloadLink} from '@verdocs/js-sdk';\nimport {cancelEnvelope, getEnvelope, IEnvelope, integerSequence, VerdocsEndpoint, getEnvelopesZip, getMyRecipient} from '@verdocs/js-sdk';\nimport {VerdocsDownloadDialogCustomEvent} from '../../../components';\nimport {IDownloadEvent, DownloadAction} from '../../../utils/Types';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst ToolbarMinusIcon = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11 8C11.2761 8 11.5 8.22386 11.5 8.5C11.5 8.77614 11.2761 9 11 9H6C5.72386 9 5.5 8.77614 5.5 8.5C5.5 8.22386 5.72386 8 6 8H11ZM14 8.5C14 5.46243 11.5376 3 8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C9.83879 14 11.0659 13.5217 12.0196 12.7266L16.1464 16.8536L16.2157 16.9114C16.4106 17.0464 16.68 17.0271 16.8536 16.8536C17.0488 16.6583 17.0488 16.3417 16.8536 16.1464L12.7266 12.0196C13.5217 11.0659 14 9.83879 14 8.5ZM4 8.5C4 6.01472 6.01472 4 8.5 4C10.9853 4 13 6.01472 13 8.5C13 10.9853 10.9853 13 8.5 13C6.01472 13 4 10.9853 4 8.5Z\" fill=\"#424242\" /></svg>`;\nconst ToolbarPlusIcon = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.5 8.5C11.5 8.22386 11.2761 8 11 8H9V6C9 5.72386 8.77614 5.5 8.5 5.5C8.22386 5.5 8 5.72386 8 6V8H6C5.72386 8 5.5 8.22386 5.5 8.5C5.5 8.77614 5.72386 9 6 9H8V11C8 11.2761 8.22386 11.5 8.5 11.5C8.77614 11.5 9 11.2761 9 11V9H11C11.2761 9 11.5 8.77614 11.5 8.5ZM8.5 3C11.5376 3 14 5.46243 14 8.5C14 9.83879 13.5217 11.0659 12.7266 12.0196L16.8536 16.1464C17.0488 16.3417 17.0488 16.6583 16.8536 16.8536C16.68 17.0271 16.4106 17.0464 16.2157 16.9114L16.1464 16.8536L12.0196 12.7266C11.0659 13.5217 9.83879 14 8.5 14C5.46243 14 3 11.5376 3 8.5C3 5.46243 5.46243 3 8.5 3ZM8.5 4C6.01472 4 4 6.01472 4 8.5C4 10.9853 6.01472 13 8.5 13C10.9853 13 13 10.9853 13 8.5C13 6.01472 10.9853 4 8.5 4Z\" fill=\"#424242\" /></svg>`;\nconst ToolbarDownloadIcon = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M15.5 16.9988C15.7761 16.9988 16 17.2226 16 17.4988C16 17.7442 15.8231 17.9484 15.5899 17.9907L15.5 17.9988H4.5C4.22386 17.9988 4 17.7749 4 17.4988C4 17.2533 4.17688 17.0492 4.41012 17.0068L4.5 16.9988H15.5ZM10.0001 2.00098C10.2456 2.00098 10.4497 2.17798 10.492 2.41124L10.5 2.50112L10.496 14.295L14.1414 10.6466C14.3148 10.4729 14.5842 10.4534 14.7792 10.5882L14.8485 10.646C15.0222 10.8194 15.0418 11.0888 14.907 11.2838L14.8492 11.3531L10.3574 15.8531C10.285 15.9257 10.1957 15.9714 10.1021 15.9901L9.99608 15.9999C9.83511 15.9999 9.69192 15.9237 9.60051 15.8056L5.14386 11.3537C4.94846 11.1586 4.94823 10.842 5.14336 10.6466C5.3168 10.4729 5.58621 10.4534 5.78117 10.5883L5.85046 10.6461L9.496 14.287L9.5 2.50083C9.50008 2.22469 9.724 2.00098 10.0001 2.00098Z\" fill=\"#424242\"/></svg>`;\nconst ToolbarPrintIcon = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5 4.5C5 3.67157 5.67157 3 6.5 3H13.5C14.3284 3 15 3.67157 15 4.5V5H15.5C16.8807 5 18 6.11929 18 7.5V12.5C18 13.3284 17.3284 14 16.5 14H15V15.5C15 16.3284 14.3284 17 13.5 17H6.5C5.67157 17 5 16.3284 5 15.5V14H3.5C2.67157 14 2 13.3284 2 12.5V7.5C2 6.11929 3.11929 5 4.5 5H5V4.5ZM6 5H14V4.5C14 4.22386 13.7761 4 13.5 4H6.5C6.22386 4 6 4.22386 6 4.5V5ZM5 13V11.5C5 10.6716 5.67157 10 6.5 10H13.5C14.3284 10 15 10.6716 15 11.5V13H16.5C16.7761 13 17 12.7761 17 12.5V7.5C17 6.67157 16.3284 6 15.5 6H4.5C3.67157 6 3 6.67157 3 7.5V12.5C3 12.7761 3.22386 13 3.5 13H5ZM6.5 11C6.22386 11 6 11.2239 6 11.5V15.5C6 15.7761 6.22386 16 6.5 16H13.5C13.7761 16 14 15.7761 14 15.5V11.5C14 11.2239 13.7761 11 13.5 11H6.5Z\" fill=\"#424242\"/></svg>`;\n\n/**\n * Render the documents attached to an envelope in read-only (view) mode. All documents are\n * displayed in order.\n *\n * ```ts\n * <verdocs-view\n *   envelopeId={ENVELOPE_ID}\n *   onSdkError={({ detail }) => { console.log('SDK error', detail) }\n *   />\n * ```\n */\n@Component({\n  tag: 'verdocs-view',\n  styleUrl: 'verdocs-view.scss',\n  shadow: false,\n})\nexport class VerdocsView {\n  private envelopeListenerId = null;\n\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 | null = null;\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   * If set, (recommended), the host application should create a <DIV> element with a unique ID. When this\n   * component renders, the header will be removed from its default location and placed in the target element.\n   * This allows the parent application to more easily control its placement and scroll effects (e.g. \"fixed\").\n   *\n   * The movement of the header to the target container is not dynamic - it is performed only on the initial\n   * render. Host applications should not conditionally render this container. If the header's visibility must\n   * be externally controlled, use CSS display options to hide/show it instead.\n   */\n  @Prop() headerTargetId: string | null = null;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when the envelope is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n   */\n  @Event({composed: true}) envelopeUpdated: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string}>;\n\n  /**\n   * Event fired when the user clicks Send Another to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) another: EventEmitter;\n\n  /**\n   * Event fired when the user clicks Send Another to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) view: EventEmitter;\n\n  /**\n   * Event fired when the user clicks Done to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) next: EventEmitter;\n  @State() canceling = false;\n  @State() showCancelDone = false;\n  @State() showLoadError = false;\n\n  @State() loading = true;\n  @State() envelope: IEnvelope | null = null;\n  @State() zoomLevel: 'normal' | 'zoom1' | 'zoom2' = 'normal';\n  @State() showDownloadDialog = false;\n  @State() polling = false;\n\n  private pollingInterval: any = null;\n\n  async componentWillLoad() {\n    this.updateZoomFromWindow();\n    window.addEventListener('resize', () => this.updateZoomFromWindow());\n    if (!this.endpoint) {\n      this.endpoint = VerdocsEndpoint.getDefault();\n      this.endpoint.loadSession();\n    }\n\n    if (!this.envelopeId) {\n      console.error(`[VIEW] Missing required envelopeId`);\n      return;\n    }\n\n    await this.listenToEnvelope();\n\n    if (!this.envelope) {\n      try {\n        console.log('[VIEW] Loading envelope...');\n        this.envelope = await getEnvelope(this.endpoint, this.envelopeId);\n        console.log('[VIEW] Loaded envelope', this.envelope);\n      } catch (e) {\n        this.showLoadError = true;\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      }\n    }\n  }\n\n  componentDidRender() {\n    const headerTarget = this.headerTargetId ? document.getElementById(this.headerTargetId) : null;\n    const headerEl = document.getElementById('verdocs-view-header');\n    if (headerTarget && headerEl) {\n      console.log('[VIEW] Moving header');\n      headerEl.remove();\n      headerTarget.append(headerEl);\n    }\n  }\n\n  disconnectedCallback() {\n    this.stopPolling();\n    this.unlistenToEnvelope();\n    window.removeEventListener('resize', () => this.updateZoomFromWindow());\n  }\n\n  updateZoomFromWindow() {\n    const width = window.innerWidth;\n    if (width < 768) {\n      if (this.zoomLevel !== 'zoom2') this.zoomLevel = 'zoom2';\n    } else if (width < 1024) {\n      if (this.zoomLevel !== 'zoom1') this.zoomLevel = 'zoom1';\n    } else {\n      if (this.zoomLevel !== 'normal') this.zoomLevel = 'normal';\n    }\n  }\n\n  async listenToEnvelope() {\n    console.log('[VIEW] Loading envelope', this.envelopeId);\n    this.unlistenToEnvelope();\n    Store.subscribe(\n      'envelopes',\n      this.envelopeId,\n      () => getEnvelope(this.endpoint, this.envelopeId),\n      true,\n      (envelope: IEnvelope) => {\n        this.envelope = envelope;\n        this.loading = false;\n      },\n    );\n  }\n\n  unlistenToEnvelope() {\n    if (this.envelopeListenerId) {\n      Store.store.delListener(this.envelopeListenerId);\n      this.envelopeListenerId = null;\n    }\n  }\n\n  handlePageRendered(_e: any) {\n    // const pageInfo = e.detail as IDocumentPageInfo;\n    // console.log('[VIEW] Page rendered', pageInfo);\n  }\n\n  async handleOptionSelected(e: any) {\n    switch (e.detail.id) {\n      case 'cancel':\n        // TODO: Better option for inline-flow confirmation and alert dialogs.\n        if (confirm('Are you sure you wish to cancel this envelope? This action cannot be undone.')) {\n          this.canceling = true;\n          cancelEnvelope(this.endpoint, this.envelopeId)\n            .then(r => {\n              this.canceling = false;\n              console.log('[VIEW] Envelope canceled', r);\n              return getEnvelope(this.endpoint, this.envelopeId);\n            })\n            .then(env => {\n              console.log('[VIEW] Loaded new envelope details', env);\n              this.envelope = env;\n            })\n            .catch(e => {\n              this.canceling = false;\n              console.log('[VIEW] Error canceling envelope', e);\n              this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n            });\n          this.showCancelDone = true;\n          this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'canceled'});\n        }\n        break;\n\n      case 'print':\n        window.print();\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'printed'});\n        break;\n\n      case 'download':\n        this.showDownloadDialog = true;\n        this.startPolling();\n        break;\n\n      case 'download-attachments':\n        // TODO: Multiple document support\n        try {\n          const firstDoc = this.envelope.documents.find(doc => doc.type === 'attachment');\n          if (firstDoc) {\n            const url = await getEnvelopeDocumentDownloadLink(this.endpoint, firstDoc.id);\n            window.open(url, '_blank');\n          }\n        } catch (e) {\n          console.log('Unable to download document', e);\n          VerdocsToast(e.response?.data?.error || 'Unable to download document. Please try again later.', {style: 'error'});\n        }\n        break;\n\n      case 'download-certificate':\n        // TODO: Multiple certificate support\n        {\n          const firstCert = this.envelope.documents.find(doc => doc.type === 'certificate');\n          if (firstCert) {\n            const url = await getEnvelopeDocumentDownloadLink(this.endpoint, firstCert.id);\n            window.open(url, '_blank');\n          }\n        }\n        break;\n\n      case 'download-all':\n        getEnvelopesZip(this.endpoint, [this.envelope.id])\n          .then(() => {\n            this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'downloaded'});\n          })\n          .catch(e => {\n            console.log('Error downloading Zip', e);\n          });\n        break;\n    }\n  }\n\n  startPolling() {\n    this.stopPolling();\n\n    const checkPollingConditions = () => {\n      // NOTE: Polling logic for finalizing envelope\n      const isSigned = this.envelope?.status === 'complete' || !!this.envelope?.signed;\n      const hasCertificate = this.envelope?.documents?.some(d => d.type === 'certificate');\n      const allRecipientsSubmitted = this.envelope?.recipients?.every(r => r.status === 'submitted');\n\n      if (isSigned && hasCertificate) return false;\n      if (!allRecipientsSubmitted) return false;\n\n      return true;\n    };\n\n    if (!checkPollingConditions()) {\n      return;\n    }\n\n    this.polling = true;\n    this.pollingInterval = setInterval(async () => {\n      try {\n        const envelope = await getEnvelope(this.endpoint, this.envelopeId);\n        this.envelope = envelope;\n        Store.updateEnvelope(this.envelopeId, envelope);\n\n        if (!checkPollingConditions()) {\n          this.stopPolling();\n        }\n      } catch (e) {\n        console.error('[VIEW] Polling error', e);\n        this.stopPolling();\n      }\n    }, 5000);\n  }\n\n  stopPolling() {\n    if (this.pollingInterval) {\n      clearInterval(this.pollingInterval);\n      this.pollingInterval = null;\n    }\n    this.polling = false;\n  }\n\n  handleZoomIn() {\n    if (this.zoomLevel === 'normal') {\n      this.zoomLevel = 'zoom1';\n    } else if (this.zoomLevel === 'zoom1') {\n      this.zoomLevel = 'zoom2';\n    }\n  }\n\n  handleZoomOut() {\n    if (this.zoomLevel === 'zoom1') {\n      this.zoomLevel = 'normal';\n    } else if (this.zoomLevel === 'zoom2') {\n      this.zoomLevel = 'zoom1';\n    }\n  }\n\n  async handleDownloadDocuments(e: VerdocsDownloadDialogCustomEvent<IDownloadEvent>) {\n    const {action, documentId} = e.detail;\n    console.log('[VIEW] Download action selected:', action, documentId);\n\n    try {\n      switch (action) {\n        case DownloadAction.certificate:\n          const cert = this.envelope.documents.find(d => d.type === 'certificate');\n          if (!cert) {\n            VerdocsToast('Certificate not yet available.', {style: 'info'});\n            break;\n          }\n\n          const certificateUrl = await getEnvelopeDocumentDownloadLink(this.endpoint, cert.id);\n          window.open(certificateUrl, '_blank');\n          break;\n        case DownloadAction.combined:\n          // The certificate & combined doc use the same envelopeDocument.id in their filename.\n          const combinedDocumentId = documentId || this.envelope.documents.find(doc => doc.type === 'certificate')?.id;\n          const combinedDocumentUrl = await getCombinedEnvelopeDocumentDownloadLink(this.endpoint, combinedDocumentId);\n          window.open(combinedDocumentUrl, '_blank');\n          break;\n        case DownloadAction.document:\n          const targetDocId = documentId || this.envelope.documents.find(d => d.type === 'attachment')?.id;\n          if (!targetDocId) break;\n\n          const documentUrl = await getEnvelopeDocumentDownloadLink(this.endpoint, targetDocId);\n          window.open(documentUrl, '_blank');\n          break;\n        case DownloadAction.zip:\n          const blob = await getEnvelopesZip(this.endpoint, [this.envelopeId]);\n          const url = window.URL.createObjectURL(blob.data);\n          const a = document.createElement('a');\n          a.href = url;\n          a.download = `${this.envelope.name}.zip`;\n          document.body.appendChild(a);\n          a.click();\n          a.remove();\n          window.URL.revokeObjectURL(url);\n          break;\n        default:\n          break;\n      }\n    } catch (err) {\n      console.error('Download error', err);\n      VerdocsToast('Unable to complete download request.', {style: 'error'});\n    }\n  }\n\n  render() {\n    if (this.loading) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    if (this.showLoadError) {\n      return (\n        <Host>\n          <verdocs-ok-dialog\n            heading=\"Unable to View Envelope\"\n            message={`Sorry, that envelope is not valid.`}\n            buttonLabel=\"OK\"\n            onNext={() => {\n              this.showLoadError = false;\n            }}\n          />\n        </Host>\n      );\n    }\n\n    if (!this.envelope) {\n      return (\n        <Host>\n          <img\n            src=\"https://public-assets.verdocs.com/loading-placeholder.png\"\n            style={{width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px'}}\n            alt=\"Placeholder page\"\n          />\n        </Host>\n      );\n    }\n\n    /**\n     * Conditions for showing footer:\n     * 1.) The session user must be an envelope's recipient.\n     * 2.) The envelope's status does NOT matter.\n     */\n    const showFooter = getMyRecipient(this.endpoint.session, this.envelope);\n\n    return (\n      <Host>\n        <div class=\"controls-toolbar\" id=\"verdocs-view-header\">\n          <div class=\"left-controls\">\n            <div class=\"title\">{this.envelope.name}</div>\n          </div>\n          <div class=\"center-controls\">{/* Pagination controls hidden for now */}</div>\n          <div class=\"right-controls\">\n            <div class={{'icon-button': true, 'minus': true, 'disabled': this.zoomLevel === 'normal'}} innerHTML={ToolbarMinusIcon} onClick={() => this.handleZoomOut()} />\n            <div class={{'icon-button': true, 'plus': true, 'disabled': this.zoomLevel === 'zoom2'}} innerHTML={ToolbarPlusIcon} onClick={() => this.handleZoomIn()} />\n            <div class=\"icon-button download\" innerHTML={ToolbarDownloadIcon} onClick={() => this.handleOptionSelected({detail: {id: 'download'}})} />\n            <div class=\"icon-button print\" innerHTML={ToolbarPrintIcon} onClick={() => this.handleOptionSelected({detail: {id: 'print'}})} />\n          </div>\n        </div>\n\n        <div class={`document signed-document-container zoom-${this.zoomLevel}`} style={{paddingTop: this.headerTargetId ? '70px' : '15px'}}>\n          {(this.envelope?.documents || [])\n            .filter(document => document.type !== 'certificate')\n            .map(envelopeDocument => {\n              const pageNumbers = integerSequence(1, envelopeDocument.pages);\n\n              return (\n                <Fragment>\n                  {pageNumbers.map(pageNumber => {\n                    const pageSize = envelopeDocument.page_sizes?.[pageNumber] || {width: 612, height: 792};\n\n                    return (\n                      <verdocs-envelope-document-page\n                        envelopeId={this.envelopeId}\n                        documentId={envelopeDocument.id}\n                        endpoint={this.endpoint}\n                        type=\"filled\"\n                        virtualWidth={pageSize.width}\n                        virtualHeight={pageSize.height}\n                        pageNumber={pageNumber}\n                        onPageRendered={e => this.handlePageRendered(e)}\n                        layers={[\n                          {name: 'page', type: 'canvas'},\n                          {name: 'controls', type: 'div'},\n                        ]}\n                      />\n                    );\n                  })}\n                </Fragment>\n              );\n            })}\n        </div>\n\n        {this.showCancelDone && (\n          <verdocs-ok-dialog\n            heading=\"Cancelled\"\n            message={`This envelope has been cancelled successfully.`}\n            onNext={() => {\n              this.showCancelDone = false;\n            }}\n          />\n        )}\n\n        {this.canceling && (\n          <div class=\"loading-indicator\">\n            <verdocs-loader />\n          </div>\n        )}\n\n        {this.showDownloadDialog && (\n          <verdocs-download-dialog\n            signed={this.envelope.status === 'complete' || this.envelope.signed}\n            polling={this.polling}\n            documents={this.envelope.documents}\n            onExit={() => {\n              this.showDownloadDialog = false;\n              this.stopPolling();\n            }}\n            onDownload={e => this.handleDownloadDocuments(e)}\n          />\n        )}\n\n        {!!showFooter && (\n          <verdocs-sign-footer endpoint={this.endpoint} envelopeId={this.envelopeId} isDone={true} onAskQuestion={() => {}} onDecline={() => {}} onFinishLater={() => {}} />\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/envelopes/verdocs-envelope-document-page/verdocs-envelope-document-page.js

@@ -106,7 +106,7 @@ export class VerdocsEnvelopeDocumentPage {
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (h(Host, { key: '7ed2187dfb4ef248411d777ad2837ba18a85ec45', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
+        return (h(Host, { key: '633b71e22df815319ad854618b74b035a6e43603', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
                 // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that
                 // useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).
                 // Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values

package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.js

@@ -222,18 +222,18 @@ export class VerdocsEnvelopesList {
         });
     }
     render() {
-        return (h(Host, { key: '670d91a559776494b57004fc08016e789469a1c7' }, h("div", { key: 'be4836499937e06836195f6101a3583cd9f197c0', class: "header" }, h("div", { key: '35e6eda21ffd20a5201577dd16150881e4564902', class: "filter" }, h("verdocs-text-input", { key: '0720e5c8c93c45ca309d3d0bc30863bde154c60f', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
+        return (h(Host, { key: '611433a9feffcaca1874a94fce731f4d2898401f' }, h("div", { key: 'eb108133035825176f5b6013737ad80d54d7c8f3', class: "header" }, h("div", { key: '49162b67701c65cb8fadd468110b9feacc92f9d8', class: "filter" }, h("verdocs-text-input", { key: '2e24ffdd068714d876f4df52db13c79ecf94bc91', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
                 var _a;
                 // We don't locally filter envelopes because there are too many fields to match against efficiently.
                 this.match = e.target.value.trim();
                 (_a = this.changeMatch) === null || _a === void 0 ? void 0 : _a.emit(this.match);
-            } })), h("verdocs-quick-filter", { key: '365c5b3a488525b76164521da851a9113e36bb40', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: '901a8fa8232ae5b916ab89ae3e6858282e8ecb66', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
                 this.view = e.detail.value;
-            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: '9823ac419c1e7229e51323628c77e9ef9c7d78db', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
+            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: 'a096a0f1cb7e5e670d222e37beaa2c7f88c75bea', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
                 this.status = e.detail.value;
-            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: 'f49ba86610fc8812d458c5c86479956dea52e03c', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '0d9ea48f80aa50db5e0cf01dbafcd8165a69aed6', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
                 this.sort = e.detail.value;
-            } })), this.loading && h("verdocs-spinner", { key: 'a88edd64d6927db773914471f4efebd349218bcd', mode: "dark", size: 24 }), h("div", { key: 'fb72473467e8e81aa79ce5dd9b4144d1ea52f230', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: '49beca7f63347b970fe41552886856e47c1c8cb0', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
+            } })), this.loading && h("verdocs-spinner", { key: 'd1ae1ff162a87e65203b34b58aef048d4b4dedd3', mode: "dark", size: 24 }), h("div", { key: 'f5130409e9986a6f9b064712be38f710e9ce20ec', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: 'f6be39ddf8ce0cfdb2f545df8c099b25068c1218', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
             var _a;
             const recipientsWithActions = getRecipientsWithActions(envelope);
             const userCanCancel = userCanCancelEnvelope(this.endpoint.profile, envelope);
@@ -274,7 +274,7 @@ export class VerdocsEnvelopesList {
                             break;
                     }
                 } }))));
-        }), !this.initiallyLoaded && (h("div", { key: '6f6c42bf8500f88e062bce7f43b241523d2e9cfe', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: 'eea9bc23011bb03621c74dba0fc7c8794c176012', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+        }), !this.initiallyLoaded && (h("div", { key: '7a33fbdb5c41a07c341cda66c2b4a4468814f8b6', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: '4413485f67724c33e109b625cb24e8d820a2926c', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
                 this.selectedPage = e.detail.selectedPage;
             } }))) : (h("div", null))));
     }

package/dist/collection/components/envelopes/verdocs-sign-footer/verdocs-sign-footer.js

@@ -140,7 +140,7 @@ export class VerdocsSignFooter {
         const hasPoweredBy = !!((_b = (_a = this.envelope) === null || _a === void 0 ? void 0 : _a.organization) === null || _b === void 0 ? void 0 : _b.powered_by_label);
         const hasLinks = !!((_d = (_c = this.envelope) === null || _c === void 0 ? void 0 : _c.organization) === null || _d === void 0 ? void 0 : _d.terms_use_url) || !!((_f = (_e = this.envelope) === null || _e === void 0 ? void 0 : _e.organization) === null || _f === void 0 ? void 0 : _f.privacy_policy_url);
         const hasButtons = !this.isDone;
-        return (h(Host, { key: '2016c55a9196cb3ec96678038df0db7daa21b64d', class: { 'has-buttons': hasButtons, 'no-buttons': !hasButtons, 'has-powered-by': hasPoweredBy, 'has-links': hasLinks, 'just-buttons': !hasPoweredBy && !hasLinks } }, ((_h = (_g = this.envelope) === null || _g === void 0 ? void 0 : _g.organization) === null || _h === void 0 ? void 0 : _h.powered_by_label) && (h("div", { key: '47d03008c756feb7d7d4ba55d3f7ebd14c46634f', class: "powered-by" }, ((_k = (_j = this.envelope) === null || _j === void 0 ? void 0 : _j.organization) === null || _k === void 0 ? void 0 : _k.powered_by_url) ? (h("a", { href: (_m = (_l = this.envelope) === null || _l === void 0 ? void 0 : _l.organization) === null || _m === void 0 ? void 0 : _m.powered_by_url, target: "_blank", rel: "noopener noreferrer" }, h("span", null, (_p = (_o = this.envelope) === null || _o === void 0 ? void 0 : _o.organization) === null || _p === void 0 ? void 0 : _p.powered_by_label))) : (h("span", null, (_r = (_q = this.envelope) === null || _q === void 0 ? void 0 : _q.organization) === null || _r === void 0 ? void 0 : _r.powered_by_label)))), !this.isDone && (h("div", { key: 'ec4243adcc09cd5ec12a91d0eb5164a05e1a15d0', class: "buttons" }, h("button", { key: '6783fd9a0a9c9b36d476291f2e7f8dd63c8fa66b', onClick: () => (this.askingQuestion = true) }, h("span", { key: '28d3a5b206498f12c4e18f64f00f7a75963172f7', innerHTML: QuestionIcon }), "Ask Sender a Question"), h("button", { key: '69509c288e80a550705880b66abb01bbc12b7a61', onClick: () => { var _a; return (_a = this.decline) === null || _a === void 0 ? void 0 : _a.emit(); } }, h("span", { key: '7bad75a4ff16fd23168045626cb579e78db9851d', innerHTML: DeclineIcon }), "Decline Signing"), h("button", { key: 'd5a61e976c924b04905f90117a3ffcb61a750a68', onClick: () => { var _a; return (_a = this.finishLater) === null || _a === void 0 ? void 0 : _a.emit(); } }, h("span", { key: '7ba6413299135e1731048ae3368df0ff5640a750', innerHTML: SaveIcon }), "Finish Later"))), h("div", { key: '1e77fd76a189e1dfdc60ef8d60b79fba5905ae22', class: "links" }, ((_t = (_s = this.envelope) === null || _s === void 0 ? void 0 : _s.organization) === null || _t === void 0 ? void 0 : _t.terms_use_url) && (h("a", { key: '57f9055f96d0a4bc6d0b2881a035156d1a3e1df2', href: (_v = (_u = this.envelope) === null || _u === void 0 ? void 0 : _u.organization) === null || _v === void 0 ? void 0 : _v.terms_use_url, target: "_blank", rel: "noopener noreferrer" }, h("span", { key: '8f07d35eff0a44bf56a3557c269830fe789573ec' }, "Terms of Use"))), ((_x = (_w = this.envelope) === null || _w === void 0 ? void 0 : _w.organization) === null || _x === void 0 ? void 0 : _x.privacy_policy_url) && (h("a", { key: '89c5bbbc7d7a0c16cbe1b2116842696e357afaa0', href: (_z = (_y = this.envelope) === null || _y === void 0 ? void 0 : _y.organization) === null || _z === void 0 ? void 0 : _z.privacy_policy_url, target: "_blank", rel: "noopener noreferrer" }, h("span", { key: 'bdf20919570db98342527b912aca3508f952c3d0' }, "Privacy Policy")))), this.askingQuestion && (h("verdocs-question-dialog", { key: '925d2470a33d987ec5ede9b6ab39125a00115309', onNext: e => {
+        return (h(Host, { key: '1fc747454660d14e69a4a65cbf71cd81f010d9c3', class: { 'has-buttons': hasButtons, 'no-buttons': !hasButtons, 'has-powered-by': hasPoweredBy, 'has-links': hasLinks, 'just-buttons': !hasPoweredBy && !hasLinks } }, ((_h = (_g = this.envelope) === null || _g === void 0 ? void 0 : _g.organization) === null || _h === void 0 ? void 0 : _h.powered_by_label) && (h("div", { key: 'f8cae910df0d2c759af9ee2200aef58b80bb3f37', class: "powered-by" }, ((_k = (_j = this.envelope) === null || _j === void 0 ? void 0 : _j.organization) === null || _k === void 0 ? void 0 : _k.powered_by_url) ? (h("a", { href: (_m = (_l = this.envelope) === null || _l === void 0 ? void 0 : _l.organization) === null || _m === void 0 ? void 0 : _m.powered_by_url, target: "_blank", rel: "noopener noreferrer" }, h("span", null, (_p = (_o = this.envelope) === null || _o === void 0 ? void 0 : _o.organization) === null || _p === void 0 ? void 0 : _p.powered_by_label))) : (h("span", null, (_r = (_q = this.envelope) === null || _q === void 0 ? void 0 : _q.organization) === null || _r === void 0 ? void 0 : _r.powered_by_label)))), !this.isDone && (h("div", { key: '06bd0f346de34e567cfa2e2e5ae8bf06a8b6a1d9', class: "buttons" }, h("button", { key: 'bee3e5c2aad8cc60c9b291b14bba2e5eb1ee9c32', onClick: () => (this.askingQuestion = true) }, h("span", { key: 'f42932689a3330a72b61e853d389eac39b2362a3', innerHTML: QuestionIcon }), "Ask Sender a Question"), h("button", { key: '7012513a564bfc6d5a416467843d1056ad5427c8', onClick: () => { var _a; return (_a = this.decline) === null || _a === void 0 ? void 0 : _a.emit(); } }, h("span", { key: '7e0506798239ec5935d2c98e577e482744e3aa1f', innerHTML: DeclineIcon }), "Decline Signing"), h("button", { key: '3b3765e04da3d7f0749f2cbc24d84f2a3b6edb47', onClick: () => { var _a; return (_a = this.finishLater) === null || _a === void 0 ? void 0 : _a.emit(); } }, h("span", { key: '0511b44dc272d16fdd2d2d6098f603f651c9bc50', innerHTML: SaveIcon }), "Finish Later"))), h("div", { key: 'cbea53ab6d84e268e1750bb0fec9f846040bd4ad', class: "links" }, ((_t = (_s = this.envelope) === null || _s === void 0 ? void 0 : _s.organization) === null || _t === void 0 ? void 0 : _t.terms_use_url) && (h("a", { key: '45628f09eaf2105226ab8b906e20e787de1e28ff', href: (_v = (_u = this.envelope) === null || _u === void 0 ? void 0 : _u.organization) === null || _v === void 0 ? void 0 : _v.terms_use_url, target: "_blank", rel: "noopener noreferrer" }, h("span", { key: '08dc74860f84fb34c64a21c5409571998e5ce217' }, "Terms of Use"))), ((_x = (_w = this.envelope) === null || _w === void 0 ? void 0 : _w.organization) === null || _x === void 0 ? void 0 : _x.privacy_policy_url) && (h("a", { key: 'c3cc1fb07f7de02108762611c5b69206218e4b59', href: (_z = (_y = this.envelope) === null || _y === void 0 ? void 0 : _y.organization) === null || _z === void 0 ? void 0 : _z.privacy_policy_url, target: "_blank", rel: "noopener noreferrer" }, h("span", { key: 'c4bc436c7f7213bc0af61859ef27d8c41e331884' }, "Privacy Policy")))), this.askingQuestion && (h("verdocs-question-dialog", { key: '93380ca89c21673f72c53e4d4f941b7d35c0079e', onNext: e => {
                 var _a;
                 (_a = this.askQuestion) === null || _a === void 0 ? void 0 : _a.emit({ question: e.detail.question });
                 this.askingQuestion = false;

package/dist/collection/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.js

@@ -241,11 +241,11 @@ export class VerdocsStatusIndicator {
         }
         const icon = this.getStatusIcon(status);
         const statusMessage = this.getStatusMessage(status);
-        return (h(Host, { key: 'c75eb6d1ef07ea140e1d47b2c0256369d1c348ee', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
+        return (h(Host, { key: '172c95843f93a9e2ee4c150c07cf5fd7dcc52938', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
                 e.stopPropagation();
                 e.preventDefault();
                 this.envelope && this.toggleDropdown();
-            }, onBlur: e => this.envelope && this.handleHideDropdown(e) }, h("span", { key: '1514fd1edc5c67acbf97d0d1c9878fbbde9db679', class: "icon", innerHTML: icon }), h("span", { key: 'd52f5c127336f8f523e6dbb39f70c3cf7a82a139', class: "content" }, statusMessage), h("div", { key: 'e389fd1bc5b4f859dbe9742321808aedc6feb998', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: 'f040c631c492b34e987a1bd83f6044a4841edf37', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
+            }, onBlur: e => this.envelope && this.handleHideDropdown(e) }, h("span", { key: '9c2a18075e55e1cb609fe2a45e906e5996031bda', class: "icon", innerHTML: icon }), h("span", { key: '004751c32ac6eb008b552a5200930f4b57bc256f', class: "content" }, statusMessage), h("div", { key: 'af1e2f19a5e15a76c27c93a5e416f741bc59928e', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: 'ac8c928fe02108b6e0d36ba78590498e1e435245', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
     }
     static get is() { return "verdocs-status-indicator"; }
     static get originalStyleUrls() {

package/dist/collection/components/templates/verdocs-template-card/verdocs-template-card.js

@@ -9,7 +9,7 @@ const StarIcon = `<svg width="31" height="29" viewBox="0 0 31 29" fill="none" xm
 export class VerdocsTemplateCard {
     render() {
         var _a, _b, _c, _d;
-        return (h(Host, { key: '8b8f4d8b00825a1a5f1327bf1d46e3255e8c73ba' }, h("span", { key: '5f99cda727a87877823769258fe735a9b38d8c88', class: "name" }, this.template.name), h("span", { key: '42b4d6bc24de99d8078f4286ebdd3862af515c44', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), h("hr", { key: '09fc0ff8bb440c2af9faf656944244ceaa827262' }), h("div", { key: 'd3ab6de79d5a7387d0accb3535f7b8782abe3ffc', class: "controls" }, h("div", { key: '69686d924853c201d4acf70618d2a884e4b851a3', class: "control" }, h("span", { key: '4a3100c87184caa170dbf268423f9cfdfd463941', class: "icon", innerHTML: StarIcon }), h("span", { key: '29e932d9dbebf2c413c799971163327059b9fce3', class: "value" }, this.template.star_counter)), h("div", { key: 'd573573b578b6a9dea7ae7e4e7a4b4a144933dc1', class: "control secondary" }, h("span", { key: '31ef25148487942abeb8de89431c1cbab6590b3d', class: "icon", innerHTML: PagesIcon }), h("span", { key: '48158eb2609f3e0e6facab5ac0c1df28db4f29f9', class: "value" }, ((_d = (_c = (_b = this.template) === null || _b === void 0 ? void 0 : _b.documents) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.pages) || 1)), h("div", { key: '37393c42abe2f47b6d65af8425cd3cc4d82feb8a', class: "control secondary" }, h("span", { key: 'f168c1d151fb0d47b52949fa47ec9ce558bcb6bb', class: "icon", innerHTML: EmailIcon }), h("span", { key: '3f0d45b641a8d9017df30a14fd268a228e830145', class: "value" }, this.template.counter)), h("span", { key: 'b98d07d7ebce844169fda75145f03e1107e0de8e', class: "additional-controls", innerHTML: ActionsIcon }))));
+        return (h(Host, { key: '7884bd4dfaf70cc312256386c0f8a90651401df8' }, h("span", { key: '4c3183500b6efcbb73a5917c56623c62503555b5', class: "name" }, this.template.name), h("span", { key: 'ca3bd706769d72fbb25a5e8ae19ed25ef7592521', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), h("hr", { key: '33a2eeba3fceaf813d7f04c9a6fd357d9c41f177' }), h("div", { key: 'c2814d0d907084ea15dad6b6c25fa0ef85e35561', class: "controls" }, h("div", { key: '118f420140acf1fcea907e9c01685d0831675aa5', class: "control" }, h("span", { key: 'db28ba367924647678ebf34e832bbffbb28fc8e8', class: "icon", innerHTML: StarIcon }), h("span", { key: '3ef06b3d596c44e91cb40cf62ed7d84ffb1f957e', class: "value" }, this.template.star_counter)), h("div", { key: '90d9f95e9006ad113e81e7126bb0f34328086627', class: "control secondary" }, h("span", { key: '7ef5e850922cf0d1344e0a9409e21ca6c5099af1', class: "icon", innerHTML: PagesIcon }), h("span", { key: 'e3da96d537734cbaac9c44a558f1c7f3d2f844de', class: "value" }, ((_d = (_c = (_b = this.template) === null || _b === void 0 ? void 0 : _b.documents) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.pages) || 1)), h("div", { key: '0f0f7943033830845e2af8ae52198b6a564ff8ee', class: "control secondary" }, h("span", { key: '7f7227c12666555fdc1c99584a99e0e980779954', class: "icon", innerHTML: EmailIcon }), h("span", { key: 'c5fd8dfdf7dd4a5c52709c9d7d53788414f24be1', class: "value" }, this.template.counter)), h("span", { key: 'd96d0dfcb9730d5eab719a3d6b0e1b538719de6d', class: "additional-controls", innerHTML: ActionsIcon }))));
     }
     static get is() { return "verdocs-template-card"; }
     static get originalStyleUrls() {

package/dist/collection/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.js

@@ -151,31 +151,31 @@ export class VerdocsTemplateRoleProperties {
         const hasFields = (((_a = this.template) === null || _a === void 0 ? void 0 : _a.fields) || []).some(field => field.role_name === this.roleName);
         // Either all three should be empty, or all three need to be filled
         const isValid = (!this.email && !this.first_name && !this.last_name) || (isValidEmail(this.email) && !!this.first_name && !!this.last_name);
-        return (h(Host, { key: 'ffbdcf7c23ed14bf001bf85dd969fee3e4018abf' }, h("form", { key: '10ee145cbd8b2d1035cbafe86a88c5e4e93b211f', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '476268ed74137b49dc4a22159e7df0991e9644a8' }, h("verdocs-text-input", { key: 'dfacfb292a4bc93422f1d28166a8853d30736a71', id: "verdocs-role-name", label: "Role Name (Must be unique)", value: this.name, autocomplete: "off", disabled: hasFields, placeholder: "Role Name...", onInput: (e) => {
+        return (h(Host, { key: '14d2d9bb4253201a9cb659c6637960194dc7d134' }, h("form", { key: '09d0a10f48c8f4ca3f6b679d09c3c71ea0c0cdb9', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: 'b65e74e82bb7689d706ba0e56521d04fe01ae057' }, h("verdocs-text-input", { key: 'c7e3da4d57b096f71a4c5e49948ee0a4e0594e0c', id: "verdocs-role-name", label: "Role Name (Must be unique)", value: this.name, autocomplete: "off", disabled: hasFields, placeholder: "Role Name...", onInput: (e) => {
                 this.name = e.target.value;
                 this.dirty = true;
-            } }), hasFields && h("div", { key: 'bcc8c63bb93ce9b81dd9b8282db9b8cd28f764b6', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), h("div", { key: 'edd762e1f0b0c50bb9752da44195a8fd37ad46b8' }, h("div", { key: 'f7cbb564016a693ed8d59da0e3b06d3f2e3013a3', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: 'eca486e7960b077234e5a8867f972511c4a429b6', value: this.type, options: [
+            } }), hasFields && h("div", { key: '9a80102f0a04118069c2865c9295e5da3914b381', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), h("div", { key: '93ca24cfbc2b1f8e729c30a0726b14091695ba92' }, h("div", { key: '0b5eeeab4aad7e1659581eb8c17e14012d79b5e6', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: '883b1456bad033a17023559a210f61efc17cb1ab', value: this.type, options: [
                 { label: 'Signer', value: 'signer' },
                 { label: 'CC', value: 'cc' },
                 { label: 'Approver', value: 'approver' },
             ], onInput: (e) => {
                 this.type = e.target.value;
                 this.dirty = true;
-            } })), h("div", { key: 'd45d4354a061453e85e993be8e6b57da104c0ad5' }, h("div", { key: '7b1afb527741ca786eb546bec5071078d1504433', class: "input-label" }, "Default Contact Info:"), h("div", { key: '6de4c8b89c7b11ea5f8ae89ff69212472375e4ac', class: "first-last" }, h("verdocs-text-input", { key: '8a591cc37cf7d9c2e5a211640a36a876a794590f', id: "verdocs-recipient-first", value: this.first_name, autocomplete: "off", placeholder: "First...", onInput: (e) => {
+            } })), h("div", { key: 'fec29a6add9ab2a60e4deb29ee77c851973e0517' }, h("div", { key: 'a18a7d1edfb673e382d76d04d833f3daf28ca26f', class: "input-label" }, "Default Contact Info:"), h("div", { key: '1206cab495d52ab12428dbc346126df3a2aa9c1a', class: "first-last" }, h("verdocs-text-input", { key: 'aa4433e84dee223043c49235c8e9feb7569707e9', id: "verdocs-recipient-first", value: this.first_name, autocomplete: "off", placeholder: "First...", onInput: (e) => {
                 this.first_name = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: 'de8ee6a8802ff5443f93d1a017609bbabb745f13', id: "verdocs-recipient-first", value: this.last_name, autocomplete: "off", placeholder: "Last...", onInput: (e) => {
+            } }), h("verdocs-text-input", { key: 'b8c1069666a4674faff0c1b72bc988cf3ed3ca9b', id: "verdocs-recipient-first", value: this.last_name, autocomplete: "off", placeholder: "Last...", onInput: (e) => {
                 this.last_name = e.target.value;
                 this.dirty = true;
-            } }))), h("div", { key: '1a7ac3d8fab0e28d031d4bafe892fadc1ab76ac4' }, h("verdocs-text-input", { key: 'e11e543134ad024362e4f39f026c132e90c4ad9a', id: "verdocs-recipient-email", value: this.email, autocomplete: "off", placeholder: "Email Address...", onInput: (e) => {
+            } }))), h("div", { key: '5ea9ada6f0dac2a52b78946275603e2c99887666' }, h("verdocs-text-input", { key: '767135ec9d13ae00e6c1d259a6d53fbf85caeedd', id: "verdocs-recipient-email", value: this.email, autocomplete: "off", placeholder: "Email Address...", onInput: (e) => {
                 this.email = e.target.value;
                 this.dirty = true;
-            } }), h("div", { key: '04a394d1e1f9d377da12ea565119a0d5cd68a627', style: { height: '15px' } }), h("div", { key: '1ff2ead2361795d3ec3e6361715d30e779fae4b8' }, h("verdocs-text-input", { key: '3c0d4de18bb9fd6da3ba02d70a66dfcd2306af7f', id: "verdocs-recipient-phone", value: this.phone, autocomplete: "off",
+            } }), h("div", { key: '0c4ffc5553a054ae331bcbf48a7b702d0fd5a81e', style: { height: '15px' } }), h("div", { key: '17815735c29adc551f65a7f29d1a791c9260edfc' }, h("verdocs-text-input", { key: '0d41ae8e9cda72d881791df7d63f89f25d08da5e', id: "verdocs-recipient-phone", value: this.phone, autocomplete: "off",
             // helpText="The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template."
             placeholder: "Phone Number...", onInput: (e) => {
                 this.phone = e.target.value;
                 this.dirty = true;
-            } }))), h("div", { key: 'a6c73356acbe10339d53f24a956205b914f386aa', class: "buttons" }, h("button", { key: '034614017ee9e5b0acdafa1a2950c3cd44328517', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: '5febc5c4fbbe44afbe1f6a1fe23586efdd5bf3df', style: { flex: '1' } }), h("verdocs-button", { key: '895635dd85f706e87bc14dde3224894f11af9029', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))));
+            } }))), h("div", { key: 'be29c3c856e62cab357391146485230461e6c5c9', class: "buttons" }, h("button", { key: 'a714765b9f8f524a0c6573653b6ba6a59661b4d2', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: 'aae4bf7f4fa5fc685ace057a2312461a7cf993f3', style: { flex: '1' } }), h("verdocs-button", { key: '027aa0723fc32b4713e7a9cb33e6a1b7d4b5ab18', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))));
     }
     static get is() { return "verdocs-template-role-properties"; }
     static get originalStyleUrls() {

package/dist/collection/components/templates/verdocs-template-star/verdocs-template-star.js

@@ -40,7 +40,7 @@ export class VerdocsTemplateStar {
         });
     }
     render() {
-        return (h(Host, { key: '11f23b3f7dc779128e3ce967619491255d2f46e5' }, h("div", { key: 'a8b0281d77522a51cc5ed57e752327b79749986d', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: 'ca4e6ed0e494f0255cce552150ac17008f76ae3e', class: "count" }, this.template.star_counter || '--')));
+        return (h(Host, { key: 'c60505c6215779f063eaa7896dc2c0278d78e877' }, h("div", { key: 'cd1c9b41b3ac03fe72333d4244729f55b42ef33d', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: '0e7ecdeb2646424f052152b7c7bb16543ff260d3', class: "count" }, this.template.star_counter || '--')));
     }
     static get is() { return "verdocs-template-star"; }
     static get originalStyleUrls() {

package/dist/collection/components/templates/verdocs-template-tags/verdocs-template-tags.js

@@ -5,7 +5,7 @@ import { h, Host } from "@stencil/core";
 export class VerdocsTemplateTags {
     render() {
         var _a;
-        return (h(Host, { key: 'f09b3e75d1cb0d91a03948b521605211e83c5707' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
+        return (h(Host, { key: '5b78e032e2db6c5b3f2c83e286ade7064d695500' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
     }
     static get is() { return "verdocs-template-tags"; }
     static get originalStyleUrls() {

package/dist/components/{p-BxOEoXie.js → p-BIc5CIpg.js}

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as o,h as t,d,t as i}from"./p-yZBlG3YQ.js";import{verifySigner as c}from"@verdocs/js-sdk";import{D as a}from"./p-C_Xku1v2.js";import{V as l}from"./p-D97GxsI-.js";import{d as n}from"./p-Bdf8pPWm.js";import{d as r}from"./p-DT0LGcPi.js";import{d as f}from"./p-CioaaWeS.js";import{d as p}from"./p-DYtSnUj9.js";const b=()=>`verdocs-passcode-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-passcode-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-passcode-dialog .heading{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-passcode-dialog .heading .title{font-size:20px;font-weight:500}verdocs-passcode-dialog .step{color:#666;margin-left:6px}verdocs-passcode-dialog .help-box{padding:0;color:black;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-bottom:20px}verdocs-passcode-dialog .help-details{gap:5px;display:-ms-flexbox;display:flex;margin-left:0;font-size:14px;-ms-flex-direction:column;flex-direction:column}verdocs-passcode-dialog .help-title{font-weight:600;margin-bottom:4px}verdocs-passcode-dialog .help-text{font-weight:400}verdocs-passcode-dialog .buttons{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-passcode-dialog .buttons verdocs-button{margin-left:16px}`;const m=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.exit=o(this,"exit");this.next=o(this,"next");this.endpoint=a;this.response=""}handleCancel(){this.exit.emit()}handleSubmit(){c(this.endpoint,{auth_method:"passcode",code:this.response}).then((e=>{console.log("Verification completed",e);this.next.emit({response:e})})).catch((e=>{l("Invalid passcode. Please try again.");console.log("Invalid code",e)}));this.response=""}render(){return t(d,{key:"4c665e302ef9e73300b2e8a8199a1bca4fbc7553"},t("verdocs-dialog",{key:"d22e5c4521b9e5afef6d23a61e0df2787e8ff483",persistent:true,onExit:()=>this.handleCancel()},t("div",{key:"5244c91f2cc688b936dfdccb4058c31c620ad4e2",slot:"heading",class:"heading"},t("div",{key:"ba2fbb864b8f7df54efb7f7b06241ef1acc64afd",class:"title"},"Passcode Required")),t("div",{key:"60c75c98dd4af071a05c23aa714c0901f51fad86",slot:"content",class:"content"},t("div",{key:"36f257208d95c5250f7c9507eec255d9109e7d75",class:"help-box"},t("div",{key:"03d48212677d1739754f757fe121bbd5158a0505",class:"help-details"},t("div",{key:"8f60c2bc945a2b506c91720b56f52e863d2c2309",class:"help-text"},"This document is protected by a passcode. Please enter it below to proceed. If you do not have one, please contact the sender."))),t("verdocs-text-input",{key:"29da253e3865a8d25762e6e6cf7b9cc18c33ecf0",id:"verdocs-passcode-input",value:this.response,onClick:e=>e.stopPropagation(),placeholder:"Enter passcode...",onInput:e=>this.response=e.target.value})),t("div",{key:"23be778ccfabd914752f77ed40f4d931332d6b7a",slot:"footer",class:"buttons footer"},t("verdocs-button",{key:"73c3c19c8618b46da14762baa63edf1aa5985dc4",label:"Cancel",variant:"outline",onClick:()=>this.handleCancel()}),t("verdocs-button",{key:"5d6f474ff34ef9e9ef2d1d475783bce69934ca99",label:"Submit",onClick:()=>this.handleSubmit(),disabled:!this.response}))))}static get style(){return b()}},[0,"verdocs-passcode-dialog",{endpoint:[1040],response:[32]}]);function x(){if(typeof customElements==="undefined"){return}const e=["verdocs-passcode-dialog","verdocs-button","verdocs-dialog","verdocs-help-icon","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-passcode-dialog":if(!customElements.get(i(e))){customElements.define(i(e),m)}break;case"verdocs-button":if(!customElements.get(i(e))){n()}break;case"verdocs-dialog":if(!customElements.get(i(e))){r()}break;case"verdocs-help-icon":if(!customElements.get(i(e))){f()}break;case"verdocs-text-input":if(!customElements.get(i(e))){p()}break}}))}export{m as V,x as d};
-//# sourceMappingURL=p-BxOEoXie.js.map
+import{p as e,H as s,c as o,h as t,d,t as i}from"./p-yZBlG3YQ.js";import{verifySigner as a}from"@verdocs/js-sdk";import{D as c}from"./p-C_Xku1v2.js";import{V as l}from"./p-D97GxsI-.js";import{d as n}from"./p-Bdf8pPWm.js";import{d as r}from"./p-DT0LGcPi.js";import{d as f}from"./p-CioaaWeS.js";import{d as p}from"./p-DYtSnUj9.js";const b=()=>`verdocs-passcode-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-passcode-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-passcode-dialog .heading{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-passcode-dialog .heading .title{font-size:20px;font-weight:500}verdocs-passcode-dialog .step{color:#666;margin-left:6px}verdocs-passcode-dialog .help-box{padding:0;color:black;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-bottom:20px}verdocs-passcode-dialog .help-details{gap:5px;display:-ms-flexbox;display:flex;margin-left:0;font-size:14px;-ms-flex-direction:column;flex-direction:column}verdocs-passcode-dialog .help-title{font-weight:600;margin-bottom:4px}verdocs-passcode-dialog .help-text{font-weight:400}verdocs-passcode-dialog .buttons{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-passcode-dialog .buttons verdocs-button{margin-left:16px}`;const m=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.exit=o(this,"exit");this.next=o(this,"next");this.endpoint=c;this.response=""}handleCancel(){this.exit.emit()}handleSubmit(){a(this.endpoint,{auth_method:"passcode",code:this.response}).then((e=>{console.log("Verification completed",e);this.next.emit({response:e})})).catch((e=>{l("Invalid passcode. Please try again.");console.log("Invalid code",e)}));this.response=""}render(){return t(d,{key:"f611b89b6a936352f80d2032a571cd7e86daa2e9"},t("verdocs-dialog",{key:"0997b0a07b87e3ca6f25979a461f0ba186fa0cf4",persistent:true,onExit:()=>this.handleCancel()},t("div",{key:"d32ff440d13ed705a8311804fee910d714d08705",slot:"heading",class:"heading"},t("div",{key:"c5124f039fecd6bd695d369061da325bc10a97e6",class:"title"},"Passcode Required")),t("div",{key:"2635315f3c53a957ae8aee32ce47dc04e7547a4a",slot:"content",class:"content"},t("div",{key:"7ebdd819c026e2c968019996f2965d76058c019e",class:"help-box"},t("div",{key:"7d6811fd11a47bdd8dfc03f628eb21f41fd697b6",class:"help-details"},t("div",{key:"aecfd4feaf6b0b669476b40b53b159a6a280dbd9",class:"help-text"},"This document is protected by a passcode. Please enter it below to proceed. If you do not have one, please contact the sender."))),t("verdocs-text-input",{key:"e53aad4fd9b05297383730c13d2db086444b8f84",id:"verdocs-passcode-input",value:this.response,onClick:e=>e.stopPropagation(),placeholder:"Enter passcode...",onInput:e=>this.response=e.target.value})),t("div",{key:"f747484402b61c0b83efc5fdbde75b85afc2ada1",slot:"footer",class:"buttons footer"},t("verdocs-button",{key:"16015a1a9be9fed6fc78485ea0a91ce19cdbe68d",label:"Cancel",variant:"outline",onClick:()=>this.handleCancel()}),t("verdocs-button",{key:"2077f16df851706e1c80c4118b303f0ffdcc17dc",label:"Submit",onClick:()=>this.handleSubmit(),disabled:!this.response}))))}static get style(){return b()}},[0,"verdocs-passcode-dialog",{endpoint:[1040],response:[32]}]);function x(){if(typeof customElements==="undefined"){return}const e=["verdocs-passcode-dialog","verdocs-button","verdocs-dialog","verdocs-help-icon","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-passcode-dialog":if(!customElements.get(i(e))){customElements.define(i(e),m)}break;case"verdocs-button":if(!customElements.get(i(e))){n()}break;case"verdocs-dialog":if(!customElements.get(i(e))){r()}break;case"verdocs-help-icon":if(!customElements.get(i(e))){f()}break;case"verdocs-text-input":if(!customElements.get(i(e))){p()}break}}))}export{m as V,x as d};
+//# sourceMappingURL=p-BIc5CIpg.js.map

package/dist/components/{p-DjOTs59Z.js → p-BcQsqsDy.js}

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as t,h as o,d as r,F as i,t as a}from"./p-yZBlG3YQ.js";import{i as d}from"./p-CGNX5HqF.js";import{VerdocsEndpoint as c,getTemplate as l,integerSequence as m}from"@verdocs/js-sdk";import{a as n}from"./p-BCwFpXpV.js";import{S as p}from"./p-C1sRVZWv.js";import{S as f}from"./p-C7hFgM52.js";import{d as v}from"./p-Bdf8pPWm.js";import{d as u}from"./p-REnrt0JM.js";import{d as h}from"./p-CyDWJAOZ.js";import{d as b}from"./p-DT0LGcPi.js";import{d as E}from"./p-BT8wzCXz.js";import{d as g}from"./p-BasWFMeN.js";import{d as k}from"./p-DwPH0TQ4.js";import{d as x}from"./p-BwEGkh_6.js";import{d as j}from"./p-DXLcCG08.js";import{d as w}from"./p-B845hxhl.js";import{d as I}from"./p-5E7bNT3k.js";import{d as y}from"./p-Cfiprngx.js";import{d as C}from"./p-pyA5cdVX.js";import{d as D}from"./p-DhO1wfh-.js";import{d as T}from"./p-wUsR0Dpa.js";import{d as B}from"./p-CioaaWeS.js";import{d as R}from"./p-B-_kYJtC.js";import{d as W}from"./p-D3qUITiS.js";import{d as P}from"./p-DQTI8vRX.js";import{d as V}from"./p-BXGNkmyr.js";import{d as G}from"./p-DVGumEtx.js";import{d as X}from"./p-D3ohABOv.js";import{d as z}from"./p-DYtSnUj9.js";import{d as F}from"./p-u16vefxk.js";const N=()=>`verdocs-preview{font-family:var(--verdocs-primary-font, "Inter", "Barlow", 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-preview div,verdocs-preview canvas{-webkit-box-sizing:border-box;box-sizing:border-box}`;const S=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.sdkError=t(this,"sdkError");this.templateListenerId=null;this.renderedPages={};this.endpoint=c.getDefault();this.templateId=null;this.loading=true;this.template=null}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){this.unlistenToTemplate();f.subscribe("templates",this.templateId,(()=>l(this.endpoint,this.templateId)),false,(e=>{this.template=e;this.loading=false}))}unlistenToTemplate(){if(this.templateListenerId){f.store.delListener(this.templateListenerId);this.templateListenerId=null}}onTemplateIdChanged(e){console.log("[PREVIEW] Template ID changed",e);this.listenToTemplate()}async componentWillLoad(){var e,s,t;try{this.endpoint.loadSession();if(!this.endpoint.session){console.log("[PREVIEW] Unable to start builder session, must be authenticated");return}if(!this.templateId){console.log(`[PREVIEW] Missing required template ID ${this.templateId}`);return}this.listenToTemplate()}catch(o){console.log("[PREVIEW] Error with preview session",o);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new p(o.message,(s=o.response)===null||s===void 0?void 0:s.status,(t=o.response)===null||t===void 0?void 0:t.data))}}componentDidRender(){var e;(e=this.hostEl)===null||e===void 0?void 0:e.querySelectorAll(".verdocs-field").forEach((e=>{d(e).unset()}))}handlePageRendered(e){var s;const t=e.detail;this.renderedPages[`${t.documentId}:${t.pageNumber}`]=t;const o=(((s=this.template)===null||s===void 0?void 0:s.fields)||[]).filter((e=>{if(e["document_id"]){return e["document_id"]===t.documentId&&e.page===t.pageNumber}return e.page===t.pageNumber}));o.forEach((e=>n("template",e,t,{disabled:true,editable:false,draggable:false})))}render(){var e;if(this.loading){return o(r,null,o("verdocs-loader",null))}return o(r,null,(((e=this.template)===null||e===void 0?void 0:e.documents)||[]).map((e=>{const s=m(1,e.pages);return o(i,null,s.map((s=>{var t;const r=((t=e.page_sizes)===null||t===void 0?void 0:t[s])||{width:612,height:792};return o("verdocs-template-document-page",{templateId:e.template_id,documentId:e.id,pageNumber:s,disabled:true,editable:false,done:false,virtualWidth:r.width,virtualHeight:r.height,onPageRendered:e=>this.handlePageRendered(e),layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))})))}get hostEl(){return this}static get watchers(){return{templateId:[{onTemplateIdChanged:0}]}}static get style(){return N()}},[0,"verdocs-preview",{endpoint:[16],templateId:[1,"template-id"],loading:[32],template:[32]},undefined,{templateId:[{onTemplateIdChanged:0}]}]);function M(){if(typeof customElements==="undefined"){return}const e=["verdocs-preview","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-dialog","verdocs-field-attachment","verdocs-field-checkbox","verdocs-field-date","verdocs-field-dropdown","verdocs-field-initial","verdocs-field-radio","verdocs-field-signature","verdocs-field-textarea","verdocs-field-textbox","verdocs-field-timestamp","verdocs-flag","verdocs-help-icon","verdocs-loader","verdocs-ok-dialog","verdocs-portal","verdocs-select-input","verdocs-template-document-page","verdocs-template-field-properties","verdocs-text-input","verdocs-upload-dialog"];e.forEach((e=>{switch(e){case"verdocs-preview":if(!customElements.get(a(e))){customElements.define(a(e),S)}break;case"verdocs-button":if(!customElements.get(a(e))){v()}break;case"verdocs-checkbox":if(!customElements.get(a(e))){u()}break;case"verdocs-component-error":if(!customElements.get(a(e))){h()}break;case"verdocs-dialog":if(!customElements.get(a(e))){b()}break;case"verdocs-field-attachment":if(!customElements.get(a(e))){E()}break;case"verdocs-field-checkbox":if(!customElements.get(a(e))){g()}break;case"verdocs-field-date":if(!customElements.get(a(e))){k()}break;case"verdocs-field-dropdown":if(!customElements.get(a(e))){x()}break;case"verdocs-field-initial":if(!customElements.get(a(e))){j()}break;case"verdocs-field-radio":if(!customElements.get(a(e))){w()}break;case"verdocs-field-signature":if(!customElements.get(a(e))){I()}break;case"verdocs-field-textarea":if(!customElements.get(a(e))){y()}break;case"verdocs-field-textbox":if(!customElements.get(a(e))){C()}break;case"verdocs-field-timestamp":if(!customElements.get(a(e))){D()}break;case"verdocs-flag":if(!customElements.get(a(e))){T()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){B()}break;case"verdocs-loader":if(!customElements.get(a(e))){R()}break;case"verdocs-ok-dialog":if(!customElements.get(a(e))){W()}break;case"verdocs-portal":if(!customElements.get(a(e))){P()}break;case"verdocs-select-input":if(!customElements.get(a(e))){V()}break;case"verdocs-template-document-page":if(!customElements.get(a(e))){G()}break;case"verdocs-template-field-properties":if(!customElements.get(a(e))){X()}break;case"verdocs-text-input":if(!customElements.get(a(e))){z()}break;case"verdocs-upload-dialog":if(!customElements.get(a(e))){F()}break}}))}export{S as V,M as d};
-//# sourceMappingURL=p-DjOTs59Z.js.map
+import{p as e,H as s,c as t,h as o,d as r,F as i,t as a}from"./p-yZBlG3YQ.js";import{i as d}from"./p-CGNX5HqF.js";import{VerdocsEndpoint as c,getTemplate as l,integerSequence as m}from"@verdocs/js-sdk";import{a as n}from"./p-BCwFpXpV.js";import{S as p}from"./p-C1sRVZWv.js";import{S as f}from"./p-C7hFgM52.js";import{d as v}from"./p-Bdf8pPWm.js";import{d as u}from"./p-REnrt0JM.js";import{d as h}from"./p-CyDWJAOZ.js";import{d as b}from"./p-DT0LGcPi.js";import{d as g}from"./p-DSK9z7EN.js";import{d as E}from"./p-BasWFMeN.js";import{d as k}from"./p-DwPH0TQ4.js";import{d as x}from"./p-BwEGkh_6.js";import{d as j}from"./p-DXLcCG08.js";import{d as w}from"./p-B845hxhl.js";import{d as y}from"./p-5E7bNT3k.js";import{d as I}from"./p-Cfiprngx.js";import{d as C}from"./p-pyA5cdVX.js";import{d as D}from"./p-DhO1wfh-.js";import{d as T}from"./p-wUsR0Dpa.js";import{d as B}from"./p-CioaaWeS.js";import{d as R}from"./p-B-_kYJtC.js";import{d as W}from"./p-BwUTiBud.js";import{d as P}from"./p-DQTI8vRX.js";import{d as V}from"./p-BXGNkmyr.js";import{d as G}from"./p-DRgoGiAA.js";import{d as N}from"./p-D3ohABOv.js";import{d as X}from"./p-DYtSnUj9.js";import{d as z}from"./p-CQUV5gMT.js";const A=()=>`verdocs-preview{font-family:var(--verdocs-primary-font, "Inter", "Barlow", 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-preview div,verdocs-preview canvas{-webkit-box-sizing:border-box;box-sizing:border-box}`;const F=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.sdkError=t(this,"sdkError");this.templateListenerId=null;this.renderedPages={};this.endpoint=c.getDefault();this.templateId=null;this.loading=true;this.template=null}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){this.unlistenToTemplate();f.subscribe("templates",this.templateId,(()=>l(this.endpoint,this.templateId)),false,(e=>{this.template=e;this.loading=false}))}unlistenToTemplate(){if(this.templateListenerId){f.store.delListener(this.templateListenerId);this.templateListenerId=null}}onTemplateIdChanged(e){console.log("[PREVIEW] Template ID changed",e);this.listenToTemplate()}async componentWillLoad(){var e,s,t;try{this.endpoint.loadSession();if(!this.endpoint.session){console.log("[PREVIEW] Unable to start builder session, must be authenticated");return}if(!this.templateId){console.log(`[PREVIEW] Missing required template ID ${this.templateId}`);return}this.listenToTemplate()}catch(o){console.log("[PREVIEW] Error with preview session",o);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new p(o.message,(s=o.response)===null||s===void 0?void 0:s.status,(t=o.response)===null||t===void 0?void 0:t.data))}}componentDidRender(){var e;(e=this.hostEl)===null||e===void 0?void 0:e.querySelectorAll(".verdocs-field").forEach((e=>{d(e).unset()}))}handlePageRendered(e){var s;const t=e.detail;this.renderedPages[`${t.documentId}:${t.pageNumber}`]=t;const o=(((s=this.template)===null||s===void 0?void 0:s.fields)||[]).filter((e=>{if(e["document_id"]){return e["document_id"]===t.documentId&&e.page===t.pageNumber}return e.page===t.pageNumber}));o.forEach((e=>n("template",e,t,{disabled:true,editable:false,draggable:false})))}render(){var e;if(this.loading){return o(r,null,o("verdocs-loader",null))}return o(r,null,(((e=this.template)===null||e===void 0?void 0:e.documents)||[]).map((e=>{const s=m(1,e.pages);return o(i,null,s.map((s=>{var t;const r=((t=e.page_sizes)===null||t===void 0?void 0:t[s])||{width:612,height:792};return o("verdocs-template-document-page",{templateId:e.template_id,documentId:e.id,pageNumber:s,disabled:true,editable:false,done:false,virtualWidth:r.width,virtualHeight:r.height,onPageRendered:e=>this.handlePageRendered(e),layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))})))}get hostEl(){return this}static get watchers(){return{templateId:[{onTemplateIdChanged:0}]}}static get style(){return A()}},[0,"verdocs-preview",{endpoint:[16],templateId:[1,"template-id"],loading:[32],template:[32]},undefined,{templateId:[{onTemplateIdChanged:0}]}]);function M(){if(typeof customElements==="undefined"){return}const e=["verdocs-preview","verdocs-button","verdocs-checkbox","verdocs-component-error","verdocs-dialog","verdocs-field-attachment","verdocs-field-checkbox","verdocs-field-date","verdocs-field-dropdown","verdocs-field-initial","verdocs-field-radio","verdocs-field-signature","verdocs-field-textarea","verdocs-field-textbox","verdocs-field-timestamp","verdocs-flag","verdocs-help-icon","verdocs-loader","verdocs-ok-dialog","verdocs-portal","verdocs-select-input","verdocs-template-document-page","verdocs-template-field-properties","verdocs-text-input","verdocs-upload-dialog"];e.forEach((e=>{switch(e){case"verdocs-preview":if(!customElements.get(a(e))){customElements.define(a(e),F)}break;case"verdocs-button":if(!customElements.get(a(e))){v()}break;case"verdocs-checkbox":if(!customElements.get(a(e))){u()}break;case"verdocs-component-error":if(!customElements.get(a(e))){h()}break;case"verdocs-dialog":if(!customElements.get(a(e))){b()}break;case"verdocs-field-attachment":if(!customElements.get(a(e))){g()}break;case"verdocs-field-checkbox":if(!customElements.get(a(e))){E()}break;case"verdocs-field-date":if(!customElements.get(a(e))){k()}break;case"verdocs-field-dropdown":if(!customElements.get(a(e))){x()}break;case"verdocs-field-initial":if(!customElements.get(a(e))){j()}break;case"verdocs-field-radio":if(!customElements.get(a(e))){w()}break;case"verdocs-field-signature":if(!customElements.get(a(e))){y()}break;case"verdocs-field-textarea":if(!customElements.get(a(e))){I()}break;case"verdocs-field-textbox":if(!customElements.get(a(e))){C()}break;case"verdocs-field-timestamp":if(!customElements.get(a(e))){D()}break;case"verdocs-flag":if(!customElements.get(a(e))){T()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){B()}break;case"verdocs-loader":if(!customElements.get(a(e))){R()}break;case"verdocs-ok-dialog":if(!customElements.get(a(e))){W()}break;case"verdocs-portal":if(!customElements.get(a(e))){P()}break;case"verdocs-select-input":if(!customElements.get(a(e))){V()}break;case"verdocs-template-document-page":if(!customElements.get(a(e))){G()}break;case"verdocs-template-field-properties":if(!customElements.get(a(e))){N()}break;case"verdocs-text-input":if(!customElements.get(a(e))){X()}break;case"verdocs-upload-dialog":if(!customElements.get(a(e))){z()}break}}))}export{F as V,M as d};
+//# sourceMappingURL=p-BcQsqsDy.js.map

package/dist/components/{p-Dtndevf4.js → p-BfKv6ivN.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as s,h as i,d as o,t as l}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as r,getTemplate as a,updateTemplateRole as d,deleteTemplateRole as n,isValidEmail as c}from"@verdocs/js-sdk";import{S as p}from"./p-C1sRVZWv.js";import{S as f}from"./p-C7hFgM52.js";import{d as h}from"./p-Bdf8pPWm.js";import{d as m}from"./p-CioaaWeS.js";import{d as b}from"./p-BXGNkmyr.js";import{d as u}from"./p-DYtSnUj9.js";const v=()=>`verdocs-template-role-properties{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-template-role-properties div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-template-role-properties .buttons verdocs-button{margin-left:16px}verdocs-template-role-properties form{gap:15px;padding:20px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-role-properties form .instructions{margin:7px 0 0 0;font-size:12px;font-style:italic}verdocs-template-role-properties form .input-label{display:block;font-size:14px;-ms-flex:0 0 100px;flex:0 0 100px;font-weight:700;margin:0 0 4px 0;color:#555570}verdocs-template-role-properties form .first-last{gap:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties form verdocs-help-icon{-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-role-properties verdocs-select-input label{display:block}verdocs-template-role-properties verdocs-text-input{margin:0}verdocs-template-role-properties verdocs-text-input label{display:block}verdocs-template-role-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties verdocs-text-input verdocs-text-input{margin:0}verdocs-template-role-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;padding:0 6px;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-role-properties .delete-button svg{width:24px;height:24px}verdocs-template-role-properties .delete-button:active{background:#f3f3f3}`;const x=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>`;const y=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.close=s(this,"close");this.delete=s(this,"delete");this.sdkError=s(this,"sdkError");this.templateListenerId=null;this.endpoint=r.getDefault();this.templateId="";this.roleName="";this.dirty=false;this.saving=false;this.name="";this.type="signer";this.first_name="";this.last_name="";this.email="";this.phone="";this.delegator=false;this.loading=true;this.template=null}async componentWillLoad(){var e,t,s;try{this.endpoint.loadSession();if(!this.templateId){console.log(`[ROLES] Missing required template ID ${this.templateId}`);return}if(!this.endpoint.session){console.log("[ROLES] Unable to start builder session, must be authenticated");return}this.listenToTemplate()}catch(i){console.log("[ROLES Error with preview session",i);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new p(i.message,(t=i.response)===null||t===void 0?void 0:t.status,(s=i.response)===null||s===void 0?void 0:s.data))}}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){console.log("[ROLES] Loading tempate",this.templateId);this.unlistenToTemplate();f.subscribe("templates",this.templateId,(()=>a(this.endpoint,this.templateId)),false,(e=>{var t;console.log("[BUILD] Template Updated",e);this.template=e;this.loading=false;const s=(t=this.template)===null||t===void 0?void 0:t.roles.find((e=>e.name===this.roleName));if(s){this.name=s.name;this.type=s.type;this.first_name=s.first_name;this.last_name=s.last_name;this.email=s.email;this.phone=s.phone;this.delegator=s.delegator;console.log("[ROLES] Editing role",s)}}))}unlistenToTemplate(){if(this.templateListenerId){f.store.delListener(this.templateListenerId);this.templateListenerId=null}}handleCancel(e){var t,s;e.stopPropagation();const i=(t=this.template)===null||t===void 0?void 0:t.roles.find((e=>e.name===this.roleName));if(i){this.name=i.name;this.type=i.type;this.first_name=i.first_name;this.last_name=i.last_name;this.email=i.email;this.phone=i.phone;this.delegator=i.delegator}this.dirty=false;(s=this.close)===null||s===void 0?void 0:s.emit()}async handleSave(e){e.stopPropagation();this.saving=true;d(this.endpoint,this.templateId,this.roleName,{name:this.name,type:this.type,first_name:this.first_name,last_name:this.last_name,email:this.email,phone:this.phone,delegator:this.delegator}).then((async e=>{var t;console.log("[ROLES] Update result",e);this.saving=false;this.dirty=false;const s=JSON.parse(JSON.stringify(this.template));const i=s.roles.findIndex((e=>e.name===this.roleName));if(i>-1){s.roles[i]=e}f.updateTemplate(this.templateId,s);(t=this.close)===null||t===void 0?void 0:t.emit()})).catch((e=>{console.log("[ROLES Update error",e);this.saving=false}))}async handleDelete(e){e.stopPropagation();if(window.confirm("Are you sure you wish to remove this role? All associated fields will be removed as well. This action cannot be undone.")){n(this.endpoint,this.templateId,this.roleName).then((()=>{var e,t;const s=JSON.parse(JSON.stringify(this.template));s.roles=s.roles.filter((e=>e.name!==this.roleName));f.getTemplate(this.endpoint,this.templateId,true);(e=this.delete)===null||e===void 0?void 0:e.emit({templateId:this.templateId,roleName:this.roleName});(t=this.close)===null||t===void 0?void 0:t.emit()})).catch((e=>{console.log("[ROLES Deletion error",e)}))}}render(){var e;const t=(((e=this.template)===null||e===void 0?void 0:e.fields)||[]).some((e=>e.role_name===this.roleName));const s=!this.email&&!this.first_name&&!this.last_name||c(this.email)&&!!this.first_name&&!!this.last_name;return i(o,{key:"ffbdcf7c23ed14bf001bf85dd969fee3e4018abf"},i("form",{key:"10ee145cbd8b2d1035cbafe86a88c5e4e93b211f",onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},i("div",{key:"476268ed74137b49dc4a22159e7df0991e9644a8"},i("verdocs-text-input",{key:"dfacfb292a4bc93422f1d28166a8853d30736a71",id:"verdocs-role-name",label:"Role Name (Must be unique)",value:this.name,autocomplete:"off",disabled:t,placeholder:"Role Name...",onInput:e=>{this.name=e.target.value;this.dirty=true}}),t&&i("div",{key:"bcc8c63bb93ce9b81dd9b8282db9b8cd28f764b6",class:"instructions"},"This role has fields assigned and can no longer be renamed.")),i("div",{key:"edd762e1f0b0c50bb9752da44195a8fd37ad46b8"},i("div",{key:"f7cbb564016a693ed8d59da0e3b06d3f2e3013a3",class:"input-label"},"Type:"),i("verdocs-select-input",{key:"eca486e7960b077234e5a8867f972511c4a429b6",value:this.type,options:[{label:"Signer",value:"signer"},{label:"CC",value:"cc"},{label:"Approver",value:"approver"}],onInput:e=>{this.type=e.target.value;this.dirty=true}})),i("div",{key:"d45d4354a061453e85e993be8e6b57da104c0ad5"},i("div",{key:"7b1afb527741ca786eb546bec5071078d1504433",class:"input-label"},"Default Contact Info:"),i("div",{key:"6de4c8b89c7b11ea5f8ae89ff69212472375e4ac",class:"first-last"},i("verdocs-text-input",{key:"8a591cc37cf7d9c2e5a211640a36a876a794590f",id:"verdocs-recipient-first",value:this.first_name,autocomplete:"off",placeholder:"First...",onInput:e=>{this.first_name=e.target.value;this.dirty=true}}),i("verdocs-text-input",{key:"de8ee6a8802ff5443f93d1a017609bbabb745f13",id:"verdocs-recipient-first",value:this.last_name,autocomplete:"off",placeholder:"Last...",onInput:e=>{this.last_name=e.target.value;this.dirty=true}}))),i("div",{key:"1a7ac3d8fab0e28d031d4bafe892fadc1ab76ac4"},i("verdocs-text-input",{key:"e11e543134ad024362e4f39f026c132e90c4ad9a",id:"verdocs-recipient-email",value:this.email,autocomplete:"off",placeholder:"Email Address...",onInput:e=>{this.email=e.target.value;this.dirty=true}}),i("div",{key:"04a394d1e1f9d377da12ea565119a0d5cd68a627",style:{height:"15px"}}),i("div",{key:"1ff2ead2361795d3ec3e6361715d30e779fae4b8"},i("verdocs-text-input",{key:"3c0d4de18bb9fd6da3ba02d70a66dfcd2306af7f",id:"verdocs-recipient-phone",value:this.phone,autocomplete:"off",placeholder:"Phone Number...",onInput:e=>{this.phone=e.target.value;this.dirty=true}}))),i("div",{key:"a6c73356acbe10339d53f24a956205b914f386aa",class:"buttons"},i("button",{key:"034614017ee9e5b0acdafa1a2950c3cd44328517",class:"delete-button",disabled:this.dirty,onClick:e=>this.handleDelete(e),innerHTML:x}),i("div",{key:"5febc5c4fbbe44afbe1f6a1fe23586efdd5bf3df",style:{flex:"1"}}),i("verdocs-button",{key:"895635dd85f706e87bc14dde3224894f11af9029",size:"small",label:"Save",disabled:!this.dirty||!s,onClick:e=>this.handleSave(e)}))))}static get style(){return v()}},[0,"verdocs-template-role-properties",{endpoint:[16],templateId:[1,"template-id"],roleName:[1,"role-name"],dirty:[32],saving:[32],name:[32],type:[32],first_name:[32],last_name:[32],email:[32],phone:[32],delegator:[32],loading:[32],template:[32]}]);function k(){if(typeof customElements==="undefined"){return}const e=["verdocs-template-role-properties","verdocs-button","verdocs-help-icon","verdocs-select-input","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-template-role-properties":if(!customElements.get(l(e))){customElements.define(l(e),y)}break;case"verdocs-button":if(!customElements.get(l(e))){h()}break;case"verdocs-help-icon":if(!customElements.get(l(e))){m()}break;case"verdocs-select-input":if(!customElements.get(l(e))){b()}break;case"verdocs-text-input":if(!customElements.get(l(e))){u()}break}}))}export{y as V,k as d};
-//# sourceMappingURL=p-Dtndevf4.js.map
+import{p as e,H as t,c as s,h as i,d as o,t as a}from"./p-yZBlG3YQ.js";import{VerdocsEndpoint as l,getTemplate as r,updateTemplateRole as d,deleteTemplateRole as c,isValidEmail as n}from"@verdocs/js-sdk";import{S as p}from"./p-C1sRVZWv.js";import{S as f}from"./p-C7hFgM52.js";import{d as h}from"./p-Bdf8pPWm.js";import{d as m}from"./p-CioaaWeS.js";import{d as b}from"./p-BXGNkmyr.js";import{d as u}from"./p-DYtSnUj9.js";const v=()=>`verdocs-template-role-properties{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", "Barlow", sans-serif}verdocs-template-role-properties div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-template-role-properties .buttons verdocs-button{margin-left:16px}verdocs-template-role-properties form{gap:15px;padding:20px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-role-properties form .instructions{margin:7px 0 0 0;font-size:12px;font-style:italic}verdocs-template-role-properties form .input-label{display:block;font-size:14px;-ms-flex:0 0 100px;flex:0 0 100px;font-weight:700;margin:0 0 4px 0;color:#555570}verdocs-template-role-properties form .first-last{gap:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties form verdocs-help-icon{-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-role-properties verdocs-select-input label{display:block}verdocs-template-role-properties verdocs-text-input{margin:0}verdocs-template-role-properties verdocs-text-input label{display:block}verdocs-template-role-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties verdocs-text-input verdocs-text-input{margin:0}verdocs-template-role-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;padding:0 6px;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-role-properties .delete-button svg{width:24px;height:24px}verdocs-template-role-properties .delete-button:active{background:#f3f3f3}`;const x=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>`;const y=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.close=s(this,"close");this.delete=s(this,"delete");this.sdkError=s(this,"sdkError");this.templateListenerId=null;this.endpoint=l.getDefault();this.templateId="";this.roleName="";this.dirty=false;this.saving=false;this.name="";this.type="signer";this.first_name="";this.last_name="";this.email="";this.phone="";this.delegator=false;this.loading=true;this.template=null}async componentWillLoad(){var e,t,s;try{this.endpoint.loadSession();if(!this.templateId){console.log(`[ROLES] Missing required template ID ${this.templateId}`);return}if(!this.endpoint.session){console.log("[ROLES] Unable to start builder session, must be authenticated");return}this.listenToTemplate()}catch(i){console.log("[ROLES Error with preview session",i);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new p(i.message,(t=i.response)===null||t===void 0?void 0:t.status,(s=i.response)===null||s===void 0?void 0:s.data))}}disconnectedCallback(){this.unlistenToTemplate()}async listenToTemplate(){console.log("[ROLES] Loading tempate",this.templateId);this.unlistenToTemplate();f.subscribe("templates",this.templateId,(()=>r(this.endpoint,this.templateId)),false,(e=>{var t;console.log("[BUILD] Template Updated",e);this.template=e;this.loading=false;const s=(t=this.template)===null||t===void 0?void 0:t.roles.find((e=>e.name===this.roleName));if(s){this.name=s.name;this.type=s.type;this.first_name=s.first_name;this.last_name=s.last_name;this.email=s.email;this.phone=s.phone;this.delegator=s.delegator;console.log("[ROLES] Editing role",s)}}))}unlistenToTemplate(){if(this.templateListenerId){f.store.delListener(this.templateListenerId);this.templateListenerId=null}}handleCancel(e){var t,s;e.stopPropagation();const i=(t=this.template)===null||t===void 0?void 0:t.roles.find((e=>e.name===this.roleName));if(i){this.name=i.name;this.type=i.type;this.first_name=i.first_name;this.last_name=i.last_name;this.email=i.email;this.phone=i.phone;this.delegator=i.delegator}this.dirty=false;(s=this.close)===null||s===void 0?void 0:s.emit()}async handleSave(e){e.stopPropagation();this.saving=true;d(this.endpoint,this.templateId,this.roleName,{name:this.name,type:this.type,first_name:this.first_name,last_name:this.last_name,email:this.email,phone:this.phone,delegator:this.delegator}).then((async e=>{var t;console.log("[ROLES] Update result",e);this.saving=false;this.dirty=false;const s=JSON.parse(JSON.stringify(this.template));const i=s.roles.findIndex((e=>e.name===this.roleName));if(i>-1){s.roles[i]=e}f.updateTemplate(this.templateId,s);(t=this.close)===null||t===void 0?void 0:t.emit()})).catch((e=>{console.log("[ROLES Update error",e);this.saving=false}))}async handleDelete(e){e.stopPropagation();if(window.confirm("Are you sure you wish to remove this role? All associated fields will be removed as well. This action cannot be undone.")){c(this.endpoint,this.templateId,this.roleName).then((()=>{var e,t;const s=JSON.parse(JSON.stringify(this.template));s.roles=s.roles.filter((e=>e.name!==this.roleName));f.getTemplate(this.endpoint,this.templateId,true);(e=this.delete)===null||e===void 0?void 0:e.emit({templateId:this.templateId,roleName:this.roleName});(t=this.close)===null||t===void 0?void 0:t.emit()})).catch((e=>{console.log("[ROLES Deletion error",e)}))}}render(){var e;const t=(((e=this.template)===null||e===void 0?void 0:e.fields)||[]).some((e=>e.role_name===this.roleName));const s=!this.email&&!this.first_name&&!this.last_name||n(this.email)&&!!this.first_name&&!!this.last_name;return i(o,{key:"14d2d9bb4253201a9cb659c6637960194dc7d134"},i("form",{key:"09d0a10f48c8f4ca3f6b679d09c3c71ea0c0cdb9",onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},i("div",{key:"b65e74e82bb7689d706ba0e56521d04fe01ae057"},i("verdocs-text-input",{key:"c7e3da4d57b096f71a4c5e49948ee0a4e0594e0c",id:"verdocs-role-name",label:"Role Name (Must be unique)",value:this.name,autocomplete:"off",disabled:t,placeholder:"Role Name...",onInput:e=>{this.name=e.target.value;this.dirty=true}}),t&&i("div",{key:"9a80102f0a04118069c2865c9295e5da3914b381",class:"instructions"},"This role has fields assigned and can no longer be renamed.")),i("div",{key:"93ca24cfbc2b1f8e729c30a0726b14091695ba92"},i("div",{key:"0b5eeeab4aad7e1659581eb8c17e14012d79b5e6",class:"input-label"},"Type:"),i("verdocs-select-input",{key:"883b1456bad033a17023559a210f61efc17cb1ab",value:this.type,options:[{label:"Signer",value:"signer"},{label:"CC",value:"cc"},{label:"Approver",value:"approver"}],onInput:e=>{this.type=e.target.value;this.dirty=true}})),i("div",{key:"fec29a6add9ab2a60e4deb29ee77c851973e0517"},i("div",{key:"a18a7d1edfb673e382d76d04d833f3daf28ca26f",class:"input-label"},"Default Contact Info:"),i("div",{key:"1206cab495d52ab12428dbc346126df3a2aa9c1a",class:"first-last"},i("verdocs-text-input",{key:"aa4433e84dee223043c49235c8e9feb7569707e9",id:"verdocs-recipient-first",value:this.first_name,autocomplete:"off",placeholder:"First...",onInput:e=>{this.first_name=e.target.value;this.dirty=true}}),i("verdocs-text-input",{key:"b8c1069666a4674faff0c1b72bc988cf3ed3ca9b",id:"verdocs-recipient-first",value:this.last_name,autocomplete:"off",placeholder:"Last...",onInput:e=>{this.last_name=e.target.value;this.dirty=true}}))),i("div",{key:"5ea9ada6f0dac2a52b78946275603e2c99887666"},i("verdocs-text-input",{key:"767135ec9d13ae00e6c1d259a6d53fbf85caeedd",id:"verdocs-recipient-email",value:this.email,autocomplete:"off",placeholder:"Email Address...",onInput:e=>{this.email=e.target.value;this.dirty=true}}),i("div",{key:"0c4ffc5553a054ae331bcbf48a7b702d0fd5a81e",style:{height:"15px"}}),i("div",{key:"17815735c29adc551f65a7f29d1a791c9260edfc"},i("verdocs-text-input",{key:"0d41ae8e9cda72d881791df7d63f89f25d08da5e",id:"verdocs-recipient-phone",value:this.phone,autocomplete:"off",placeholder:"Phone Number...",onInput:e=>{this.phone=e.target.value;this.dirty=true}}))),i("div",{key:"be29c3c856e62cab357391146485230461e6c5c9",class:"buttons"},i("button",{key:"a714765b9f8f524a0c6573653b6ba6a59661b4d2",class:"delete-button",disabled:this.dirty,onClick:e=>this.handleDelete(e),innerHTML:x}),i("div",{key:"aae4bf7f4fa5fc685ace057a2312461a7cf993f3",style:{flex:"1"}}),i("verdocs-button",{key:"027aa0723fc32b4713e7a9cb33e6a1b7d4b5ab18",size:"small",label:"Save",disabled:!this.dirty||!s,onClick:e=>this.handleSave(e)}))))}static get style(){return v()}},[0,"verdocs-template-role-properties",{endpoint:[16],templateId:[1,"template-id"],roleName:[1,"role-name"],dirty:[32],saving:[32],name:[32],type:[32],first_name:[32],last_name:[32],email:[32],phone:[32],delegator:[32],loading:[32],template:[32]}]);function k(){if(typeof customElements==="undefined"){return}const e=["verdocs-template-role-properties","verdocs-button","verdocs-help-icon","verdocs-select-input","verdocs-text-input"];e.forEach((e=>{switch(e){case"verdocs-template-role-properties":if(!customElements.get(a(e))){customElements.define(a(e),y)}break;case"verdocs-button":if(!customElements.get(a(e))){h()}break;case"verdocs-help-icon":if(!customElements.get(a(e))){m()}break;case"verdocs-select-input":if(!customElements.get(a(e))){b()}break;case"verdocs-text-input":if(!customElements.get(a(e))){u()}break}}))}export{y as V,k as d};
+//# sourceMappingURL=p-BfKv6ivN.js.map