@verdocs/web-sdk 1.5.5 → 1.6.0

package/dist/cjs/verdocs-initial-dialog.cjs.entry.js

@@ -241,3 +241,5 @@ const VerdocsInitialDialog = class {
 VerdocsInitialDialog.style = verdocsInitialDialogCss;
 
 exports.verdocs_initial_dialog = VerdocsInitialDialog;
+
+//# sourceMappingURL=verdocs-initial-dialog.cjs.entry.js.map

package/dist/cjs/verdocs-initial-dialog.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-initial-dialog.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["./src/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.scss?tag=verdocs-initial-dialog","./src/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-initial-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n  display: none;\n\n  &.open {\n    display: block;\n  }\n\n  .background-overlay {\n    position: absolute;\n    z-index: 10000;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #0000007f;\n  }\n\n  .dialog {\n    width: 100%;\n    max-width: 340px;\n    border-radius: 4px;\n    overflow: hidden;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n    background: $dialog-bg;\n  }\n\n  .heading {\n    display: flex;\n    flex-direction: row;\n    padding: 20px 20px 0 20px;\n    line-height: 28px;\n    font-size: 20px;\n    font-weight: 500;\n  }\n\n  .content {\n    font-size: 14px;\n    padding: 20px;\n  }\n\n  .buttons {\n    display: flex;\n    margin: 20px 0 0 0;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n\n  canvas {\n    background: #fff;\n    box-sizing: border-box;\n    margin: 0 auto;\n    width: 300px;\n    // TODO: The original app had an aspect ratio of (80 / 305) * (signatureBodyWidth - 20)\n    height: 79px;\n    max-width: 100%;\n    box-shadow: 0 0 6px 0 #0000001f;\n  }\n\n  .disclaimer {\n    text-align: justify;\n    padding: 8px 0;\n    font-size: 11px;\n    line-height: 14px;\n    color: rgba(0, 0, 0, 0.54);\n  }\n\n  .as-shown {\n    font-size: 11px;\n    margin: 4px 0 20px 4px;\n    color: rgba(0, 0, 0, 0.54);\n  }\n\n  .tabs {\n    display: flex;\n    flex-direction: row;\n\n    .tab {\n      padding: 8px 15px;\n      cursor: pointer;\n\n      &.active {\n        border-bottom: 2px solid $light-border-color;\n      }\n\n      &:hover {\n        color: $primary-color;\n      }\n    }\n  }\n}\n","import {Component, Prop, Host, h, Event, EventEmitter, State} from '@stencil/core';\n\n/**\n * Display a dialog that allows the user to specify an initials image, either by using a signature-font-generated image\n * based on their full name, or by hand-drawing their initials with a mouse or tablet.\n */\n@Component({\n  tag: 'verdocs-initial-dialog',\n  styleUrl: 'verdocs-initial-dialog.scss',\n})\nexport class VerdocsInitialDialog {\n  private canvasElement?: HTMLCanvasElement;\n\n  /**\n   * Initial signature text\n   */\n  @Prop() fullname: string = '';\n\n  /**\n   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n   */\n  @Prop() open: boolean = false;\n\n  /**\n   * Event fired when the initials are adopted.\n   */\n  @Event({composed: true}) adopt: EventEmitter<string>;\n\n  /**\n   * Event fired when the step is cancelled.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  @State() fontLoaded = false;\n\n  @State() enteredInitials: string = '';\n\n  @State() mode: string = 'type';\n\n  componentWillLoad() {\n    this.enteredInitials = this.fullname\n      .split(' ')\n      .map(s => s.substring(0, 1))\n      .join('')\n      .toUpperCase();\n\n    const ds = new FontFace('Dancing Script', 'url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)');\n    ds.load().then(font => {\n      document.fonts.add(font);\n      this.fontLoaded = true;\n    });\n  }\n\n  componentDidLoad() {\n    this.redrawSignature();\n  }\n\n  componentDidUpdate() {\n    this.redrawSignature();\n  }\n\n  redrawSignature() {\n    if (!this.canvasElement) {\n      return;\n    }\n\n    const canvasWidth = this.canvasElement.width;\n\n    const context = this.canvasElement.getContext('2d');\n    context.clearRect(0, 0, this.canvasElement.width, this.canvasElement.height);\n\n    let fontSize = 100;\n    do {\n      fontSize -= 2;\n      context.font = `${fontSize}px Dancing Script`;\n    } while (context.measureText(this.enteredInitials).width > canvasWidth - 32); // 32px padding each side\n\n    context.textAlign = 'center';\n    context.textBaseline = 'middle';\n    context.font = `${fontSize}px Dancing Script`;\n    context.fillText(this.enteredInitials, this.canvasElement.width / 2, this.canvasElement.height / 2);\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.handleCancel();\n    }\n  }\n\n  handleNameChange(e) {\n    this.enteredInitials = e.detail;\n  }\n\n  handleAdopt() {\n    const data = this.canvasElement.toDataURL('image/png');\n    this.adopt.emit(data);\n    this.open = false;\n  }\n\n  handleCancel() {\n    this.cancel.emit();\n    this.open = false;\n  }\n\n  /*\n  selColor(hex: string) {\n    this.color = hex;\n    this.animateDraw();\n  }\n\n  stopDraw() {\n    this.paint = false;\n    this.adoptedAndSigned = !this.hasSignature();\n  }\n\n  draw(e) {\n    this.paint = true;\n    this.addPoints(e, false);\n    this.animateDraw();\n  }\n\n  recordPoints(e) {\n    if (this.paint) {\n      this.addPoints(e, true);\n      this.animateDraw();\n    }\n  }\n\n  animateDraw() {\n    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n\n    this.canvas.strokeStyle = this.color || '#000000';\n    this.canvas.lineJoin = 'round';\n    this.canvas.lineWidth = 3;\n\n    for (let i = 0; i < this.points.length; i++) {\n      this.canvas.beginPath();\n      if (this.points[i].drag && i) {\n        this.canvas.moveTo(this.points[i - 1].x, this.points[i - 1].y);\n        // this.canvas.arc(this.points[i - 1].x, this.points[i - 1].y, 2, 0, 2 * Math.PI, false);\n      } else {\n        this.canvas.moveTo(this.points[i].x - 1, this.points[i].y);\n        // this.canvas.arc(this.points[i].x, this.points[i].y, 2, 0, 2 * Math.PI, false);\n      }\n\n      this.canvas.lineTo(this.points[i].x, this.points[i].y);\n      this.canvas.closePath();\n      this.canvas.stroke();\n    }\n  }\n\n  drawCurve(color: string, curve: number) {\n    this.canvas.beginPath();\n  }\n\n\n\n  addPoints(e, drag: boolean) {\n    if (window) {\n      let x;\n      let y;\n      e.preventDefault();\n      if (e.touches && e.touches.length > 0) {\n        x = e.touches[0].clientX;\n      } else {\n        x = e.clientX;\n      }\n\n      if (e.touches && e.touches.length > 0) {\n        y = e.touches[0].clientY;\n      } else {\n        y = e.clientY;\n      }\n      const rect = this.signatureCanvas.nativeElement.getBoundingClientRect();\n      this.points.push({\n        x: x - rect.left,\n        y: y - rect.top,\n        drag: drag\n      });\n    }\n  }\n\n  clearPad() {\n    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n    this.points = [];\n    this.adoptedAndSigned = !this.hasSignature();\n  }\n\n    async adoptAndSign() {\n    try {\n      this.adoptedAndSigned = true;\n      await this.updateFullName();\n      await this.captureSignatureFromCanvas();\n      const message = this.signatureMode === 'Signature' ? 'Saving Signature' : 'Saving Initial';\n      this.snackbarService.open(message, 'OK', this.snackbarService.initConfig(null, 'bottom'));\n      this.handleMode();\n    } catch (err) {\n      this.snackbarService.open('Failed to apply signature', 'OK', this.snackbarService.initConfig(null, 'bottom'));\n    }\n  }\n\n  handleMode() {\n    let currentField;\n    switch (this.mode) {\n      case 'signerview':\n        if (this.signatureMode === 'Signature') {\n          this.signatureService.postSignatureBlob().then(result => {\n            if (result && result.id && result.url) {\n              currentField = this.signatureService.currField;\n              this.signatureService.updateSigned(currentField.fName, true);\n              this.signatureService.toggleSig(false);\n              this.signatureService.setSignatureId(result.id);\n              this.signatureService.putSignatureField(this.envelopeId, this.fieldName, result.id).then(res => {\n                this.eventTracker.createEvent({\n                  category: 'verdoc',\n                  action: 'verdoc signed',\n                  label: `verdoc id: ${this.envelopeId}`\n                })\n                if (res && res.settings) {\n                  this.signatureService.setSignatureData(res.settings.base64);\n                  this.signatureService.setSignatureId(res.settings.signature_id);\n                }\n                this.snackbarService.dismiss();\n                this.dialog.close({ status: 'saved', temp_sig: res.settings.base64, sig_id: res.settings.signature_id });\n              }).catch(err => {\n                this.snackbarService.open('Failed to save signature. Please try again.', 'DISMISS', {\n                  duration: 3000\n                });\n                this.adoptedAndSigned = false;\n                return err;\n              });\n            }\n          });\n        } else {\n          this.signatureService.postInitialBlob().then(result => {\n            if (result && result.id && result.url) {\n              currentField = this.signatureService.currField;\n              this.signatureService.updateInitialed(currentField.fName, true);\n              this.signatureService.setInitialId(result.id);\n              this.signatureService.toggleSig(false);\n              this.signatureService.putInitialField(this.envelopeId, this.fieldName, result.id).then(res => {\n                if (res && res.settings) {\n                  this.signatureService.setInitialData(res.settings.base64);\n                  this.signatureService.setInitialId(res.settings.initial_id);\n                }\n                this.snackbarService.dismiss();\n                this.dialog.close({ status: 'saved', temp_int: res.settings.base64, int_id: res.settings.initial_id });\n              }).catch(err => {\n                this.snackbarService.open('Failed to save initial. Please try again.', 'DISMISS', {\n                  duration: 3000\n                });\n                this.adoptedAndSigned = false;\n                return err;\n              });\n            }\n          });\n        }\n        break;\n    }\n  }\n   */\n\n  render() {\n    return (\n      <Host class={{open: this.open}}>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">Create Your Initial</div>\n\n            <div class=\"content\">\n              <verdocs-text-input placeholder=\"Initials...\" label=\"Initials\" value={this.enteredInitials} onFieldInput={e => this.handleNameChange(e)} />\n              <div class=\"as-shown\">As shown on driver's license or govt. ID card.</div>\n\n              <div class=\"tabs\">\n                <div class={{tab: true, active: this.mode === 'type'}} onClick={() => (this.mode = 'type')}>\n                  Type\n                </div>\n                <div class={{tab: true, active: this.mode === 'draw'}} onClick={() => (this.mode = 'draw')}>\n                  Draw\n                </div>\n              </div>\n\n              {this.fontLoaded ? <canvas ref={el => (this.canvasElement = el as HTMLCanvasElement)} /> : <div style={{display: 'none'}} />}\n\n              <div class=\"disclaimer\">\n                By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents,\n                including legally binding contracts &mdash; just the same as a pen-and-paper signature or initial.\n              </div>\n\n              <div class=\"buttons\">\n                <verdocs-button label=\"CANCEL\" variant=\"outline\" onPress={() => this.handleCancel()} />\n                <verdocs-button label=\"Adopt & Sign\" onPress={() => this.handleAdopt()} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/verdocs-kba-dialog.cjs.entry.js

@@ -79,3 +79,5 @@ const VerdocsKbaDialog = class {
 VerdocsKbaDialog.style = verdocsKbaDialogCss;
 
 exports.verdocs_kba_dialog = VerdocsKbaDialog;
+
+//# sourceMappingURL=verdocs-kba-dialog.cjs.entry.js.map

package/dist/cjs/verdocs-kba-dialog.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-kba-dialog.entry.cjs.js","mappings":"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","names":["h","Host","Fragment"],"sources":["./src/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.scss?tag=verdocs-kba-dialog","./src/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-kba-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .background-overlay {\n    position: absolute;\n    z-index: 10000;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #0000007f;\n  }\n\n  .dialog {\n    width: 440px;\n    display: flex;\n    flex-direction: column;\n    border-radius: 4px;\n    overflow: hidden;\n    background: #fff;\n    padding: 16px;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n  }\n\n  .heading {\n    display: flex;\n    flex-direction: row;\n    font-size: 20px;\n    font-weight: 500;\n  }\n\n  .step {\n    margin-left: 6px;\n    color: #666;\n  }\n\n  .help-box {\n    background-color: $border-color;\n    display: flex;\n    flex-direction: row;\n    margin: 14px 0;\n    padding: 14px;\n    align-items: center;\n    color: white;\n  }\n\n  .help-details {\n    display: flex;\n    flex-direction: column;\n    margin-left: 15px;\n    font-size: 14px;\n  }\n\n  .help-icon {\n    width: 40px;\n    height: 40px;\n  }\n\n  .help-title {\n    font-weight: 600;\n    margin-bottom: 4px;\n  }\n\n  .help-text {\n    font-weight: 400;\n  }\n\n  .choices {\n    display: grid;\n    gap: 15px;\n    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\n    margin: 0 0 15px 0;\n  }\n\n  .choice {\n    border: 1px solid $border-color;\n    border-radius: 5px;\n    display: flex;\n    height: 60px;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    color: $choice-available-color;\n    cursor: pointer;\n\n    &.selected {\n      background-color: $border-color;\n      color: $verdocs-grey-4;\n    }\n  }\n\n  .buttons {\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n    justify-content: flex-end;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter, Fragment, Host, State} from '@stencil/core';\nimport Question from './question.svg';\n\n/**\n * Display a text input field. This adds a partially-transparent overlay and screen-centered dialog\n * box with a message and optional header/title. An OK button is shown that will dismiss the message.\n * It can also be dismissed by clicking the background overlay.\n */\n@Component({\n  tag: 'verdocs-kba-dialog',\n  styleUrl: 'verdocs-kba-dialog.scss',\n})\nexport class VerdocsKbaDialog {\n  /**\n   * Which step this confirmation is for, in a multi-step process. Ignored if `steps` is < 2.\n   */\n  @Prop() step: number = 1;\n\n  /**\n   * How many steps exist in a multi-step process. Set to 1 for a single-step process (hides the indicator).\n   */\n  @Prop() steps: number = 3;\n\n  /**\n   * If set, a help/instructions box will be displayed with this title\n   */\n  @Prop() helptitle: string = 'One Time Code';\n\n  /**\n   * If set, a help/instructions box will be displayed with this text\n   */\n  @Prop() helptext: string = 'Please check your text messages for a security code, and enter the code below.';\n\n  /**\n   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n   */\n  @Prop() mode: 'text' | 'choice' = 'choice';\n\n  /**\n   * For text input challenges, the label to display next to the input field.\n   */\n  @Prop() label: string = 'PIN';\n\n  /**\n   * For text input challenges, the placeholder to display inside the input field.\n   */\n  @Prop() placeholder: string = 'Enter your PIN...';\n\n  /**\n   * For choice challenges, a set of choices to choose from. 6 choices is recommended to fit most screen sizes.\n   */\n  @Prop() choices: string[] = ['553 Arbor Dr', '18 Lacey Ln', '23A Ball Ct', '2375 Cavallo Blvd', '23-1 RR-7', '151 Boulder Rd'];\n\n  /**\n   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n   */\n  @Prop() open: boolean = false;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the closure reason.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the closure reason.\n   */\n  @Event({composed: true}) done: EventEmitter<string>;\n\n  @State() response = '';\n\n  handleCancel() {\n    this.cancel.emit();\n    this.open = false;\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.handleCancel();\n    }\n  }\n\n  handleDone() {\n    this.done.emit(this.response);\n    this.open = false;\n  }\n\n  render() {\n    return (\n      <Host style={{display: this.open ? 'block' : 'none'}}>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">\n              Confirm Your Identity\n              {this.steps > 1 ? (\n                <span class=\"step\">\n                  ({this.step}/{this.steps})\n                </span>\n              ) : (\n                <Fragment />\n              )}\n            </div>\n\n            <div class=\"help-box\">\n              <div class=\"help-icon\" innerHTML={Question} />\n              <div class=\"help-details\">\n                <div class=\"help-title\">{this.helptitle}</div>\n                <div class=\"help-text\">{this.helptext}</div>\n              </div>\n            </div>\n\n            {this.mode === 'choice' ? (\n              <div class=\"choices\">\n                {this.choices.map(choice => (\n                  <div\n                    class={`choice ${choice === this.response ? 'selected' : ''}`}\n                    onClick={() => {\n                      this.response = choice;\n                    }}\n                  >\n                    {choice}\n                  </div>\n                ))}\n              </div>\n            ) : (\n              <div class=\"input\">\n                <label htmlFor=\"verdocs-kba-input\">{this.label}</label>\n                <input type=\"text\" id=\"verdocs-kba-input\" name=\"verdocs-kba-input\" placeholder={this.placeholder} />\n              </div>\n            )}\n\n            <div class=\"buttons\">\n              <verdocs-button label=\"Cancel\" variant=\"outline\" onPress={() => this.handleCancel()} />\n              <verdocs-button label=\"Done\" onPress={() => this.handleDone()} disabled={!this.response} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/verdocs-loader.cjs.entry.js

@@ -17,3 +17,5 @@ const VerdocsLoader = class {
 VerdocsLoader.style = verdocsLoaderCss;
 
 exports.verdocs_loader = VerdocsLoader;
+
+//# sourceMappingURL=verdocs-loader.cjs.entry.js.map

package/dist/cjs/verdocs-loader.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-loader.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,2pUAA2pU;;MCUvqU,aAAa;;;;EACxB,MAAM;IACJ,OAAOA,QAACC,UAAI,OAAG,CAAC;GACjB;;;;;;","names":["h","Host"],"sources":["./src/components/controls/verdocs-loader/verdocs-loader.scss?tag=verdocs-loader","./src/components/controls/verdocs-loader/verdocs-loader.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-loader {\n  display: block;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-left: -20px;\n  margin-top: -20px;\n  font-size: 24px;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  text-indent: -9999em;\n  -webkit-animation: load5 1.1s infinite ease;\n  animation: verdocs-loader-kf 1.1s infinite ease;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n}\n\n@keyframes verdocs-loader-kf {\n  0%,\n  100% {\n    box-shadow: 0em -2.6em 0em 0em $verdocs-bg-2, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.3), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4);\n  }\n  12.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.4), 1.8em -1.8em 0 0em $verdocs-bg-2, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3);\n  }\n  25% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.3), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.4), 2.5em 0em 0 0em $verdocs-bg-2, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  37.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.3), 2.5em 0em 0 0em rgba(0, 0, 0, 0.4), 1.75em 1.75em 0 0em $verdocs-bg-2,\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  50% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.3), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.4),\n      0em 2.5em 0 0em $verdocs-bg-2, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  62.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.3),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.4), -1.8em 1.8em 0 0em $verdocs-bg-2, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  75% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.3), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.4), -2.6em 0em 0 0em $verdocs-bg-2, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);\n  }\n  87.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2),\n      0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.3), -2.6em 0em 0 0em rgba(0, 0, 0, 0.4), -1.8em -1.8em 0 0em $verdocs-bg-2;\n  }\n}\n","import {Component, h, Host} from '@stencil/core';\n\n/**\n * Animated loader placeholder. There are currently no configuration options for this control.\n */\n@Component({\n  tag: 'verdocs-loader',\n  styleUrl: 'verdocs-loader.scss',\n  shadow: false,\n})\nexport class VerdocsLoader {\n  render() {\n    return <Host />;\n  }\n}\n"],"version":3}

package/dist/cjs/verdocs-ok-dialog.cjs.entry.js

@@ -46,3 +46,5 @@ const VerdocsOkDialog = class {
 VerdocsOkDialog.style = verdocsOkDialogCss;
 
 exports.verdocs_ok_dialog = VerdocsOkDialog;
+
+//# sourceMappingURL=verdocs-ok-dialog.cjs.entry.js.map

package/dist/cjs/verdocs-ok-dialog.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-ok-dialog.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,ulCAAulC;;MCWrmC,eAAe;EAJ5B;;;;;;IAQU,YAAO,GAAW,EAAE,CAAC;;;;IAKrB,YAAO,GAAW,EAAE,CAAC;;;;IAKrB,SAAI,GAAY,KAAK,CAAC;;;;;IAMtB,WAAM,GAAY,KAAK,CAAC;GAuCjC;EAhCC,WAAW,CAAC,MAAuB;IACjC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACzB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;GACnB;;EAGD,aAAa,CAAC,CAAM;IAClB,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,KAAK,oBAAoB,EAAE;MAC/C,CAAC,CAAC,cAAc,EAAE,CAAC;MACnB,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;KAC5B;GACF;EAED,MAAM;IACJ,QACEA,QAACC,UAAI,IAAC,KAAK,EAAE,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,GAAG,OAAO,GAAG,MAAM,EAAC,IAClDD,iBAAK,KAAK,EAAC,oBAAoB,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IACjEA,iBAAK,KAAK,EAAC,QAAQ,IACjBA,iBAAK,KAAK,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAO,EACzCA,iBAAK,KAAK,EAAC,SAAS,IACjB,IAAI,CAAC,OAAO,EAEbA,iBAAK,KAAK,EAAC,SAAS,IACjB,IAAI,CAAC,MAAM,GAAGA,4BAAgB,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAI,GAAGA,iBAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,GAAI,EACjJA,4BAAgB,KAAK,EAAC,IAAI,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAI,CAChE,CACF,CACF,CACF,CACD,EACP;GACH;;;;;;","names":["h","Host"],"sources":["./src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.scss?tag=verdocs-ok-dialog","./src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-ok-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n\n  .background-overlay {\n    position: absolute;\n    z-index: 10000;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #0000007f;\n  }\n\n  .dialog {\n    max-width: 50%;\n    display: flex;\n    flex-direction: column;\n    border-radius: 4px;\n    overflow: hidden;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n  }\n\n  .heading {\n    display: flex;\n    font-size: 16px;\n    flex-direction: row;\n    background: #444444;\n    padding: 8px 16px;\n    color: $verdocs-grey-4;\n  }\n\n  .content {\n    font-size: 16px;\n    background: $verdocs-grey-4;\n    padding: 20px;\n  }\n\n  .buttons {\n    display: flex;\n    margin: 20px 0 0 0;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-end;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter, Host} from '@stencil/core';\n\n/**\n * Display a simple text dialog box with an Ok button. This adds a partially-transparent overlay and screen-centered dialog\n * box with a message and optional header/title. An OK button is shown that will dismiss the message.\n * It can also be dismissed by clicking the background overlay.\n */\n@Component({\n  tag: 'verdocs-ok-dialog',\n  styleUrl: 'verdocs-ok-dialog.scss',\n})\nexport class VerdocsOkDialog {\n  /**\n   * The title of the dialog. \"title\" is a reserved word, so we use heading.\n   */\n  @Prop() heading: string = '';\n\n  /**\n   * The message content to display.\n   */\n  @Prop() message: string = '';\n\n  /**\n   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n   */\n  @Prop() open: boolean = false;\n\n  /**\n   * If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background\n   * overlay to dismiss it.\n   */\n  @Prop() cancel: boolean = false;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the closure reason.\n   */\n  @Event({composed: true}) closed: EventEmitter<'cancel' | 'ok'>;\n\n  handleClose(reason: 'cancel' | 'ok') {\n    this.closed.emit(reason);\n    this.open = false;\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.handleClose('cancel');\n    }\n  }\n\n  render() {\n    return (\n      <Host style={{display: this.open ? 'block' : 'none'}}>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">{this.heading}</div>\n            <div class=\"content\">\n              {this.message}\n\n              <div class=\"buttons\">\n                {this.cancel ? <verdocs-button label=\"CANCEL\" variant=\"outline\" onPress={() => this.handleClose('cancel')} /> : <div style={{display: 'none'}} />}\n                <verdocs-button label=\"OK\" onPress={() => this.handleClose('ok')} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/verdocs-organization-card.cjs.entry.js

@@ -20,3 +20,5 @@ const VerdocsOrganizationCard = class {
 VerdocsOrganizationCard.style = verdocsOrganizationCardCss;
 
 exports.verdocs_organization_card = VerdocsOrganizationCard;
+
+//# sourceMappingURL=verdocs-organization-card.cjs.entry.js.map

package/dist/cjs/verdocs-organization-card.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-organization-card.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,0BAA0B,GAAG,yiDAAyiD;;MCW/jD,uBAAuB;;;;EAMlC,MAAM;IACJ,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IAC/D,QACEA,QAACC,UAAI,QACHD,kBAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,GAAI,EAE3CA,kBAAM,KAAK,EAAC,SAAS,IAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAQ,EAErDA,iBAAK,KAAK,EAAC,OAAO,IAChBA,iBAAK,KAAK,EAAC,cAAc,IACvBA,kBAAM,KAAK,EAAC,QAAQ,GAAG,EACvBA,kBAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAQ,CAC/C,EACNA,iBAAK,KAAK,EAAC,YAAY,IACrBA,kBAAM,KAAK,EAAC,QAAQ,IAClBA,4BAAa,OAAE,YAAY,CACtB,EACPA,kBAAM,KAAK,EAAC,WAAW,IACrBA,+BAAgB,QACX,EACPA,kBAAM,KAAK,EAAC,SAAS,IACnBA,6BAAc,CACT,EACPA,kBAAM,KAAK,EAAC,WAAW,IACrBA,+BAAgB,OACX,EACPA,+CAAmC,CAC/B,CACF,CACD,EACP;GACH;;;;;;","names":["h","Host"],"sources":["./src/components/controls/verdocs-organization-card/verdocs-organization-card.scss?tag=verdocs-organization-card","./src/components/controls/verdocs-organization-card/verdocs-organization-card.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-organization-card {\n  font-family: $primary-font;\n  width: 242px;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n\n  &:hover > .popup {\n    display: flex;\n    background: #ffffff;\n    color: $medium-bg;\n  }\n\n  .icon {\n    flex: 0;\n    margin: 0 7px 0 0;\n\n    svg {\n      fill: $icon-color;\n      width: 24px;\n      margin-bottom: -5px;\n    }\n  }\n\n  .popup {\n    position: absolute;\n    top: -1px;\n    left: -4px;\n    display: none;\n    border: 1px solid $dark-bg;\n    border-radius: 10px;\n    width: 326px;\n    height: 220px;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    align-items: center;\n    justify-content: space-evenly;\n    font-family: sans-serif;\n  }\n\n  .popup-header {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    width: 242px;\n    height: 69px;\n    justify-content: space-between;\n    font-size: 21px;\n    color: $secondary-color;\n  }\n\n  .popup-body {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    width: 256.2px;\n    height: 95px;\n    justify-content: space-evenly;\n    font-size: 13px;\n    text-transform: uppercase;\n\n    span {\n      display: block;\n      flex: 2 80px;\n      margin-left: 7px;\n\n      &:last-child {\n        margin-top: 5px;\n      }\n    }\n  }\n\n  .status {\n    width: 29px;\n    height: 29px;\n    background-color: $icon-color;\n    border-radius: 50%;\n  }\n}\n","import {Component, Prop, h, Host} from '@stencil/core';\nimport {IOrganization} from '@verdocs/js-sdk/Organizations/Types';\nimport UserGroup from './user-group.svg';\n\n/**\n * Display a pop-up describing the company that was hovered over\n */\n@Component({\n  tag: 'verdocs-organization-card',\n  styleUrl: 'verdocs-organization-card.scss',\n})\nexport class VerdocsOrganizationCard {\n  /**\n   * The organization to display\n   */\n  @Prop() organization: IOrganization;\n\n  render() {\n    console.log('org', JSON.stringify(this.organization, null, 2));\n    return (\n      <Host>\n        <span class=\"icon\" innerHTML={UserGroup} />\n\n        <span class=\"content\">{this.organization.name}</span>\n\n        <div class=\"popup\">\n          <div class=\"popup-header\">\n            <span class=\"status\" />\n            <span class=\"title\">{this.organization.name}</span>\n          </div>\n          <div class=\"popup-body\">\n            <span class=\"joined\">\n              <b>Joined</b> {'Jan 1 2022'}\n            </span>\n            <span class=\"followers\">\n              <b>Followers</b> 57\n            </span>\n            <span class=\"website\">\n              <b>Website</b>\n            </span>\n            <span class=\"templates\">\n              <b>Templates</b> 7\n            </span>\n            <span>https://www.google.com</span>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/verdocs-quick-functions.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-589f3be8.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-2c7ecda8.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-4b97517d.js');
 
 const TemplateIcon = `<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/><g><path d="M19,5v14H5V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3L19,3z"/></g><path d="M14,17H7v-2h7V17z M17,13H7v-2h10V13z M17,9H7V7h10V9z"/></g></svg>`;
 
@@ -34,3 +34,5 @@ const VerdocsQuickFunctions = class {
 VerdocsQuickFunctions.style = verdocsQuickFunctionsCss;
 
 exports.verdocs_quick_functions = VerdocsQuickFunctions;
+
+//# sourceMappingURL=verdocs-quick-functions.cjs.entry.js.map

package/dist/cjs/verdocs-quick-functions.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-quick-functions.entry.cjs.js","mappings":";;;;;;;;;;;AAAA,MAAM,wBAAwB,GAAG,q6BAAq6B;;MCez7B,qBAAqB;EAJlC;;;;;;;IAQU,aAAQ,GAAoBA,+BAAe,CAAC,UAAU,EAAE,CAAC;GAiClE;EArBC,oBAAoB;IAClB,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;GAC5B;EAED,oBAAoB;IAClB,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;GAC5B;EAED,MAAM;IACJ,QACEC,iBAAK,KAAK,EAAC,WAAW,IACpBA,eAAG,KAAK,EAAC,OAAO,mBAAiB,EACjCA,oBAAQ,OAAO,EAAE,MAAM,IAAI,CAAC,oBAAoB,EAAE,EAAE,SAAS,EAAE,YAAY,eAElE,EACTA,oBAAQ,OAAO,EAAE,MAAM,IAAI,CAAC,oBAAoB,EAAE,EAAE,SAAS,EAAE,YAAY,eAElE,CACL,EACN;GACH;;;;;;","names":["VerdocsEndpoint","h"],"sources":["./src/components/elements/verdocs-quick-functions/verdocs-quick-functions.scss?tag=verdocs-quick-functions","./src/components/elements/verdocs-quick-functions/verdocs-quick-functions.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-quick-functions {\n  font-family: $verdocs-primary-font;\n\n  .container {\n    display: flex;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    width: 240px;\n    background-color: var(--verdocs-background-dark);\n    text-transform: uppercase;\n    padding: 10px 10px 20px 10px;\n    font-family: sans-serif;\n    color: #ffffff;\n  }\n\n  .title {\n    font-size: 22px;\n    font-weight: 700;\n    line-height: 30px;\n    margin: 1em 0 40px 0;\n  }\n\n  button {\n    width: 140px;\n    height: 40px;\n    border: none;\n    display: flex;\n    color: #ffffff;\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 25px;\n    align-items: center;\n    margin-bottom: 20px;\n    border-radius: 5px;\n    text-transform: uppercase;\n    justify-content: space-evenly;\n    background-color: #50be50;\n  }\n\n  button svg {\n    fill: #ffffff;\n  }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Prop} from '@stencil/core';\nimport TemplateIcon from './template-icon.svg';\nimport DocumentIcon from './document-icon.svg';\n\n/**\n * Display quick-function buttons for creating templates and documents.\n *\n * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth\n * embed. This Element will reuse the same session produced by logging in via that Embed.\n */\n@Component({\n  tag: 'verdocs-quick-functions',\n  styleUrl: 'verdocs-quick-functions.scss',\n})\nexport class VerdocsQuickFunctions {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * Event fired when an entry is clicked.\n   */\n  @Event({composed: true}) createTemplate: EventEmitter;\n\n  /**\n   * Event fired when an entry is clicked.\n   */\n  @Event({composed: true}) createDocument: EventEmitter;\n\n  handleCreateTemplate() {\n    this.createTemplate.emit();\n  }\n\n  handleCreateDocument() {\n    this.createDocument.emit();\n  }\n\n  render() {\n    return (\n      <div class=\"container\">\n        <p class=\"title\">Quick Create</p>\n        <button onClick={() => this.handleCreateTemplate()} innerHTML={TemplateIcon}>\n          Template\n        </button>\n        <button onClick={() => this.handleCreateDocument()} innerHTML={DocumentIcon}>\n          Document\n        </button>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/verdocs-search-activity_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-589f3be8.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-2c7ecda8.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-4b97517d.js');
 
 /**
  * A Template defines how a Verdocs signing flow will be performed, including attachments, signing fields, and
@@ -231,3 +231,5 @@ VerdocsSearchBox.style = verdocsSearchBoxCss;
 
 exports.verdocs_search_activity = VerdocsSearchActivity;
 exports.verdocs_search_box = VerdocsSearchBox;
+
+//# sourceMappingURL=verdocs-search-activity_2.cjs.entry.js.map

package/dist/cjs/verdocs-search-activity_2.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-search-activity.verdocs-search-box.entry.cjs.js","mappings":"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","names":["this","VerdocsEndpoint","h"],"sources":["./node_modules/@verdocs/js-sdk/Templates/Templates.js","./node_modules/@verdocs/js-sdk/Search/Content.js","./src/components/elements/verdocs-search-activity/verdocs-search-activity.scss?tag=verdocs-search-activity","./src/components/elements/verdocs-search-activity/verdocs-search-activity.tsx","./src/components/elements/verdocs-search-box/verdocs-search-box.scss?tag=verdocs-search-box","./src/components/elements/verdocs-search-box/verdocs-search-box.tsx"],"sourcesContent":["/**\n * A Template defines how a Verdocs signing flow will be performed, including attachments, signing fields, and\n * recipients.\n *\n * @module\n */\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n/**\n * Get all templates accessible by the caller, with optional filters.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * await Templates.getTemplates();\n * await Templates.getTemplates({ is_starred: true });\n * await Templates.getTemplates({ is_creator: true });\n * await Templates.getTemplates({ is_organization: true });\n * ```\n */\nexport var getTemplates = function (endpoint, params) {\n    return endpoint.api //\n        .get('/templates/', { params: params })\n        .then(function (r) { return r.data; });\n};\n/**\n * Get one template by its ID.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const template = await Templates.getTemplate('83da3d70-7857-4392-b876-c4592a304bc9');\n * ```\n */\nexport var getTemplate = function (endpoint, templateId) {\n    return endpoint.api //\n        .get(\"/templates/\".concat(templateId))\n        .then(function (r) { return r.data; });\n};\n/**\n * Create a template.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const newTemplate = await Templates.createTemplate({...});\n * ```\n */\nexport var createTemplate = function (endpoint, params) {\n    return endpoint.api //\n        .post('/templates/', params)\n        .then(function (r) { return r.data; });\n};\n/**\n * Update a template.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const updatedTemplate = await Templates.updateTemplate('83da3d70-7857-4392-b876-c4592a304bc9', { name: 'New Name' });\n * ```\n */\nexport var updateTemplate = function (endpoint, templateId, params) {\n    return endpoint.api //\n        .put(\"/templates/\".concat(templateId), params)\n        .then(function (r) { return r.data; });\n};\n/**\n * Search for templates matching various criteria.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const {result, page, total} = await Templates.search({ ... });\n * ```\n */\nexport var searchTemplates = function (endpoint, params) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .post('/templates/search', params)\n                .then(function (r) { return r.data; })];\n    });\n}); };\n/**\n * Get a summary of template data, typically used to populate admin panel dashboard pages.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const summary = await Templates.getSummary(0);\n * ```\n */\nexport var getSummary = function (endpoint, page) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .post('/templates/summary', { page: page })\n                .then(function (r) { return r.data; })];\n    });\n}); };\n","/**\n * Verdocs provides a range of search functions to help find and retrieve content. This module provides generic functions intended\n * to locate items across all content types. More specific retrievals may be performed using the various \"list\" endpoints within\n * each collection (e.g. {@link Documents.Documents.searchDocuments} or {@link Templates.Templates.searchTemplates}).\n *\n * @module\n */\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n/**\n * Retrieve recent and saved searches. Note that result counts will be limited to a maximum of 20 entries for each\n * type but this may be expanded in the future. Client UI's should self-limit display counts as needed.\n *\n * ```typescript\n * import {Content} from '@verdocs/js-sdk/Search';\n *\n * const {recent, saved} = await Content.getSearchHistory();\n * ```\n */\nexport var getSearchHistory = function (endpoint) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .get('/search/history')\n                .then(function (r) { return r.data; })];\n    });\n}); };\n/**\n * Save a search. If a name is re-used, that saved search will be overwritten with the new parameters.\n *\n * ```typescript\n * import {Content} from '@verdocs/js-sdk/Search';\n *\n * const entry = await Documents.saveSearch('W9 Forms', {q: 'w9', type: 'template});\n * ```\n */\nexport var saveSearch = function (endpoint, name, params) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .post('/search/saved', { name: name, params: params })\n                .then(function (r) { return r.data; })];\n    });\n}); };\n/**\n * Search for documents matching various criteria.\n *\n * ```typescript\n * import {Content} from '@verdocs/js-sdk/Search';\n *\n * const {result, page, total} = await Documents.search({ ... });\n * ```\n */\nexport var searchContent = function (endpoint, params) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .post('/search/content', params)\n                .then(function (r) { return r.data; })];\n    });\n}); };\n","@import '../../../theme.scss';\n\nverdocs-search-activity {\n  font-family: $verdocs-primary-font;\n\n  .container {\n    display: flex;\n    width: 240px;\n    color: #ffffff;\n    flex-direction: column;\n    text-transform: uppercase;\n    padding: 10px 10px 20px 10px;\n    background-color: var(--verdocs-background-dark);\n  }\n\n  .title {\n    font-size: 22px;\n    font-weight: 700;\n    line-height: 30px;\n  }\n\n  .items {\n    display: flex;\n    margin-top: 20px;\n    flex-direction: column;\n  }\n\n  .item {\n    border: none;\n    display: flex;\n    text-align: left;\n    margin-bottom: 20px;\n    flex-direction: row;\n    background: transparent;\n  }\n\n  .item:hover {\n    cursor: pointer;\n  }\n\n  .icon {\n    flex: 0 0 22px;\n    margin-right: 14px;\n  }\n\n  .icon svg {\n    fill: #707ae5;\n    width: 22px;\n    height: 22px;\n  }\n\n  .details {\n    display: flex;\n    overflow: hidden;\n    flex-direction: column;\n  }\n\n  .item-title {\n    font-size: 16px;\n    font-weight: 400;\n    color: #ffffff;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .info {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 23px;\n    color: #aeb4bf;\n  }\n\n  .empty {\n    text-transform: none;\n    line-height: 22px;\n    color: #ccc;\n  }\n}\n","import {ITemplate} from '@verdocs/js-sdk/Templates/Types';\nimport {getSearchHistory} from '@verdocs/js-sdk/Search/Content';\nimport {getTemplates} from '@verdocs/js-sdk/Templates/Templates';\nimport {IRecentSearch, ISavedSearch} from '@verdocs/js-sdk/Search/Types';\nimport {Component, h, Prop, Event, EventEmitter, State} from '@stencil/core';\nimport {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport DocumentIcon from './document-icon.svg';\n\n/**\n * Display a list of starred items.\n *\n * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth\n * embed. This Element will reuse the same session produced by logging in via that Embed.\n */\n@Component({\n  tag: 'verdocs-search-activity',\n  styleUrl: 'verdocs-search-activity.scss',\n  shadow: false,\n})\nexport class VerdocsSearchActivity {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  @Prop() type: 'recent' | 'saved' | 'starred' = 'recent';\n\n  @Prop() options: any;\n\n  /**\n   * Event fired when an entry is clicked.\n   */\n  @Event({composed: true}) entrySelected: EventEmitter<IRecentSearch>;\n\n  @State() emptyMessage = 'You do not have any starred searches.';\n\n  @State() authFailure = false;\n\n  @State() title = 'Recent Searches';\n\n  @State() recent: IRecentSearch[] = [];\n\n  @State() saved: ISavedSearch[] = [];\n\n  @State() starred: ITemplate[] = [];\n\n  componentWillLoad() {\n    this.endpoint.loadSession();\n\n    const errorHandler = e => {\n      console.warn('[Verdocs/search-activity] Error getting search data', e);\n      if (e?.response?.status === 401) {\n        this.authFailure = true;\n      }\n    };\n\n    switch (this.type) {\n      case 'recent':\n        this.title = 'Recent Searches';\n        this.emptyMessage = 'You do not have any recent searches.';\n        getSearchHistory(this.endpoint)\n          .then(r => (this.recent = r.recent))\n          .catch(errorHandler);\n        break;\n\n      case 'saved':\n        this.title = 'Saved Searches';\n        this.emptyMessage = 'You do not have any saved searches.';\n        getSearchHistory(this.endpoint)\n          .then(r => (this.saved = r.saved))\n          .catch(errorHandler);\n        break;\n\n      case 'starred':\n        this.title = 'My Starred items';\n        this.emptyMessage = 'You do not have any starred templates.';\n        getTemplates(this.endpoint, {is_starred: true})\n          .then(r => (this.starred = r))\n          .catch(errorHandler);\n        break;\n    }\n  }\n\n  handleSelectEntry(entry: any) {\n    this.entrySelected.emit(entry);\n  }\n\n  computePagesText(pages) {\n    if (pages < 2) {\n      return `${pages} Page`;\n    } else {\n      return `${pages} Pages`;\n    }\n  }\n\n  computeRecipientsText(recipients) {\n    if (typeof recipients === 'object') {\n      return recipients.join(', ');\n    } else if (recipients > 1) {\n      return `${recipients} Recipients`;\n    } else {\n      return `${recipients} Recipient`;\n    }\n  }\n\n  render() {\n    const showEmpty = this.recent.length < 1 && this.saved.length < 1 && this.starred.length < 1;\n\n    return (\n      <div class=\"container\">\n        <p class=\"title\">{this.title}</p>\n\n        <div class=\"items\">\n          {this.recent.map(recent => (\n            <button class=\"item\" onClick={() => this.handleSelectEntry(recent)}>\n              <div class=\"icon\" innerHTML={DocumentIcon} />\n              <div class=\"details\">\n                <div class=\"item-title\">{recent.params.q}</div>\n                <div class=\"info\">Test</div>\n              </div>\n            </button>\n          ))}\n\n          {this.saved.map(option => (\n            <button class=\"item\" onClick={() => this.handleSelectEntry(option)}>\n              <div class=\"icon\" innerHTML={DocumentIcon} />\n              <div class=\"details\">\n                <div class=\"item-title\">{option.params.q}</div>\n                <div class=\"info\">\n                  {/*{option.pages ? `${this.computePagesText(option.pages)} ` : ''}*/}\n                  {/*{option.recipients ? this.computeRecipientsText(option.recipients) : ''}*/}\n                </div>\n              </div>\n            </button>\n          ))}\n\n          {showEmpty && <div class=\"empty\">{this.authFailure ? 'Authentication required' : this.emptyMessage}</div>}\n        </div>\n      </div>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-search-box {\n  font-family: $verdocs-primary-font;\n\n  form {\n    display: flex;\n    flex-direction: row;\n    height: 45px;\n    box-sizing: border-box;\n    margin: 5px 0 0;\n    border-radius: 5px;\n    align-items: center;\n    background-color: #fff;\n    padding: 0 8px;\n    border-width: 1px;\n    border-style: solid;\n    border-color: var(--verdocs-container-border-color);\n\n    input {\n      box-sizing: border-box;\n      height: 43px;\n      width: 100%;\n      font-size: 18px;\n      border: none;\n\n      &:focus {\n        outline: none;\n      }\n    }\n\n    button.search {\n      cursor: pointer;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      box-sizing: border-box;\n      border-radius: 4px;\n      border: none;\n      width: 100px;\n      height: 28px;\n      font-weight: 700;\n      font-size: 10px;\n      letter-spacing: 1px;\n      background-color: #50be80;\n      text-transform: uppercase;\n      color: #fff;\n    }\n\n    .type {\n      background-color: #707ae5;\n      height: 30px;\n      display: inline-flex;\n      padding: 1px 0 2px 10px;\n      font-size: 13px;\n      line-height: 16px;\n      border-radius: 4px;\n      justify-content: center;\n      text-transform: uppercase;\n      align-items: center;\n      flex-direction: row;\n      color: #fff;\n      margin-right: 10px;\n\n      button {\n        border: none;\n        color: #fff;\n        margin: 5px 0 0 8px;\n        background: transparent;\n      }\n    }\n\n    svg {\n      width: 12px;\n      height: 12px;\n      margin-right: 6px;\n    }\n  }\n\n  ::placeholder {\n    color: #aeb4bf;\n  }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Prop} from '@stencil/core';\nimport SearchIcon from './search.svg';\nimport CloseIcon from './close.svg';\n\nexport type TContentType = 'all' | 'document' | 'template' | 'organization';\n\nexport interface ISearchEvent {\n  query: string;\n  type: TContentType;\n}\n\n/**\n * Displays a customizable input box for search queries.\n *\n * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth\n * embed. This Element will reuse the same session produced by logging in via that Embed.\n */\n@Component({\n  tag: 'verdocs-search-box',\n  styleUrl: 'verdocs-search-box.scss',\n  shadow: false,\n})\nexport class VerdocsSearchBox {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The placeholder to display in the input field.\n   */\n  @Prop() placeholder = 'search documents, templates, people...';\n\n  /**\n   * If set to a value other than 'all', a removeable filter indicator will be displayed.\n   */\n  @Prop() type: TContentType = 'all';\n\n  /**\n   * The text search string entered by the user.\n   */\n  @Prop() query = '';\n\n  /**\n   * Event fired when the user changes the type.\n   */\n  @Event({composed: true}) searchClicked: EventEmitter<ISearchEvent>;\n\n  /**\n   * Event fired when the user changes the type.\n   */\n  @Event({composed: true}) typeChanged: EventEmitter<TContentType>;\n\n  /**\n   * Event fired when the user changes the query string.\n   */\n  @Event({composed: true}) queryChanged: EventEmitter<string>;\n\n  handleSearch(e) {\n    this.searchClicked.emit({type: this.type, query: this.query});\n    e.preventDefault();\n    return false;\n  }\n\n  handleChange(e) {\n    this.queryChanged.emit(e.target.value);\n  }\n\n  handleClearFilter() {\n    this.typeChanged.emit('all');\n  }\n\n  handleKeyUp(e) {\n    if (e.key === 'Enter') {\n      this.searchClicked.emit({type: this.type, query: this.query});\n    }\n  }\n\n  render() {\n    return (\n      <form onSubmit={e => this.handleSearch(e)}>\n        {this.type !== undefined && this.type !== 'all' && (\n          <span class=\"type\">\n            {this.type}s <button class=\"remove\" innerHTML={CloseIcon} onClick={() => this.handleClearFilter()} />\n          </span>\n        )}\n        <input type=\"text\" placeholder={this.placeholder} value={this.query} onInput={e => this.handleChange(e)} onKeyUp={e => this.handleKeyUp(e)} />\n        <button onClick={e => this.handleSearch(e)} class=\"search\">\n          <span innerHTML={SearchIcon} />\n          Search\n        </button>\n      </form>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/verdocs-search-tabs.cjs.entry.js

@@ -18,3 +18,5 @@ const VerdocsSearchTabs = class {
 VerdocsSearchTabs.style = verdocsSearchTabsCss;
 
 exports.verdocs_search_tabs = VerdocsSearchTabs;
+
+//# sourceMappingURL=verdocs-search-tabs.cjs.entry.js.map

package/dist/cjs/verdocs-search-tabs.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-search-tabs.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,oBAAoB,GAAG,mIAAmI;;MCSnJ,iBAAiB;EAL9B;;IAMW,aAAQ,GAAiB,KAAK,CAAC;GAKzC;EAHC,MAAM;IACJ,OAAOA,8BAAiB,CAAC;GAC1B;;;;;;","names":["h"],"sources":["./src/components/elements/verdocs-search-tabs/verdocs-search-tabs.scss?tag=verdocs-search-tabs","./src/components/elements/verdocs-search-tabs/verdocs-search-tabs.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-search-tabs {\n  font-family: $verdocs-primary-font;\n  display: block;\n}\n","import {Component, h, State} from '@stencil/core';\n\nexport type TContentType = 'all' | 'document' | 'template' | 'organization';\n\n@Component({\n  tag: 'verdocs-search-tabs',\n  styleUrl: 'verdocs-search-tabs.scss',\n  shadow: false,\n})\nexport class VerdocsSearchTabs {\n  @State() selected: TContentType = 'all';\n\n  render() {\n    return <div>&nbsp;</div>;\n  }\n}\n"],"version":3}

package/dist/cjs/verdocs-search.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-589f3be8.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-2c7ecda8.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-4b97517d.js');
 
 const verdocsSearchCss = "verdocs-search{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:-ms-flexbox;display:flex;background-color:#1e2031}verdocs-search search-box{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:20px 10px}verdocs-search .boxes{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:20px 0}verdocs-search search-recent,verdocs-search search-saved,verdocs-search search-quick-functions,verdocs-search search-starred{display:-ms-flexbox;display:flex;margin:0 20px 20px 0}";
 
@@ -22,3 +22,5 @@ const VerdocsSearch = class {
 VerdocsSearch.style = verdocsSearchCss;
 
 exports.verdocs_search = VerdocsSearch;
+
+//# sourceMappingURL=verdocs-search.cjs.entry.js.map

package/dist/cjs/verdocs-search.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-search.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,gBAAgB,GAAG,0mBAA0mB;;MCQtnB,aAAa;EAL1B;;;;;IASU,aAAQ,GAAoBA,+BAAe,CAAC,UAAU,EAAE,CAAC;GAgBlE;EAdC,MAAM;IACJ,QACEC,iBAAK,KAAK,EAAC,WAAW,IACpBA,gCAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EAE/CA,iBAAK,KAAK,EAAC,OAAO,IAChBA,qCAAyB,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EAClEA,qCAAyB,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EACjEA,qCAAyB,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EACnEA,oCAAwB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC/C,CACF,EACN;GACH;;;;;;","names":["VerdocsEndpoint","h"],"sources":["./src/components/embeds/verdocs-search/verdocs-search.scss?tag=verdocs-search","./src/components/embeds/verdocs-search/verdocs-search.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-search {\n  font-family: $verdocs-primary-font;\n  display: flex;\n  background-color: $dark-bg;\n\n  search-box {\n    display: flex;\n    flex-direction: column;\n    margin: 20px 10px;\n  }\n\n  .boxes {\n    flex-wrap: wrap;\n    display: flex;\n    flex-direction: row;\n    margin: 20px 0;\n  }\n\n  search-recent,\n  search-saved,\n  search-quick-functions,\n  search-starred {\n    display: flex;\n    margin: 0 20px 20px 0;\n  }\n}\n","import {Component, h, Prop} from '@stencil/core';\nimport {VerdocsEndpoint} from '@verdocs/js-sdk';\n\n@Component({\n  tag: 'verdocs-search',\n  styleUrl: 'verdocs-search.scss',\n  shadow: false,\n})\nexport class VerdocsSearch {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  render() {\n    return (\n      <div class=\"container\">\n        <verdocs-search-box endpoint={this.endpoint} />\n\n        <div class=\"boxes\">\n          <verdocs-search-activity type=\"recent\" endpoint={this.endpoint} />\n          <verdocs-search-activity type=\"saved\" endpoint={this.endpoint} />\n          <verdocs-search-activity type=\"starred\" endpoint={this.endpoint} />\n          <search-quick-functions endpoint={this.endpoint} />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/verdocs-sign.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-589f3be8.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-2c7ecda8.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-4b97517d.js');
 
 var e164Regex = new RegExp(/\+[1-9]\d{6,14}/g);
 function simpleE164Validator(code) {
@@ -354,3 +354,5 @@ const VerdocsSign = class {
 VerdocsSign.style = verdocsSignCss;
 
 exports.verdocs_sign = VerdocsSign;
+
+//# sourceMappingURL=verdocs-sign.cjs.entry.js.map

package/dist/cjs/verdocs-sign.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-sign.entry.cjs.js","mappings":"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","names":["VerdocsEndpoint","Documents.getSigningSession","Documents.getDocument","updateRecipientStatus","Documents.getDocumentFile","Documents.updateDocumentField","index","h","Host"],"sources":["./node_modules/@verdocs/js-sdk/Utils/Locales.js","./node_modules/@verdocs/js-sdk/Templates/Validators.js","./node_modules/@verdocs/js-sdk/Utils/Colors.js","./node_modules/@verdocs/js-sdk/Utils/Fields.js","./src/components/embeds/verdocs-sign/verdocs-sign.scss?tag=verdocs-sign","./src/components/embeds/verdocs-sign/verdocs-sign.tsx"],"sourcesContent":["export var Countries = [\n    {\n        code: '+7 840',\n        name: 'Abkhazia',\n        value: '+7',\n    },\n    {\n        code: '+93',\n        name: 'Afghanistan',\n        value: '+93',\n    },\n    {\n        code: '+355',\n        name: 'Albania',\n        value: '+355',\n    },\n    {\n        code: '+213',\n        name: 'Algeria',\n        value: '+213',\n    },\n    {\n        code: '+1',\n        name: 'American Samoa',\n        value: '+1',\n    },\n    {\n        code: '+376',\n        name: 'Andorra',\n        value: '+376',\n    },\n    {\n        code: '+244',\n        name: 'Angola',\n        value: '+244',\n    },\n    {\n        code: '+1',\n        name: 'Anguilla',\n        value: '+1',\n    },\n    {\n        code: '+1',\n        name: 'Antigua and Barbuda',\n        value: '+1',\n    },\n    {\n        code: '+54',\n        name: 'Argentina',\n        value: '+54',\n    },\n    {\n        code: '+374',\n        name: 'Armenia',\n        value: '+374',\n    },\n    {\n        code: '+297',\n        name: 'Aruba',\n        value: '+297',\n    },\n    {\n        code: '+247',\n        name: 'Ascension',\n        value: '+247',\n    },\n    {\n        code: '+61',\n        name: 'Australia',\n        value: '+61',\n    },\n    {\n        code: '+672',\n        name: 'Australian External Territories',\n        value: '+672',\n    },\n    {\n        code: '+43',\n        name: 'Austria',\n        value: '+43',\n    },\n    {\n        code: '+994',\n        name: 'Azerbaijan',\n        value: '+994',\n    },\n    {\n        code: '+1',\n        name: 'Bahamas',\n        value: '+1',\n    },\n    {\n        code: '+973',\n        name: 'Bahrain',\n        value: '+973',\n    },\n    {\n        code: '+880',\n        name: 'Bangladesh',\n        value: '+880',\n    },\n    {\n        code: '+1',\n        name: 'Barbados',\n        value: '+1',\n    },\n    {\n        code: '+1',\n        name: 'Barbuda',\n        value: '+1',\n    },\n    {\n        code: '+375',\n        name: 'Belarus',\n        value: '+375',\n    },\n    {\n        code: '+32',\n        name: 'Belgium',\n        value: '+32',\n    },\n    {\n        code: '+501',\n        name: 'Belize',\n        value: '+501',\n    },\n    {\n        code: '+229',\n        name: 'Benin',\n        value: '+229',\n    },\n    {\n        code: '+1',\n        name: 'Bermuda',\n        value: '+1',\n    },\n    {\n        code: '+975',\n        name: 'Bhutan',\n        value: '+975',\n    },\n    {\n        code: '+591',\n        name: 'Bolivia',\n        value: '+591',\n    },\n    {\n        code: '+387',\n        name: 'Bosnia and Herzegovina',\n        value: '+387',\n    },\n    {\n        code: '+267',\n        name: 'Botswana',\n        value: '+267',\n    },\n    {\n        code: '+55',\n        name: 'Brazil',\n        value: '+55',\n    },\n    {\n        code: '+246',\n        name: 'British Indian Ocean Territory',\n        value: '+246',\n    },\n    {\n        code: '+1',\n        name: 'British Virgin Islands',\n        value: '+1',\n    },\n    {\n        code: '+673',\n        name: 'Brunei',\n        value: '+673',\n    },\n    {\n        code: '+359',\n        name: 'Bulgaria',\n        value: '+359',\n    },\n    {\n        code: '+226',\n        name: 'Burkina Faso',\n        value: '+226',\n    },\n    {\n        code: '+257',\n        name: 'Burundi',\n        value: '+257',\n    },\n    {\n        code: '+855',\n        name: 'Cambodia',\n        value: '+855',\n    },\n    {\n        code: '+237',\n        name: 'Cameroon',\n        value: '+237',\n    },\n    {\n        code: '+1',\n        name: 'Canada',\n        value: '+1',\n    },\n    {\n        code: '+238',\n        name: 'Cape Verde',\n        value: '+238',\n    },\n    {\n        code: '+1',\n        name: 'Cayman Islands',\n        value: '+1',\n    },\n    {\n        code: '+236',\n        name: 'Central African Republic',\n        value: '+236',\n    },\n    {\n        code: '+235',\n        name: 'Chad',\n        value: '+235',\n    },\n    {\n        code: '+56',\n        name: 'Chile',\n        value: '+56',\n    },\n    {\n        code: '+86',\n        name: 'China',\n        value: '+86',\n    },\n    {\n        code: '+61',\n        name: 'Christmas Island',\n        value: '+61',\n    },\n    {\n        code: '+61',\n        name: 'Cocos-Keeling Islands',\n        value: '+61',\n    },\n    {\n        code: '+57',\n        name: 'Colombia',\n        value: '+57',\n    },\n    {\n        code: '+269',\n        name: 'Comoros',\n        value: '+269',\n    },\n    {\n        code: '+242',\n        name: 'Congo',\n        value: '+242',\n    },\n    {\n        code: '+243',\n        name: 'Congo, Dem. Rep. of (Zaire)',\n        value: '+243',\n    },\n    {\n        code: '+682',\n        name: 'Cook Islands',\n        value: '+682',\n    },\n    {\n        code: '+506',\n        name: 'Costa Rica',\n        value: '+506',\n    },\n    {\n        code: '+385',\n        name: 'Croatia',\n        value: '+385',\n    },\n    {\n        code: '+53',\n        name: 'Cuba',\n        value: '+53',\n    },\n    {\n        code: '+599',\n        name: 'Curacao',\n        value: '+599',\n    },\n    {\n        code: '+537',\n        name: 'Cyprus',\n        value: '+537',\n    },\n    {\n        code: '+420',\n        name: 'Czech Republic',\n        value: '+420',\n    },\n    {\n        code: '+45',\n        name: 'Denmark',\n        value: '+45',\n    },\n    {\n        code: '+246',\n        name: 'Diego Garcia',\n        value: '+246',\n    },\n    {\n        code: '+253',\n        name: 'Djibouti',\n        value: '+253',\n    },\n    {\n        code: '+1',\n        name: 'Dominica',\n        value: '+1',\n    },\n    {\n        code: '+1',\n        name: 'Dominican Republic',\n        value: '+1',\n    },\n    {\n        code: '+670',\n        name: 'East Timor',\n        value: '+670',\n    },\n    {\n        code: '+56',\n        name: 'Easter Island',\n        value: '+56',\n    },\n    {\n        code: '+593',\n        name: 'Ecuador',\n        value: '+593',\n    },\n    {\n        code: '+20',\n        name: 'Egypt',\n        value: '+20',\n    },\n    {\n        code: '+503',\n        name: 'El Salvador',\n        value: '+503',\n    },\n    {\n        code: '+240',\n        name: 'Equatorial Guinea',\n        value: '+240',\n    },\n    {\n        code: '+291',\n        name: 'Eritrea',\n        value: '+291',\n    },\n    {\n        code: '+372',\n        name: 'Estonia',\n        value: '+372',\n    },\n    {\n        code: '+251',\n        name: 'Ethiopia',\n        value: '+251',\n    },\n    {\n        code: '+500',\n        name: 'Falkland Islands',\n        value: '+500',\n    },\n    {\n        code: '+298',\n        name: 'Faroe Islands',\n        value: '+298',\n    },\n    {\n        code: '+679',\n        name: 'Fiji',\n        value: '+679',\n    },\n    {\n        code: '+358',\n        name: 'Finland',\n        value: '+358',\n    },\n    {\n        code: '+33',\n        name: 'France',\n        value: '+33',\n    },\n    {\n        code: '+596',\n        name: 'Martinique',\n        value: '+596',\n    },\n    {\n        code: '+594',\n        name: 'French Guiana',\n        value: '+594',\n    },\n    {\n        code: '+689',\n        name: 'French Polynesia',\n        value: '+689',\n    },\n    {\n        code: '+241',\n        name: 'Gabon',\n        value: '+241',\n    },\n    {\n        code: '+220',\n        name: 'Gambia',\n        value: '+220',\n    },\n    {\n        code: '+995',\n        name: 'Georgia',\n        value: '+995',\n    },\n    {\n        code: '+49',\n        name: 'Germany',\n        value: '+49',\n    },\n    {\n        code: '+233',\n        name: 'Ghana',\n        value: '+233',\n    },\n    {\n        code: '+350',\n        name: 'Gibraltar',\n        value: '+350',\n    },\n    {\n        code: '+30',\n        name: 'Greece',\n        value: '+30',\n    },\n    {\n        code: '+299',\n        name: 'Greenland',\n        value: '+299',\n    },\n    {\n        code: '+1',\n        name: 'Grenada',\n        value: '+1',\n    },\n    {\n        code: '+590',\n        name: 'Guadeloupe',\n        value: '+590',\n    },\n    {\n        code: '+1',\n        name: 'Guam',\n        value: '+1',\n    },\n    {\n        code: '+502',\n        name: 'Guatemala',\n        value: '+502',\n    },\n    {\n        code: '+224',\n        name: 'Guinea',\n        value: '+224',\n    },\n    {\n        code: '+245',\n        name: 'Guinea-Bissau',\n        value: '+245',\n    },\n    {\n        code: '+595',\n        name: 'Guyana',\n        value: '+595',\n    },\n    {\n        code: '+509',\n        name: 'Haiti',\n        value: '+509',\n    },\n    {\n        code: '+504',\n        name: 'Honduras',\n        value: '+504',\n    },\n    {\n        code: '+852',\n        name: 'Hong Kong SAR China',\n        value: '+852',\n    },\n    {\n        code: '+36',\n        name: 'Hungary',\n        value: '+36',\n    },\n    {\n        code: '+354',\n        name: 'Iceland',\n        value: '+354',\n    },\n    {\n        code: '+91',\n        name: 'India',\n        value: '+91',\n    },\n    {\n        code: '+62',\n        name: 'Indonesia',\n        value: '+62',\n    },\n    {\n        code: '+98',\n        name: 'Iran',\n        value: '+98',\n    },\n    {\n        code: '+964',\n        name: 'Iraq',\n        value: '+964',\n    },\n    {\n        code: '+353',\n        name: 'Ireland',\n        value: '+353',\n    },\n    {\n        code: '+972',\n        name: 'Israel',\n        value: '+972',\n    },\n    {\n        code: '+39',\n        name: 'Italy',\n        value: '+39',\n    },\n    {\n        code: '+225',\n        name: 'Ivory Coast',\n        value: '+225',\n    },\n    {\n        code: '+1',\n        name: 'Jamaica',\n        value: '+1',\n    },\n    {\n        code: '+81',\n        name: 'Japan',\n        value: '+81',\n    },\n    {\n        code: '+962',\n        name: 'Jordan',\n        value: '+962',\n    },\n    {\n        code: '+77',\n        name: 'Kazakhstan',\n        value: '+7',\n    },\n    {\n        code: '+254',\n        name: 'Kenya',\n        value: '+254',\n    },\n    {\n        code: '+686',\n        name: 'Kiribati',\n        value: '+686',\n    },\n    {\n        code: '+965',\n        name: 'Kuwait',\n        value: '+965',\n    },\n    {\n        code: '+996',\n        name: 'Kyrgyzstan',\n        value: '+996',\n    },\n    {\n        code: '+856',\n        name: 'Laos',\n        value: '+856',\n    },\n    {\n        code: '+371',\n        name: 'Latvia',\n        value: '+371',\n    },\n    {\n        code: '+961',\n        name: 'Lebanon',\n        value: '+961',\n    },\n    {\n        code: '+266',\n        name: 'Lesotho',\n        value: '+266',\n    },\n    {\n        code: '+231',\n        name: 'Liberia',\n        value: '+231',\n    },\n    {\n        code: '+218',\n        name: 'Libya',\n        value: '+218',\n    },\n    {\n        code: '+423',\n        name: 'Liechtenstein',\n        value: '+423',\n    },\n    {\n        code: '+370',\n        name: 'Lithuania',\n        value: '+370',\n    },\n    {\n        code: '+352',\n        name: 'Luxembourg',\n        value: '+352',\n    },\n    {\n        code: '+853',\n        name: 'Macau SAR China',\n        value: '+853',\n    },\n    {\n        code: '+389',\n        name: 'Macedonia',\n        value: '+389',\n    },\n    {\n        code: '+261',\n        name: 'Madagascar',\n        value: '+261',\n    },\n    {\n        code: '+265',\n        name: 'Malawi',\n        value: '+265',\n    },\n    {\n        code: '+60',\n        name: 'Malaysia',\n        value: '+60',\n    },\n    {\n        code: '+960',\n        name: 'Maldives',\n        value: '+960',\n    },\n    {\n        code: '+223',\n        name: 'Mali',\n        value: '+223',\n    },\n    {\n        code: '+356',\n        name: 'Malta',\n        value: '+356',\n    },\n    {\n        code: '+692',\n        name: 'Marshall Islands',\n        value: '+692',\n    },\n    {\n        code: '+596',\n        name: 'Martinique',\n        value: '+596',\n    },\n    {\n        code: '+222',\n        name: 'Mauritania',\n        value: '+222',\n    },\n    {\n        code: '+230',\n        name: 'Mauritius',\n        value: '+230',\n    },\n    {\n        code: '+262',\n        name: 'Mayotte or Réunion',\n        value: '+262',\n    },\n    {\n        code: '+52',\n        name: 'Mexico',\n        value: '+52',\n    },\n    {\n        code: '+691',\n        name: 'Micronesia',\n        value: '+691',\n    },\n    {\n        code: '+1',\n        name: 'Midway Island',\n        value: '+1',\n    },\n    {\n        code: '+373',\n        name: 'Moldova',\n        value: '+373',\n    },\n    {\n        code: '+377',\n        name: 'Monaco',\n        value: '+377',\n    },\n    {\n        code: '+976',\n        name: 'Mongolia',\n        value: '+976',\n    },\n    {\n        code: '+382',\n        name: 'Montenegro',\n        value: '+382',\n    },\n    {\n        code: '+1',\n        name: 'Montserrat',\n        value: '+1',\n    },\n    {\n        code: '+212',\n        name: 'Morocco',\n        value: '+212',\n    },\n    {\n        code: '+95',\n        name: 'Myanmar',\n        value: '+95',\n    },\n    {\n        code: '+264',\n        name: 'Namibia',\n        value: '+264',\n    },\n    {\n        code: '+674',\n        name: 'Nauru',\n        value: '+674',\n    },\n    {\n        code: '+977',\n        name: 'Nepal',\n        value: '+977',\n    },\n    {\n        code: '+31',\n        name: 'Netherlands',\n        value: '+31',\n    },\n    {\n        code: '+599',\n        name: 'Netherlands Antilles',\n        value: '+599',\n    },\n    {\n        code: '+1',\n        name: 'Nevis',\n        value: '+1',\n    },\n    {\n        code: '+687',\n        name: 'New Caledonia',\n        value: '+687',\n    },\n    {\n        code: '+64',\n        name: 'New Zealand',\n        value: '+64',\n    },\n    {\n        code: '+505',\n        name: 'Nicaragua',\n        value: '+505',\n    },\n    {\n        code: '+227',\n        name: 'Niger',\n        value: '+227',\n    },\n    {\n        code: '+234',\n        name: 'Nigeria',\n        value: '+234',\n    },\n    {\n        code: '+683',\n        name: 'Niue',\n        value: '+683',\n    },\n    {\n        code: '+672',\n        name: 'Norfolk Island',\n        value: '+672',\n    },\n    {\n        code: '+850',\n        name: 'North Korea',\n        value: '+850',\n    },\n    {\n        code: '+1',\n        name: 'Northern Mariana Islands',\n        value: '+1',\n    },\n    {\n        code: '+47',\n        name: 'Norway',\n        value: '+47',\n    },\n    {\n        code: '+968',\n        name: 'Oman',\n        value: '+968',\n    },\n    {\n        code: '+92',\n        name: 'Pakistan',\n        value: '+92',\n    },\n    {\n        code: '+680',\n        name: 'Palau',\n        value: '+680',\n    },\n    {\n        code: '+970',\n        name: 'Palestinian Territory',\n        value: '+970',\n    },\n    {\n        code: '+507',\n        name: 'Panama',\n        value: '+507',\n    },\n    {\n        code: '+675',\n        name: 'Papua New Guinea',\n        value: '+675',\n    },\n    {\n        code: '+595',\n        name: 'Paraguay',\n        value: '+595',\n    },\n    {\n        code: '+51',\n        name: 'Peru',\n        value: '+51',\n    },\n    {\n        code: '+63',\n        name: 'Philippines',\n        value: '+63',\n    },\n    {\n        code: '+48',\n        name: 'Poland',\n        value: '+48',\n    },\n    {\n        code: '+351',\n        name: 'Portugal',\n        value: '+351',\n    },\n    {\n        code: '+1',\n        name: 'Puerto Rico',\n        value: '+1',\n    },\n    {\n        code: '+974',\n        name: 'Qatar',\n        value: '+974',\n    },\n    {\n        code: '+40',\n        name: 'Romania',\n        value: '+40',\n    },\n    {\n        code: '+7',\n        name: 'Russia',\n        value: '+7',\n    },\n    {\n        code: '+250',\n        name: 'Rwanda',\n        value: '+250',\n    },\n    {\n        code: '508',\n        name: 'Saint Pierre and Miquelon',\n        value: '508',\n    },\n    {\n        code: '+685',\n        name: 'Samoa',\n        value: '+685',\n    },\n    {\n        code: '+378',\n        name: 'San Marino',\n        value: '+378',\n    },\n    {\n        code: '+966',\n        name: 'Saudi Arabia',\n        value: '+966',\n    },\n    {\n        code: '+221',\n        name: 'Senegal',\n        value: '+221',\n    },\n    {\n        code: '+381',\n        name: 'Serbia',\n        value: '+381',\n    },\n    {\n        code: '+248',\n        name: 'Seychelles',\n        value: '+248',\n    },\n    {\n        code: '+232',\n        name: 'Sierra Leone',\n        value: '+232',\n    },\n    {\n        code: '+65',\n        name: 'Singapore',\n        value: '+65',\n    },\n    {\n        code: '+421',\n        name: 'Slovakia',\n        value: '+421',\n    },\n    {\n        code: '+386',\n        name: 'Slovenia',\n        value: '+386',\n    },\n    {\n        code: '+677',\n        name: 'Solomon Islands',\n        value: '+677',\n    },\n    {\n        code: '+27',\n        name: 'South Africa',\n        value: '+27',\n    },\n    {\n        code: '+500',\n        name: 'South Georgia and the South Sandwich Islands',\n        value: '+500',\n    },\n    {\n        code: '+82',\n        name: 'South Korea',\n        value: '+82',\n    },\n    {\n        code: '+34',\n        name: 'Spain',\n        value: '+34',\n    },\n    {\n        code: '+94',\n        name: 'Sri Lanka',\n        value: '+94',\n    },\n    {\n        code: '+249',\n        name: 'Sudan',\n        value: '+249',\n    },\n    {\n        code: '+597',\n        name: 'Suriname',\n        value: '+597',\n    },\n    {\n        code: '+268',\n        name: 'Swaziland',\n        value: '+268',\n    },\n    {\n        code: '+46',\n        name: 'Sweden',\n        value: '+46',\n    },\n    {\n        code: '+41',\n        name: 'Switzerland',\n        value: '+41',\n    },\n    {\n        code: '+963',\n        name: 'Syria',\n        value: '+963',\n    },\n    {\n        code: '+886',\n        name: 'Taiwan',\n        value: '+886',\n    },\n    {\n        code: '+992',\n        name: 'Tajikistan',\n        value: '+992',\n    },\n    {\n        code: '+255',\n        name: 'Tanzania',\n        value: '+255',\n    },\n    {\n        code: '+66',\n        name: 'Thailand',\n        value: '+66',\n    },\n    {\n        code: '+670',\n        name: 'Timor Leste',\n        value: '+670',\n    },\n    {\n        code: '+228',\n        name: 'Togo',\n        value: '+228',\n    },\n    {\n        code: '+690',\n        name: 'Tokelau',\n        value: '+690',\n    },\n    {\n        code: '+676',\n        name: 'Tonga',\n        value: '+676',\n    },\n    {\n        code: '+1',\n        name: 'Trinidad and Tobago',\n        value: '+1',\n    },\n    {\n        code: '+216',\n        name: 'Tunisia',\n        value: '+216',\n    },\n    {\n        code: '+90',\n        name: 'Turkey',\n        value: '+90',\n    },\n    {\n        code: '+993',\n        name: 'Turkmenistan',\n        value: '+993',\n    },\n    {\n        code: '+1',\n        name: 'Turks and Caicos Islands',\n        value: '+1',\n    },\n    {\n        code: '+688',\n        name: 'Tuvalu',\n        value: '+688',\n    },\n    {\n        code: '+1',\n        name: 'U.S. Virgin Islands',\n        value: '+1',\n    },\n    {\n        code: '+256',\n        name: 'Uganda',\n        value: '+256',\n    },\n    {\n        code: '+380',\n        name: 'Ukraine',\n        value: '+380',\n    },\n    {\n        code: '+971',\n        name: 'United Arab Emirates',\n        value: '+971',\n    },\n    {\n        code: '+44',\n        name: 'United Kingdom',\n        value: '+44',\n    },\n    {\n        code: '+1',\n        name: 'United States',\n        value: '+1',\n    },\n    {\n        code: '+598',\n        name: 'Uruguay',\n        value: '+598',\n    },\n    {\n        code: '+998',\n        name: 'Uzbekistan',\n        value: '+998',\n    },\n    {\n        code: '+678',\n        name: 'Vanuatu',\n        value: '+678',\n    },\n    {\n        code: '+58',\n        name: 'Venezuela',\n        value: '+58',\n    },\n    {\n        code: '+84',\n        name: 'Vietnam',\n        value: '+84',\n    },\n    {\n        code: '+1',\n        name: 'Wake Island',\n        value: '+1',\n    },\n    {\n        code: '+681',\n        name: 'Wallis and Futuna',\n        value: '+681',\n    },\n    {\n        code: '+967',\n        name: 'Yemen',\n        value: '+967',\n    },\n    {\n        code: '+260',\n        name: 'Zambia',\n        value: '+260',\n    },\n    {\n        code: '+255',\n        name: 'Zanzibar',\n        value: '+255',\n    },\n    {\n        code: '+263',\n        name: 'Zimbabwe',\n        value: '+263',\n    },\n];\nexport function getCountryByCode(code) {\n    var found = Countries.find(function (country) { return country.code === code; });\n    if (found)\n        return found;\n    if (isFrenchGuiana(code)) {\n        return {\n            code: '+594',\n            name: 'French Guiana',\n            value: '+594',\n        };\n    }\n    else if (isGuadeloupe(code)) {\n        return {\n            code: '+590',\n            name: 'Guadeloupe',\n            value: '+590',\n        };\n    }\n    else if (isMartinique(code)) {\n        return {\n            code: '+596',\n            name: 'Martinique',\n            value: '+596',\n        };\n    }\n    else if (isMayotte(code)) {\n        return {\n            code: '+262',\n            name: 'Mayotte or Réunion',\n            value: '+262',\n        };\n    }\n    return null;\n}\nexport function isFrenchGuiana(code) {\n    return '+594' === code.substring(0, 4);\n}\nexport function isGuadeloupe(code) {\n    return '+590' === code.substring(0, 4);\n}\nexport function isMartinique(code) {\n    return '+596' === code.substring(0, 4);\n}\nexport function isMayotte(code) {\n    return '+262' === code.substring(0, 4);\n}\nexport function getPlusOneCountry(code) {\n    var info = null;\n    switch (code.substring(0, 5)) {\n        case '+1684':\n            info = {\n                code: '+1',\n                name: 'American Samoa',\n                value: '+1',\n            };\n            break;\n        case '+1264':\n            info = {\n                code: '+1',\n                name: 'Anguilla',\n                value: '+1',\n            };\n        case '+1268':\n            info = {\n                code: '+1',\n                name: 'Antigua and Barbuda',\n                value: '+1',\n            };\n        case '+1242':\n            info = {\n                code: '+1',\n                name: 'Bahamas',\n                value: '+1',\n            };\n            break;\n        case '+1246':\n            info = {\n                code: '+1',\n                name: 'Barbados',\n                value: '+1',\n            };\n            break;\n        case '+1441':\n            info = {\n                code: '+1',\n                name: 'Bermuda',\n                value: '+1',\n            };\n            break;\n        case '+1284':\n            info = {\n                code: '+1',\n                name: 'British Virgin Islands',\n                value: '+1',\n            };\n            break;\n        case '+1':\n            info = {\n                code: '+1',\n                name: '',\n                value: '+1',\n            };\n            break;\n        default:\n            break;\n    }\n    return info;\n}\nexport function isCanada(code) {\n    var canadianAreaCodes = [\n        '403',\n        '587',\n        '780',\n        '825',\n        '604',\n        '250',\n        '778',\n        '236',\n        '204',\n        '431',\n        '506',\n        '709',\n        '867',\n        '782',\n        '902',\n        '867',\n        '548',\n        '705',\n        '365',\n        '613',\n        '807',\n        '226',\n        '289',\n        '437',\n        '519',\n        '647',\n        '905',\n        '249',\n        '343',\n        '416',\n        '902',\n        '782',\n        '450',\n        '418',\n        '579',\n        '873',\n        '367',\n        '514',\n        '581',\n        '819',\n        '438',\n        '639',\n        '306',\n        '867',\n    ];\n    var areaCode = code.substring(0, 5);\n    return canadianAreaCodes.findIndex(function (x) { return '+1' + x === areaCode; }) > -1;\n}\nexport function isAmericanSamoa(code) {\n    return code.substring(0, 5) === '+1684';\n}\nexport function isDominicanRepublic(code) {\n    return '+1809' === code.substring(0, 5) || '+1829' === code.substring(0, 5) || '+1849' === code.substring(0, 5);\n}\nexport function isPuertoRico(code) {\n    return code.substring(0, 5) === '+' || code.substring(0, 5) === '+';\n}\n// need to finish\nexport function getMatchingCountry(code, substrings) {\n    var toMatch = code.substring(0, substrings);\n    return Countries.filter(function (c) { return c.code === toMatch; }).length;\n}\nvar e164Regex = new RegExp(/\\+[1-9]\\d{6,14}/g);\nexport function simpleE164Validator(code) {\n    return (code !== null && code.length < 16 && code.length > 6 && e164Regex.test(code)) || code === '' || code === null;\n}\n","import { simpleE164Validator } from '../Utils/Locales';\n/**\n * Get all defined validators\n *\n * ```typescript\n * import {Documents} from '@verdocs/js-sdk/Templates';\n *\n * await Documents.getDocuments(templateID);\n * ```\n */\nexport var getValidators = function (endpoint) {\n    return endpoint.api //\n        .get('/validators')\n        .then(function (r) { return r.data; });\n};\nexport var getValidator = function (endpoint, validatorName) {\n    return endpoint.api //\n        .get(\"/validators/\".concat(validatorName))\n        .then(function (r) { return r.data; });\n};\nvar EmailRegEx = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\nexport var isValidEmail = function (value) { return EmailRegEx.test(value); };\nexport var isValidPhone = function (value) { return simpleE164Validator(value); };\nexport var isValidRoleName = function (value, roles) { return roles.findIndex(function (role) { return role.name === value; }) !== -1; };\nvar TagRegEx = /^[a-zA-Z0-9-]{0,32}$/;\nexport var isValidTag = function (value, tags) { return TagRegEx.test(value) || tags.findIndex(function (tag) { return tag.name === value; }) !== -1; };\n","/**\n * Given a `rgba(r,g,b,a)` string value, returns the hex equivalent, dropping the alpha channel.\n */\nexport function getRGB(rgba) {\n    var rgbNumbers = rgba.replace('rgba(', '').replace(')', '').split(',');\n    var rgbObject = {\n        red: +rgbNumbers[0],\n        green: +rgbNumbers[1],\n        blue: +rgbNumbers[2],\n        alpha: +rgbNumbers[3],\n    };\n    var alpha = 1 - rgbObject.alpha;\n    var red = Math.round((rgbObject.alpha * (rgbObject.red / 255) + alpha) * 255);\n    var green = Math.round((rgbObject.alpha * (rgbObject.green / 255) + alpha) * 255);\n    var blue = Math.round((rgbObject.alpha * (rgbObject.blue / 255) + alpha) * 255);\n    return '#' + rgbToHex(red) + rgbToHex(green) + rgbToHex(blue);\n}\n/**\n * Given an RGB string value, returns the hex equivalent.\n */\nfunction rgbToHex(rgb) {\n    var hex = rgb.toString(16);\n    if (hex.length < 2) {\n        return '0' + hex;\n    }\n    return hex;\n}\n/**\n * Given a signer role index, return the color code for that signer.\n */\nexport function getRGBA(roleIndex) {\n    switch (roleIndex % 10) {\n        case 0:\n            return roleIndex === 0 ? 'rgba(255, 193, 7, 0.4)' : 'rgba(134, 134, 134, 0.3)'; // #FFE69C\n        case 1:\n            return 'rgba(156, 39, 176, .4)'; // '#E3C3E9'\n        case 2:\n            return 'rgba(33, 150, 243, .4)'; // '#C1E1FB'\n        case 3:\n            return 'rgba(220, 231, 117, 0.3)';\n        case 4:\n            return 'rgba(121, 134, 203, 0.3)';\n        case 5:\n            return 'rgba(77, 182, 172, 0.3)';\n        case 6:\n            return 'rgba(255, 202, 165, 0.3)';\n        case 7:\n            return 'rgba(2, 247, 190, 0.3)';\n        case 8:\n            return 'rgba(255, 138, 101, 0.3)';\n        case 9:\n            return 'rgba(82, 255, 79, 0.3)';\n        default:\n            return 'rgba(229, 115, 155, 0.3)';\n    }\n}\n/**\n * Given a role name, return a color code for it. This works by computing a hash code so the specific color returned\n * is not specified explicitly, but will be the same for every call with the same input value.\n */\nexport function nameToRGBA(str) {\n    if (!!str) {\n        var validNum = parseInt(str.slice(-1), 10);\n        if (!isNaN(validNum)) {\n            str += (validNum * 99).toString();\n        }\n        var hash = 0;\n        for (var i = 0; i < str.length; i++) {\n            hash = str.charCodeAt(i) + ((hash << 5) - hash);\n        }\n        hash = Math.round(hash / 1.3);\n        var c = (hash & 0x00ffff08).toString(16).toUpperCase();\n        var hex = '#' + '00000'.substring(0, 6 - c.length) + c;\n        var result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n        var color = {\n            r: parseInt(result[1], 16),\n            g: parseInt(result[2], 16),\n            b: parseInt(result[3], 16),\n        };\n        return \"rgba(\".concat(color.r, \", \").concat(color.g, \", \").concat(color.b, \", 0.2)\");\n    }\n}\n/**\n * Helper function to obtain a color code given a role name given various possible inputs.\n */\nexport function getRoleColor(name, roles, index) {\n    if (index) {\n        return getRGBA(index);\n    }\n    else if (roles && roles.length > 0) {\n        var roleIndex = roles.findIndex(function (role) { return role.name === name; });\n        if (roleIndex > -1) {\n            return roles[roleIndex].rgba || getRGBA(roleIndex);\n        }\n        else {\n            return nameToRGBA(name);\n        }\n    }\n    else {\n        return nameToRGBA(name);\n    }\n}\n","export function getRTop(y, fieldHeight, iTextHeight, yRatio) {\n    return iTextHeight - (y + fieldHeight) * yRatio;\n}\nexport function getRLeft(x, ratio) {\n    return x * ratio;\n}\nexport function getRValue(y, ratio) {\n    return y * ratio;\n}\nexport function blobToBase64(image) {\n    var fileReader = new FileReader();\n    return new Promise(function (resolve, reject) {\n        fileReader.onerror = function () {\n            reject(new DOMException('Problem reading blob.'));\n        };\n        fileReader.onload = function () {\n            resolve(fileReader.result);\n        };\n        fileReader.readAsDataURL(image);\n    });\n}\nexport function rescale(r, n) {\n    return r * n;\n}\n","@import '../../../theme.scss';\n\nverdocs-sign {\n  font-family: $verdocs-primary-font;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-height: 600px;\n  box-sizing: border-box;\n  overflow: hidden;\n  //width: 360px;\n\n  &.storybook {\n    max-height: 600px;\n  }\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .header {\n    flex: 0 0 115px;\n    z-index: 1000;\n    background-color: $medium-bg;\n    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 24%), 0 0 4px 0 rgb(0 0 0 / 12%);\n    transition: all 0.25s;\n  }\n\n  .intro {\n    background-color: #ffffff;\n    width: 100%;\n    margin: 0 auto;\n    padding: 20px;\n    max-width: 1028px;\n    color: rgba(0, 0, 0, 0.87);\n  }\n\n  .toolbar {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 14px;\n    max-width: 1028px;\n    position: relative;\n  }\n\n  .tools {\n    width: 100%;\n    color: #fff;\n    height: 56px;\n    padding: 4px;\n    display: flex;\n    font-size: 12px;\n    align-items: center;\n    flex-direction: row;\n    background-color: $medium-bg;\n  }\n\n  .cover {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 999;\n    position: absolute;\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .document {\n    flex: 1;\n    height: 100%;\n    position: relative;\n    overflow-y: scroll;\n  }\n\n  .agree {\n    flex: 1;\n    flex-direction: row;\n    display: flex;\n    align-items: center;\n    margin-right: 10px;\n\n    .intro {\n      display: none;\n    }\n\n    .header {\n      flex: 0 0 56px;\n    }\n\n    .agree-checkbox {\n      background: #ccc;\n      flex: 0 0 20px;\n      display: flex;\n      width: 20px;\n      height: 20px;\n      border-radius: 3px;\n      position: relative;\n      margin: 0 10px 0 14px;\n\n      input[type='checkbox']:checked + label:after {\n        filter: alpha(opacity=100);\n        opacity: 1;\n      }\n\n      label {\n        left: 2px;\n        top: 2px;\n        width: 16px;\n        height: 16px;\n        cursor: pointer;\n        position: absolute;\n        background: #33354c;\n        box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.8);\n\n        .agree-checkbox label:hover::after {\n          filter: alpha(opacity=30);\n          opacity: 0.3;\n        }\n\n        &:after {\n          top: 2px;\n          left: 3px;\n          width: 8px;\n          opacity: 0;\n          height: 5px;\n          content: '';\n          position: absolute;\n          background: transparent;\n          filter: alpha(opacity=0);\n          transform: rotate(-45deg);\n          border: 2px solid #fcfff4;\n          border-top: none;\n          border-right: none;\n        }\n      }\n    }\n  }\n\n  .page-controls {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 500;\n  }\n}\n","import {Host} from '@stencil/core';\nimport {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Documents} from '@verdocs/js-sdk/Documents';\nimport {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {rescale} from '@verdocs/js-sdk/Utils/Fields';\nimport {Component, Prop, State, h} from '@stencil/core';\nimport {updateRecipientStatus} from '@verdocs/js-sdk/Documents/Recipients';\nimport {IPDFPageInfo, IPDFRenderEvent} from '../verdocs-view/verdocs-view';\nimport {IDocument, IDocumentField} from '@verdocs/js-sdk/Documents/Documents';\nimport {isValidEmail, isValidPhone} from '@verdocs/js-sdk/Templates/Validators';\n\n/**\n * Display a document signing experience.\n */\n@Component({\n  tag: 'verdocs-sign',\n  styleUrl: 'verdocs-sign.scss',\n})\nexport class VerdocsSign {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * If `source` is set to `verdocs-sign`, this should be set to a valid invitation code to activate a\n   * signing session.\n   */\n  @Prop() documentid: string | null = null;\n\n  /**\n   * If `source` is set to `verdocs-sign`, this should be set to a valid invitation code to activate a\n   * signing session.\n   */\n  @Prop() roleid: string | null = null;\n\n  /**\n   * If `source` is set to `verdocs-sign`, this should be set to a valid invitation code to activate a\n   * signing session.\n   */\n  @Prop() invitecode: string | null = null;\n\n  @State() recipient = null;\n\n  @State() signerToken = null;\n  @State() pdfUrl = null;\n  @State() recipientIndex: number = -1;\n  @State() document: IDocument | null = null;\n  @State() fields: IDocumentField[] = [];\n  @State() pdfPageInfo: IPDFRenderEvent;\n\n  @State() hasSignature = false;\n\n  @State() nextButtonLabel = 'Start';\n\n  @State() focusedField = '';\n\n  async componentDidLoad() {\n    try {\n      console.log('[SIGN] Processing invite code', this.documentid, this.roleid, this.invitecode);\n      const {session, recipient, signerToken} = await Documents.getSigningSession(this.endpoint, {\n        documentId: this.documentid,\n        roleId: this.roleid,\n        inviteCode: this.invitecode,\n      });\n      console.log('[SIGN] Got signing session', session);\n      console.log('[SIGN] Recipient', recipient);\n      this.recipient = recipient;\n      this.signerToken = signerToken;\n      this.endpoint.setToken(signerToken);\n\n      if (this.recipient.agreed) {\n        this.nextButtonLabel = 'Next';\n      }\n\n      const document = await Documents.getDocument(this.endpoint, this.documentid);\n      this.document = document;\n      console.log('[SIGN] Document', document);\n\n      this.pdfUrl = `${this.endpoint.getBaseURL()}/documents/${this.documentid}/envelope_documents/${document.envelope_document_id}?file=true`;\n\n      this.recipientIndex = this.document.recipients.findIndex(recipient => recipient.role_name == this.roleid);\n      if (this.recipientIndex > -1) {\n        console.log('Found recipient', this.document.recipients[this.recipientIndex]);\n      }\n\n      this.fields = this.document.fields.filter(field => field.recipient_role === this.roleid);\n      console.log('Loaded fields', this.fields);\n\n      // TODO: Fix service to allow this?\n      // const sigs = await getSignatures();\n      // console.log('sigs', sigs);\n    } catch (e) {\n      console.log('Error with signing session', e);\n    }\n  }\n\n  handleClickAgree() {\n    console.log('agree clicked');\n    updateRecipientStatus(this.endpoint, this.documentid, this.roleid, 'update', {agreed: true})\n      .then(r => {\n        console.log('update result', r);\n        this.nextButtonLabel = 'Next';\n        this.recipient = r;\n      })\n      .catch(e => {\n        console.log('update failure', e);\n      });\n  }\n\n  async savePDF() {\n    const fileName = `${this.document.name} - ${this.document.updated_at.split('T')[0]}.pdf`;\n    const data = await Documents.getDocumentFile(this.endpoint, this.documentid, this.document.envelope_document_id);\n\n    // This is better in React than doing window.href= or similar to trigger a download. For a description of the technique\n    // see https://stackoverflow.com/questions/8126623/downloading-canvas-element-to-an-image\n    let xhr = new XMLHttpRequest();\n    xhr.responseType = 'blob';\n    xhr.onload = function () {\n      let a = document.createElement('a');\n      a.href = window.URL.createObjectURL(xhr.response);\n      a.download = fileName;\n      a.style.display = 'none';\n      document.body.appendChild(a);\n      a.click();\n      a.remove();\n    };\n\n    const url = `data:application/pdf;base64,${data}`;\n    console.log('url', url.length, url);\n    xhr.open('GET', `data:application/pdf;base64,${data}`);\n    xhr.send();\n  }\n\n  async handleOptionSelected(e) {\n    switch (e.detail.id) {\n      case 'later':\n        // this.router.navigate([`view/sign/${this.envelopeId}/role/${this.roleName}/saved`]);\n        if (!window?.['STORYBOOK_ENV']) {\n          window.alert('User intends to sign later.');\n        }\n        break;\n      case 'claim':\n        break;\n      case 'decline':\n        break;\n      case 'print':\n        break;\n      case 'download':\n        this.savePDF().catch(() => {});\n        break;\n    }\n  }\n\n  async handleFieldChange(field: IDocumentField, e: any, optionId?: string) {\n    console.log('fieldChange', field, e.detail);\n    switch (field.type) {\n      case 'textbox':\n        Documents.updateDocumentField(this.endpoint, this.documentid, field.name, {prepared: false, value: e.detail})\n          .then(r => console.log('Update result', r))\n          .catch(e => console.log('Error updating', e));\n        break;\n\n      case 'checkbox_group':\n        Documents.updateDocumentField(this.endpoint, this.documentid, field.name, {prepared: false, value: {options: [{id: optionId, checked: e.detail}]}})\n          .then(r => console.log('Update result', r))\n          .catch(e => console.log('Error updating', e));\n        break;\n\n      case 'radio_button_group':\n        const options = field.settings.options.map(option => ({id: option.id, selected: optionId === option.id}));\n        Documents.updateDocumentField(this.endpoint, this.documentid, field.name, {prepared: false, value: {options}})\n          .then(r => console.log('Update result', r))\n          .catch(e => console.log('Error updating', e));\n        break;\n\n      case 'dropdown':\n        Documents.updateDocumentField(this.endpoint, this.documentid, field.name, {prepared: false, value: e.detail})\n          .then(r => console.log('Update result', r))\n          .catch(e => console.log('Error updating', e));\n        break;\n\n      case 'initial':\n        console.log('Got initial', e.detail);\n        break;\n\n      case 'signature':\n        console.log('Got signature', e.detail);\n        break;\n    }\n  }\n\n  renderCheckboxGroupOption(page: IPDFPageInfo, field: IDocumentField, option: any, index: number) {\n    const left = rescale(page.xRatio, option.x);\n    const bottom = rescale(page.yRatio, option.y);\n\n    const style = {\n      left: `${left}px`,\n      bottom: `${bottom}px`,\n      position: 'absolute',\n      transform: `scale(${page.xRatio}, ${page.yRatio})`,\n      backgroundColor: getRGBA(this.recipientIndex),\n    } as any;\n\n    return <verdocs-field-checkbox style={style} order={index} value={option.checked} onFieldChange={e => this.handleFieldChange(field, e, option.id)} />;\n  }\n\n  renderRadioGroupOption(page: IPDFPageInfo, field: IDocumentField, option: any, index: number) {\n    const left = rescale(page.xRatio, option.x);\n    const bottom = rescale(page.yRatio, option.y);\n\n    const style = {\n      left: `${left}px`,\n      bottom: `${bottom}px`,\n      position: 'absolute',\n      transform: `scale(${page.xRatio}, ${page.yRatio})`,\n      backgroundColor: getRGBA(this.recipientIndex),\n    } as any;\n\n    return (\n      <verdocs-field-radio-button\n        style={style}\n        order={index}\n        value={option.id}\n        name={field.name}\n        checked={option.selected}\n        onFieldChange={e => this.handleFieldChange(field, e, option.id)}\n      />\n    );\n  }\n\n  renderField(field: IDocumentField, index: number) {\n    const {required = false, settings = {} as any} = field;\n    const {x = 0, y = 0, base64 = '', placeholder = '', options = [], value = '', result = ''} = settings;\n\n    const renderOnPage = this.pdfPageInfo.pages.find(page => page.pageNumber === field.page);\n    if (!renderOnPage) {\n      console.log('Unable to render invalid field', field);\n      return <div class=\"invalid-field\">Invalid field.</div>;\n    }\n\n    const left = rescale(renderOnPage.xRatio, x);\n    const bottom = rescale(renderOnPage.yRatio, y);\n\n    const style = {\n      left: `${left}px`,\n      bottom: `${bottom}px`,\n      position: 'absolute',\n      transform: `scale(${renderOnPage.xRatio}, ${renderOnPage.yRatio})`,\n      backgroundColor: field.settings.rgba || getRGBA(this.recipientIndex),\n    } as any;\n\n    if (field.settings.height) {\n      style.height = `${field.settings.height}px`;\n    }\n\n    if (field.settings.width) {\n      style.width = `${field.settings.width}px`;\n    }\n\n    console.log('rendering field', field.type, field);\n\n    const id = `field-${field.name}`;\n    switch (field.type) {\n      case 'signature':\n        return <verdocs-field-signature style={style} value={base64} required={required} id={id} />;\n      case 'initial':\n        return <verdocs-field-initial style={style} required={required} id={id} />;\n      case 'textbox':\n        return <verdocs-field-textbox style={style} order={index} value={result || ''} placeholder={placeholder} id={id} onFieldChange={e => this.handleFieldChange(field, e)} />;\n      case 'textarea':\n        return <verdocs-field-textarea style={style} placeholder={placeholder || ''} id={id} />;\n      case 'date':\n        return <verdocs-field-date style={style} order={index} value={result || ''} placeholder={placeholder} required={required} id={id} />;\n      case 'dropdown':\n        return <verdocs-field-dropdown style={style} options={options} value={value} required={required} id={id} onFieldChange={e => this.handleFieldChange(field, e)} />;\n      case 'checkbox':\n        return <verdocs-field-checkbox style={style} value={result || ''} id={id} />;\n      case 'checkbox_group':\n        return field.settings.options.map((option: any, index) => this.renderCheckboxGroupOption(renderOnPage, field, option, index));\n      case 'radio_button_group':\n        return field.settings.options.map((option: any, index) => this.renderRadioGroupOption(renderOnPage, field, option, index));\n      case 'attachment':\n        return <verdocs-field-attachment style={style} value={result || ''} id={id} />;\n      case 'payment':\n        return <verdocs-field-payment style={style} field={field} id={id} />;\n      default:\n        console.log('[SIGN] Skipping unsupported field type', field);\n    }\n\n    return <div style={{display: 'none'}}>Unsupported field type \"{field.type}\"</div>;\n  }\n\n  isFieldValid(field: IDocumentField) {\n    switch (field.type) {\n      case 'textbox':\n        switch (field.settings?.validator || '') {\n          case 'email':\n            return isValidEmail(field.settings?.result || '');\n          case 'phone':\n            return isValidPhone(field.settings?.result || '');\n          default:\n            return !!field.settings?.result;\n        }\n\n      case 'signature':\n      case 'initial':\n      case 'textarea':\n      case 'date':\n      case 'attachment':\n        return !!field.settings?.result;\n      case 'dropdown':\n        return !!field.settings?.value;\n      case 'checkbox_group':\n        const checked = (field.settings?.options?.filter(option => option.checked) || []).length;\n        return checked >= (field.settings?.minimum_checked || 0) && checked <= (field.settings?.maximum_checked || 999);\n      case 'radio_button_group':\n        return (field.settings?.options?.filter(option => option.selected) || []).length > 0;\n      // TODO\n      // case 'checkbox':\n      //   return <verdocs-field-checkbox style={style} value={result || ''} id={id} />;\n      // case 'payment':\n      //   return <verdocs-field-payment style={style} field={field} id={id} />;\n      default:\n        return false;\n    }\n  }\n\n  handleDocumentRendered(e) {\n    console.log('[SIGN] Document rendered', e.detail);\n    this.pdfPageInfo = e.detail;\n  }\n\n  handleNext() {\n    // Find and focus the next incomplete required field\n    const requiredFields = this.fields.filter(field => field.required);\n    console.log('required Fields', requiredFields);\n\n    const focusedIndex = requiredFields.findIndex(field => field.name === this.focusedField);\n    console.log('focused Index', focusedIndex);\n\n    let nextFocusedIndex = focusedIndex + 1;\n    if (nextFocusedIndex >= requiredFields.length) {\n      nextFocusedIndex = 0;\n    }\n\n    const nextRequiredField = requiredFields[nextFocusedIndex];\n    console.log('next required fielod', nextRequiredField);\n\n    if (nextRequiredField) {\n      const el = document.getElementById(`field-${nextRequiredField.name}`) as any;\n      el?.focusField();\n      this.focusedField = nextRequiredField.name;\n    }\n  }\n\n  render() {\n    const menuOptions = [\n      {id: 'later', label: 'Finish Later'}, //\n      {id: 'claim', label: 'Claim the Document', disabled: true},\n      {id: 'decline', label: 'Decline to Sign'},\n      {id: 'print', label: 'Print Without Signing'},\n      {id: 'download', label: 'Download'},\n    ];\n\n    return (\n      <Host class={{storybook: !!window?.['STORYBOOK_ENV'], agreed: this.recipient?.agreed}}>\n        <div class=\"header\">\n          <div class=\"intro\">Please review and act on these documents.</div>\n          <div class=\"toolbar\">\n            <div class=\"tools\">\n              <verdocs-dropdown options={menuOptions} onOptionSelected={e => this.handleOptionSelected(e)} />\n\n              {!this.recipient?.agreed ? (\n                <div class=\"agree\">\n                  <div class=\"agree-checkbox\">\n                    <input type=\"checkbox\" value=\"None\" id=\"agree-checkbox-element\" name=\"agree\" onChange={() => this.handleClickAgree()} />\n                    <label htmlFor=\"agree-checkbox-element\" />\n                  </div>\n                  <span>I agree to use electronic records and signatures.</span>\n                </div>\n              ) : (\n                <div style={{flex: '1'}} />\n              )}\n              <verdocs-button size=\"small\" label={this.nextButtonLabel} disabled={!this.recipient?.agreed} onClick={() => this.handleNext()} />\n            </div>\n          </div>\n        </div>\n\n        {!this.recipient?.agreed ? <div class=\"cover\" /> : <div style={{display: 'none'}} />}\n\n        <div class=\"document\">\n          {this.pdfUrl ? <verdocs-view source={this.pdfUrl} endpoint={this.endpoint} onDocumentRendered={e => this.handleDocumentRendered(e)} /> : <verdocs-loader />}\n          {(this.pdfPageInfo?.pages || []).map(page => (\n            <div class=\"page-controls\" style={{height: `${page.height}px`, width: `${page.width}px`, top: `${page.canvasTop}px`, margin: '0 auto'}}>\n              {this.pdfPageInfo?.numRendered > 0 ? (\n                this.fields.filter(field => field.page === page.pageNumber).map((field, index) => this.renderField(field, index))\n              ) : (\n                <div style={{display: 'none'}}>Waiting for PDF to render...</div>\n              )}\n            </div>\n          ))}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/verdocs-signature-dialog.cjs.entry.js

@@ -237,3 +237,5 @@ const VerdocsSignatureDialog = class {
 VerdocsSignatureDialog.style = verdocsSignatureDialogCss;
 
 exports.verdocs_signature_dialog = VerdocsSignatureDialog;
+
+//# sourceMappingURL=verdocs-signature-dialog.cjs.entry.js.map

package/dist/cjs/verdocs-signature-dialog.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-signature-dialog.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["./src/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.scss?tag=verdocs-signature-dialog","./src/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-signature-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n  display: none;\n\n  &.open {\n    display: block;\n  }\n\n  .background-overlay {\n    position: absolute;\n    z-index: 10000;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #0000007f;\n  }\n\n  .dialog {\n    width: 100%;\n    max-width: 340px;\n    border-radius: 4px;\n    overflow: hidden;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n    background: $verdocs-grey-3;\n  }\n\n  .heading {\n    display: flex;\n    flex-direction: row;\n    padding: 20px 20px 0 20px;\n    line-height: 28px;\n    font-size: 20px;\n    font-weight: 500;\n  }\n\n  .content {\n    font-size: 14px;\n    padding: 20px;\n  }\n\n  .buttons {\n    display: flex;\n    margin: 20px 0 0 0;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n\n  canvas {\n    background: $verdocs-grey-4;\n    box-sizing: border-box;\n    margin: 0 auto;\n    width: 300px;\n    // TODO: The original app had an aspect ratio of (80 / 305) * (signatureBodyWidth - 20)\n    height: 79px;\n    max-width: 100%;\n    box-shadow: 0 0 6px 0 #0000001f;\n  }\n\n  .disclaimer {\n    text-align: justify;\n    padding: 8px 0;\n    font-size: 11px;\n    line-height: 14px;\n    color: rgba(0, 0, 0, 0.54);\n  }\n\n  .as-shown {\n    font-size: 11px;\n    margin: 4px 0 20px 4px;\n    color: rgba(0, 0, 0, 0.54);\n  }\n\n  .tabs {\n    display: flex;\n    flex-direction: row;\n\n    .tab {\n      padding: 8px 15px;\n      cursor: pointer;\n\n      &.active {\n        border-bottom: 2px solid $light-border-color;\n      }\n\n      &:hover {\n        color: $primary-color;\n      }\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter, State, Host} from '@stencil/core';\n\n/**\n * Display a dialog that allows the user to specify a signature image, either by using a signature-font-generated image\n * based on their full name, or by hand-drawing their signature with a mouse or tablet.\n */\n@Component({\n  tag: 'verdocs-signature-dialog',\n  styleUrl: 'verdocs-signature-dialog.scss',\n})\nexport class VerdocsSignatureDialog {\n  private canvasElement?: HTMLCanvasElement;\n\n  /**\n   * Initial signature text\n   */\n  @Prop() fullname: string = '';\n\n  /**\n   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n   */\n  @Prop() open: boolean = false;\n\n  /**\n   * Event fired when the initials are adopted.\n   */\n  @Event({composed: true}) adopt: EventEmitter<string>;\n\n  /**\n   * Event fired when the step is cancelled.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  @State() fontLoaded = false;\n\n  @State() enteredName: string = '';\n\n  @State() mode: string = 'type';\n\n  componentWillLoad() {\n    this.enteredName = this.fullname;\n\n    const ds = new FontFace('Dancing Script', 'url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)');\n    ds.load().then(font => {\n      document.fonts.add(font);\n      this.fontLoaded = true;\n    });\n  }\n\n  componentDidLoad() {\n    this.redrawSignature();\n  }\n\n  componentDidUpdate() {\n    this.redrawSignature();\n  }\n\n  redrawSignature() {\n    if (!this.canvasElement) {\n      return;\n    }\n\n    const canvasWidth = this.canvasElement.width;\n\n    const context = this.canvasElement.getContext('2d');\n    context.clearRect(0, 0, this.canvasElement.width, this.canvasElement.height);\n\n    let fontSize = 100;\n    do {\n      fontSize -= 2;\n      context.font = `${fontSize}px Dancing Script`;\n    } while (context.measureText(this.enteredName).width > canvasWidth - 32); // 32px padding each side\n\n    context.textAlign = 'center';\n    context.textBaseline = 'middle';\n    context.font = `${fontSize}px Dancing Script`;\n    context.fillText(this.enteredName, this.canvasElement.width / 2, this.canvasElement.height / 2);\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.handleCancel();\n    }\n  }\n\n  handleNameChange(e) {\n    this.enteredName = e.detail;\n  }\n\n  handleAdopt() {\n    const data = this.canvasElement.toDataURL('image/png');\n    this.adopt.emit(data);\n    this.open = false;\n  }\n\n  handleCancel() {\n    this.cancel.emit();\n    this.open = false;\n  }\n\n  /*\n  selColor(hex: string) {\n    this.color = hex;\n    this.animateDraw();\n  }\n\n  stopDraw() {\n    this.paint = false;\n    this.adoptedAndSigned = !this.hasSignature();\n  }\n\n  draw(e) {\n    this.paint = true;\n    this.addPoints(e, false);\n    this.animateDraw();\n  }\n\n  recordPoints(e) {\n    if (this.paint) {\n      this.addPoints(e, true);\n      this.animateDraw();\n    }\n  }\n\n  animateDraw() {\n    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n\n    this.canvas.strokeStyle = this.color || '#000000';\n    this.canvas.lineJoin = 'round';\n    this.canvas.lineWidth = 3;\n\n    for (let i = 0; i < this.points.length; i++) {\n      this.canvas.beginPath();\n      if (this.points[i].drag && i) {\n        this.canvas.moveTo(this.points[i - 1].x, this.points[i - 1].y);\n        // this.canvas.arc(this.points[i - 1].x, this.points[i - 1].y, 2, 0, 2 * Math.PI, false);\n      } else {\n        this.canvas.moveTo(this.points[i].x - 1, this.points[i].y);\n        // this.canvas.arc(this.points[i].x, this.points[i].y, 2, 0, 2 * Math.PI, false);\n      }\n\n      this.canvas.lineTo(this.points[i].x, this.points[i].y);\n      this.canvas.closePath();\n      this.canvas.stroke();\n    }\n  }\n\n  drawCurve(color: string, curve: number) {\n    this.canvas.beginPath();\n  }\n\n\n\n  addPoints(e, drag: boolean) {\n    if (window) {\n      let x;\n      let y;\n      e.preventDefault();\n      if (e.touches && e.touches.length > 0) {\n        x = e.touches[0].clientX;\n      } else {\n        x = e.clientX;\n      }\n\n      if (e.touches && e.touches.length > 0) {\n        y = e.touches[0].clientY;\n      } else {\n        y = e.clientY;\n      }\n      const rect = this.signatureCanvas.nativeElement.getBoundingClientRect();\n      this.points.push({\n        x: x - rect.left,\n        y: y - rect.top,\n        drag: drag\n      });\n    }\n  }\n\n  clearPad() {\n    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n    this.points = [];\n    this.adoptedAndSigned = !this.hasSignature();\n  }\n\n    async adoptAndSign() {\n    try {\n      this.adoptedAndSigned = true;\n      await this.updateFullName();\n      await this.captureSignatureFromCanvas();\n      const message = this.signatureMode === 'Signature' ? 'Saving Signature' : 'Saving Initial';\n      this.snackbarService.open(message, 'OK', this.snackbarService.initConfig(null, 'bottom'));\n      this.handleMode();\n    } catch (err) {\n      this.snackbarService.open('Failed to apply signature', 'OK', this.snackbarService.initConfig(null, 'bottom'));\n    }\n  }\n\n  handleMode() {\n    let currentField;\n    switch (this.mode) {\n      case 'signerview':\n        if (this.signatureMode === 'Signature') {\n          this.signatureService.postSignatureBlob().then(result => {\n            if (result && result.id && result.url) {\n              currentField = this.signatureService.currField;\n              this.signatureService.updateSigned(currentField.fName, true);\n              this.signatureService.toggleSig(false);\n              this.signatureService.setSignatureId(result.id);\n              this.signatureService.putSignatureField(this.envelopeId, this.fieldName, result.id).then(res => {\n                this.eventTracker.createEvent({\n                  category: 'verdoc',\n                  action: 'verdoc signed',\n                  label: `verdoc id: ${this.envelopeId}`\n                })\n                if (res && res.settings) {\n                  this.signatureService.setSignatureData(res.settings.base64);\n                  this.signatureService.setSignatureId(res.settings.signature_id);\n                }\n                this.snackbarService.dismiss();\n                this.dialog.close({ status: 'saved', temp_sig: res.settings.base64, sig_id: res.settings.signature_id });\n              }).catch(err => {\n                this.snackbarService.open('Failed to save signature. Please try again.', 'DISMISS', {\n                  duration: 3000\n                });\n                this.adoptedAndSigned = false;\n                return err;\n              });\n            }\n          });\n        } else {\n          this.signatureService.postInitialBlob().then(result => {\n            if (result && result.id && result.url) {\n              currentField = this.signatureService.currField;\n              this.signatureService.updateInitialed(currentField.fName, true);\n              this.signatureService.setInitialId(result.id);\n              this.signatureService.toggleSig(false);\n              this.signatureService.putInitialField(this.envelopeId, this.fieldName, result.id).then(res => {\n                if (res && res.settings) {\n                  this.signatureService.setInitialData(res.settings.base64);\n                  this.signatureService.setInitialId(res.settings.initial_id);\n                }\n                this.snackbarService.dismiss();\n                this.dialog.close({ status: 'saved', temp_int: res.settings.base64, int_id: res.settings.initial_id });\n              }).catch(err => {\n                this.snackbarService.open('Failed to save initial. Please try again.', 'DISMISS', {\n                  duration: 3000\n                });\n                this.adoptedAndSigned = false;\n                return err;\n              });\n            }\n          });\n        }\n        break;\n    }\n  }\n   */\n\n  render() {\n    return (\n      <Host class={{open: this.open}}>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">Create Your Signature</div>\n\n            <div class=\"content\">\n              <verdocs-text-input placeholder=\"Full Name...\" label=\"Full Name\" value={this.enteredName} onFieldInput={e => this.handleNameChange(e)} />\n              <div class=\"as-shown\">As shown on driver's license or govt. ID card.</div>\n\n              <div class=\"tabs\">\n                <div class={{tab: true, active: this.mode === 'type'}} onClick={() => (this.mode = 'type')}>\n                  Type\n                </div>\n                <div class={{tab: true, active: this.mode === 'draw'}} onClick={() => (this.mode = 'draw')}>\n                  Draw\n                </div>\n              </div>\n\n              {this.fontLoaded ? <canvas ref={el => (this.canvasElement = el as HTMLCanvasElement)} /> : <div style={{display: 'none'}} />}\n\n              <div class=\"disclaimer\">\n                By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents,\n                including legally binding contracts &mdash; just the same as a pen-and-paper signature or initial.\n              </div>\n\n              <div class=\"buttons\">\n                <verdocs-button label=\"CANCEL\" size=\"normal\" variant=\"outline\" onPress={() => this.handleCancel()} />\n                <verdocs-button label=\"Adopt & Sign\" size=\"normal\" onPress={() => this.handleAdopt()} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/verdocs-status-indicator.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-589f3be8.js');
-const popper = require('./popper-71bf3058.js');
+const popper = require('./popper-11d5f714.js');
 
 const methods$1 = {};
 const names = [];
@@ -7527,3 +7527,5 @@ const VerdocsStatusIndicator = class {
 VerdocsStatusIndicator.style = verdocsStatusIndicatorCss;
 
 exports.verdocs_status_indicator = VerdocsStatusIndicator;
+
+//# sourceMappingURL=verdocs-status-indicator.cjs.entry.js.map