@verdocs/web-sdk 5.0.13 → 5.0.14

package/dist/esm/verdocs-envelope-recipient-link_2.entry.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-envelope-recipient-link.verdocs-switch.entry.js","mappings":"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","names":[],"sources":["src/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.scss?tag=verdocs-envelope-recipient-link","src/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.tsx","src/components/controls/verdocs-switch/verdocs-switch.scss?tag=verdocs-switch","src/components/controls/verdocs-switch/verdocs-switch.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelope-recipient-link {\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  z-index: 100000;\n  position: fixed;\n  align-items: center;\n  justify-content: center;\n  font-family: $primary-font;\n  background-color: #0000007f;\n\n  .summary-content {\n    width: 600px;\n    display: flex;\n    max-width: 90%;\n    font-size: 18px;\n    flex: 0 0 600px;\n    border-radius: 6px;\n    background: #ffffff;\n    flex-direction: column;\n    padding: 30px 20px 20px;\n\n    .summary-title {\n      font-size: 20px;\n      font-weight: 700;\n      margin: 0 0 10px 0;\n      color: $verdocs-dark-blue;\n    }\n  }\n\n  .summary-recipient {\n    display: flex;\n    color: $verdocs-grey-1;\n    margin: 8px 0 24px 0;\n    flex-direction: column;\n\n    .role-name {\n      flex: 1;\n      display: flex;\n      font-size: 14px;\n      font-weight: 600;\n      margin: 0 0 8px 0;\n      color: $verdocs-grey-0;\n    }\n\n    .role-details {\n    }\n\n    .role-info {\n      gap: 5px;\n      display: flex;\n      flex-direction: row;\n      align-items: flex-end;\n    }\n\n    .role-full-name {\n      flex: 1;\n      height: 34px;\n      display: flex;\n      font-size: 16px;\n      padding: 0 12px;\n      border-radius: 4px;\n      align-items: center;\n      border: 1px solid #cccccc;\n      background: rgb(249, 250, 251);\n    }\n\n    .recipient-link {\n      width: 120px;\n      padding: 0 16px;\n      font-weight: 500;\n      margin: 0 0 0 8px;\n      text-align: center;\n      font-size: 0.875rem;\n      border-radius: 100%;\n      color: rgb(55, 65, 81);\n      line-height: 1.25rem;\n      background-color: #d8d8d8;\n      border: 2px solid rgb(156, 163, 175);\n    }\n\n    .link-wrapper {\n      gap: 5px;\n      display: flex;\n      margin: 4px 0 0 0;\n      flex-direction: row;\n\n      .link {\n        flex: 1;\n        height: 34px;\n        display: flex;\n        font-size: 16px;\n        padding: 0 12px;\n        overflow: hidden;\n        margin: 0 6px 0 0;\n        border-radius: 4px;\n        white-space: nowrap;\n        align-items: center;\n        text-overflow: ellipsis;\n        border: 1px solid #cccccc;\n        background: rgb(249, 250, 251);\n      }\n    }\n  }\n\n  .buttons {\n    display: flex;\n    column-gap: 15px;\n    margin: 10px 0 0 0;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n\n    verdocs-button {\n      flex: 0 0 120px;\n      margin-left: 10px;\n      white-space: nowrap;\n\n      button {\n        width: 100%;\n      }\n    }\n  }\n}\n","import {Component, Prop, Host, h, State, Event, EventEmitter} from '@stencil/core';\nimport {formatFullName, getEnvelope, getInPersonLink, IEnvelope, IRecipient, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Displays a single recipient from an envelope, with the opportunity to copy an in-person\n * signing link for that recipient to use.\n */\n@Component({\n  tag: 'verdocs-envelope-recipient-link',\n  styleUrl: 'verdocs-envelope-recipient-link.scss',\n})\nexport class VerdocsEnvelopeRecipientLink {\n  private envelopeListenerId = null;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The envelope ID to edit.\n   */\n  @Prop() envelopeId: string = '';\n\n  /**\n   * The role to load.\n   */\n  @Prop() roleName: string = '';\n\n  /**\n   * Event fired when the user clicks Done to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) next: EventEmitter<{envelope: IEnvelope}>;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  @State() isOpen: boolean;\n  @State() gettingLink = true;\n  @State() link = '';\n\n  @State() loading = true;\n  @State() envelope: IEnvelope | null = null;\n  @State() recipient: IRecipient | null = null;\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n\n      if (!this.envelopeId) {\n        console.log(`[RECIPIENT_LINK] Missing required envelope ID ${this.envelopeId}`);\n        return;\n      }\n\n      if (!this.endpoint.session) {\n        console.log('[RECIPIENT_LINK] Unable to start session, must be authenticated');\n        return;\n      }\n\n      this.listenToEnvelope();\n    } catch (e) {\n      console.log('[RECIPIENT_LINK] Error loading envelope', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  disconnectedCallback() {\n    this.unlistenToEnvelope();\n  }\n\n  async listenToEnvelope() {\n    console.log('[SIDEBAR] Loading envelope', this.envelopeId);\n    this.unlistenToEnvelope();\n    Store.subscribe(\n      'envelopes',\n      this.envelopeId,\n      () => getEnvelope(this.endpoint, this.envelopeId),\n      false,\n      (envelope: IEnvelope) => {\n        this.envelope = envelope;\n        this.loading = false;\n\n        this.recipient = (this.envelope?.recipients || []).find(r => r.role_name === this.roleName);\n        this.getLink(this.recipient);\n      },\n    );\n  }\n\n  unlistenToEnvelope() {\n    if (this.envelopeListenerId) {\n      Store.store.delListener(this.envelopeListenerId);\n      this.envelopeListenerId = null;\n    }\n  }\n\n  handleDone(e: any) {\n    e.preventDefault();\n    this.next?.emit({envelope: this.envelope});\n  }\n\n  copyLink(link: string) {\n    navigator.clipboard\n      .writeText(link)\n      .then(() => VerdocsToast('Link copied to clipboard!', {style: 'success', duration: 3000}))\n      .catch(e => {\n        console.warn('[RECIPIENT_LINK] Error copying to clipboard', e);\n        VerdocsToast(`Unable to copy to clipboard: ${e.message}`, {style: 'error'});\n      });\n  }\n\n  getLink(recipient: IRecipient) {\n    this.gettingLink = true;\n    getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)\n      .then(response => {\n        this.gettingLink = false;\n        this.link = response.link;\n        // NOTE: Left here for documentation purposes. We don't auto-copy the link because many browsers now\n        // error on that because we aren't the focus/gesture-initiator since we're a new component just being\n        // drawn in the DOM. So we let the user click to trigger that.\n        // this.copyLink(response.link);\n      })\n      .catch(e => {\n        this.gettingLink = false;\n        console.log('[RECIPIENT_LINK] Error getting link', e);\n        VerdocsToast('Unable to get link: ' + e.message, {style: 'error'});\n      });\n  }\n\n  render() {\n    if (this.loading || !this.recipient) {\n      return <Host />;\n    }\n\n    // const recipientsWithActions = getRecipientsWithActions(this.store.state); const showLinkButton = recipientCanAct(recipient, recipientsWithActions); const link =\n    //   this.links[recipient.role_name]; const gettingLink = this.gettingLinks[recipient.role_name]; return (\n\n    const fullName = formatFullName(this.recipient);\n    return (\n      <Host>\n        <div class=\"summary-content\">\n          <h1 class=\"summary-title\">In-Person Signing Link</h1>\n          <div class=\"summary-rows\">\n            <div class=\"summary-recipient\">\n              <div class=\"role-name\">{this.recipient.role_name}</div>\n              <div class=\"role-details\">\n                <div class=\"role-info\">\n                  <div class=\"role-full-name\">\n                    {fullName} ({this.recipient.email || this.recipient.phone})\n                  </div>\n                  {!this.link && (\n                    <verdocs-button\n                      size=\"small\"\n                      variant=\"outline\"\n                      label={this.gettingLink ? 'Loading...' : 'Get Link'}\n                      disabled={this.gettingLink}\n                      onClick={() => this.getLink(this.recipient)}\n                    />\n                  )}\n                </div>\n\n                {this.link && (\n                  <div class=\"link-wrapper\">\n                    <div class=\"link\">{this.link}</div>\n                    <verdocs-button size=\"small\" variant=\"outline\" label=\"Copy\" onClick={() => this.copyLink(this.link)} />\n                  </div>\n                )}\n              </div>\n            </div>\n          </div>\n\n          <div class=\"buttons\">\n            <verdocs-button size=\"small\" label=\"Done\" onClick={e => this.handleDone(e)} />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-switch {\n  font-family: $primary-font;\n\n  .switch {\n    display: inline-flex;\n    height: 24px;\n    width: 44px;\n    flex-shrink: 0;\n    align-items: center;\n    cursor: pointer;\n    border-radius: 12px;\n    border: transparent;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n\n  .switch.primary[data-state='checked'] {\n    background: $primary-color;\n  }\n\n  .switch.primary[data-state='unchecked'] {\n    background: $extra-light-border-color;\n  }\n\n  .switch.secondary[data-state='checked'] {\n    background: $secondary-color;\n  }\n\n  .switch.secondary[data-state='unchecked'] {\n    background: $extra-light-border-color;\n  }\n\n  .slider {\n    display: block;\n    width: 20px;\n    height: 20px;\n    border-radius: 20px;\n    background: #ffffff;\n    box-shadow:\n      0 10px 15px -3px rgb(0 0 0 / 0.1),\n      0 4px 6px -4px rgb(0 0 0 / 0.1);\n    transition-property: transform;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n\n  .slider[data-state='checked'] {\n    transform: translateX(22px);\n  }\n\n  .slider[data-state='unchecked'] {\n    transform: translateX(2px);\n  }\n\n  .switch.disabled.primary,\n  .switch.disabled.secondary {\n    cursor: not-allowed;\n    background: $dark-disabled-color;\n  }\n}\n","import {Component, Prop, h, EventEmitter, Event} from '@stencil/core';\n\n/**\n * Displays a toggle switch.\n *\n * ```ts\n * <verdocs-switch checked={sendReminders} onCheckedChange={setSendReminders} />\n * ```\n */\n@Component({\n  tag: 'verdocs-switch',\n  styleUrl: 'verdocs-switch.scss',\n})\nexport class VerdocsSwitch {\n  @Prop({mutable: true}) checked: boolean = false;\n\n  /**\n   * Select purple or green treatments.\n   */\n  @Prop() theme: 'primary' | 'secondary' = 'primary';\n\n  /**\n   * Should the field be disabled?\n   */\n  @Prop() disabled: boolean = false;\n\n  @Event({composed: true}) checkedChange: EventEmitter<boolean>;\n\n  render() {\n    return (\n      <button\n        value=\"on\"\n        type=\"button\"\n        role=\"switch\"\n        class={`switch ${this.theme} ${this.disabled ? 'disabled' : ''}`}\n        data-state={this.checked ? 'checked' : 'unchecked'}\n        aria-checked={this.checked ? 'checked' : 'unchecked'}\n        onClick={() => {\n          if (!this.disabled) {\n            this.checked = !this.checked;\n            this.checkedChange?.emit(this.checked);\n          }\n        }}\n      >\n        <span data-state={this.checked ? 'checked' : 'unchecked'} class=\"slider\"></span>\n      </button>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/verdocs-envelope-recipient-summary.entry.js

@@ -132,3 +132,5 @@ const VerdocsEnvelopeRecipientSummary = class {
 VerdocsEnvelopeRecipientSummary.style = VerdocsEnvelopeRecipientSummaryStyle0;
 
 export { VerdocsEnvelopeRecipientSummary as verdocs_envelope_recipient_summary };
+
+//# sourceMappingURL=verdocs-envelope-recipient-summary.entry.js.map

package/dist/esm/verdocs-envelope-recipient-summary.entry.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-envelope-recipient-summary.entry.js","mappings":"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","names":[],"sources":["src/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.scss?tag=verdocs-envelope-recipient-summary","src/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelope-recipient-summary {\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  z-index: 100000;\n  position: fixed;\n  align-items: center;\n  justify-content: center;\n  font-family: $primary-font;\n  background-color: #0000007f;\n\n  .summary-content {\n    width: 600px;\n    display: flex;\n    max-width: 90%;\n    font-size: 18px;\n    flex: 0 0 600px;\n    border-radius: 6px;\n    background: #ffffff;\n    flex-direction: column;\n    padding: 30px 20px 20px;\n\n    .summary-title {\n      font-size: 20px;\n      font-weight: 700;\n      margin: 0 0 10px 0;\n      color: $verdocs-dark-blue;\n    }\n  }\n\n  .summary-recipient {\n    display: flex;\n    color: $verdocs-grey-1;\n    margin: 8px 0 24px 0;\n    flex-direction: column;\n\n    .role-name {\n      flex: 1;\n      display: flex;\n      font-size: 14px;\n      font-weight: 600;\n      margin: 0 0 8px 0;\n      color: $verdocs-grey-0;\n    }\n\n    .role-details {\n    }\n\n    .role-info {\n      gap: 5px;\n      display: flex;\n      flex-direction: row;\n      align-items: flex-end;\n    }\n\n    .role-full-name {\n      flex: 1;\n      height: 34px;\n      display: flex;\n      font-size: 16px;\n      padding: 0 12px;\n      border-radius: 4px;\n      align-items: center;\n      border: 1px solid #cccccc;\n      background: rgb(249, 250, 251);\n    }\n\n    .recipient-link {\n      width: 120px;\n      padding: 0 16px;\n      font-weight: 500;\n      margin: 0 0 0 8px;\n      text-align: center;\n      font-size: 0.875rem;\n      border-radius: 100%;\n      color: rgb(55, 65, 81);\n      line-height: 1.25rem;\n      background-color: #d8d8d8;\n      border: 2px solid rgb(156, 163, 175);\n    }\n\n    .link-wrapper {\n      gap: 5px;\n      display: flex;\n      margin: 4px 0 0 0;\n      flex-direction: row;\n\n      .link {\n        flex: 1;\n        height: 34px;\n        display: flex;\n        font-size: 16px;\n        padding: 0 12px;\n        overflow: hidden;\n        border-radius: 4px;\n        align-items: center;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        border: 1px solid #cccccc;\n        background: rgb(249, 250, 251);\n      }\n    }\n  }\n\n  .buttons {\n    display: flex;\n    column-gap: 15px;\n    margin: 10px 0 0 0;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n\n    verdocs-button {\n      flex: 0 0 120px;\n      margin-left: 10px;\n      white-space: nowrap;\n\n      button {\n        width: 100%;\n      }\n    }\n  }\n}\n","import {formatFullName, getEnvelope, getInPersonLink, getRecipientsWithActions, IEnvelope, IRecipient, recipientCanAct, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, Prop, Host, h, State, Event, EventEmitter} from '@stencil/core';\n// import {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Displays a list of recipients with options to get in-person signing links for each one.\n */\n@Component({\n  tag: 'verdocs-envelope-recipient-summary',\n  styleUrl: 'verdocs-envelope-recipient-summary.scss',\n})\nexport class VerdocsEnvelopeRecipientSummary {\n  private envelopeListenerId = null;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The envelope ID to edit.\n   */\n  @Prop() envelopeId: string = '';\n\n  /**\n   * Enable or disable the Send Another button.\n   */\n  @Prop() canSendAnother = true;\n\n  /**\n   * Enable or disable the View button.\n   */\n  @Prop() canView = true;\n\n  /**\n   * Enable or disable the Done button.\n   */\n  @Prop() canDone = true;\n\n  /**\n   * Event fired when the user clicks Send Another to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) another: EventEmitter<{envelope: IEnvelope}>;\n\n  /**\n   * Event fired when the user clicks Send Another to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) view: EventEmitter<{envelope: IEnvelope}>;\n\n  /**\n   * Event fired when the user clicks Done to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) next: EventEmitter<{envelope: IEnvelope}>;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  @State() isOpen: boolean;\n  @State() recipientStatusIcons = [];\n  @State() containerId = `verdocs-status-indicator-${Math.random().toString(36).substring(2, 11)}`;\n  @State() gettingLinks: Record<string, boolean> = {};\n  @State() links: Record<string, string> = {};\n\n  @State() loading = true;\n  @State() envelope: IEnvelope | null = null;\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n\n      if (!this.envelopeId) {\n        console.log(`[RECIPIENTS] Missing required envelope ID ${this.envelopeId}`);\n        return;\n      }\n\n      if (!this.endpoint.session) {\n        console.log('[RECIPIENTS] Unable to start session, must be authenticated');\n        return;\n      }\n\n      this.listenToEnvelope();\n    } catch (e) {\n      console.log('[RECIPIENTS] Error loading envelope', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  disconnectedCallback() {\n    this.unlistenToEnvelope();\n  }\n\n  async listenToEnvelope() {\n    console.log('[SIDEBAR] Loading envelope', this.envelopeId);\n    this.unlistenToEnvelope();\n    Store.subscribe(\n      'envelopes',\n      this.envelopeId,\n      () => getEnvelope(this.endpoint, this.envelopeId),\n      false,\n      (envelope: IEnvelope) => {\n        this.envelope = envelope;\n        this.loading = false;\n\n        this.sortEnvelopeRecipients();\n      },\n    );\n  }\n\n  unlistenToEnvelope() {\n    if (this.envelopeListenerId) {\n      Store.store.delListener(this.envelopeListenerId);\n      this.envelopeListenerId = null;\n    }\n  }\n\n  sortEnvelopeRecipients() {\n    (this.envelope?.recipients || []).sort((a, b) => {\n      return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;\n    });\n  }\n\n  handleAnother(e: any) {\n    e.preventDefault();\n    this.another?.emit({envelope: this.envelope});\n  }\n\n  handleView(e: any) {\n    e.preventDefault();\n    this.view?.emit({envelope: this.envelope});\n  }\n\n  handleDone(e: any) {\n    e.preventDefault();\n    this.next?.emit({envelope: this.envelope});\n  }\n\n  copyLink(link: string) {\n    navigator.clipboard\n      .writeText(link)\n      .then(() => {\n        // VerdocsToast('Link copied to clipboard!', {style: 'success', duration: 3000});\n      })\n      .catch(e => {\n        console.warn('[RECIPIENTS] Error copying to clipboard', e);\n        this.sdkError?.emit(e);\n        // VerdocsToast(`Unable to copy to clipboard: ${e.message}`, {style: 'error'});\n      });\n  }\n  xw;\n  getLink(recipient: IRecipient) {\n    this.gettingLinks = {...this.gettingLinks, [recipient.role_name]: true};\n    getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)\n      .then(response => {\n        this.gettingLinks = {...this.gettingLinks, [recipient.role_name]: false};\n        this.links = {...this.links, [recipient.role_name]: response.link};\n        this.copyLink(response.link);\n      })\n      .catch(e => {\n        this.gettingLinks = {...this.gettingLinks, [recipient.role_name]: false};\n        console.log('[RECIPIENTS] Error getting link', e);\n        this.sdkError?.emit(e);\n        // VerdocsToast('Unable to get link: ' + e.message, {style: 'error'});\n      });\n  }\n\n  render() {\n    if (this.loading) {\n      return <Host />;\n    }\n\n    return (\n      <Host>\n        <div class=\"summary-content\">\n          <h1 class=\"summary-title\">Recipient Summary</h1>\n          <div class=\"summary-rows\">\n            {(this.envelope?.recipients || []).map(recipient => {\n              const recipientsWithActions = getRecipientsWithActions(this.envelope);\n              const showLinkButton = recipientCanAct(recipient, recipientsWithActions);\n              const link = this.links[recipient.role_name];\n              const gettingLink = this.gettingLinks[recipient.role_name];\n              const fullName = formatFullName(recipient);\n\n              return (\n                <div class=\"summary-recipient\">\n                  <div class=\"role-name\">{recipient.role_name}</div>\n                  <div class=\"role-details\">\n                    <div class=\"role-info\">\n                      <div class=\"role-full-name\">\n                        {fullName} ({recipient.email || recipient.phone})\n                      </div>\n                      {showLinkButton && !link && <verdocs-button size=\"small\" variant=\"outline\" label=\"Get Link\" disabled={gettingLink} onClick={() => this.getLink(recipient)} />}\n                    </div>\n\n                    {link && (\n                      <div class=\"link-wrapper\">\n                        <div class=\"link\">{link}</div>\n                        <verdocs-button size=\"small\" variant=\"outline\" label=\"Copy\" onClick={() => this.copyLink(link)} />\n                      </div>\n                    )}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n\n          {(this.canSendAnother || this.canView || this.canDone) && (\n            <div class=\"buttons\">\n              {this.canSendAnother && <verdocs-button size=\"small\" label=\"Send Another\" onClick={e => this.handleAnother(e)} />}\n              {this.canView && <verdocs-button size=\"small\" label=\"View Now\" onClick={e => this.handleView(e)} />}\n              {this.canDone && <verdocs-button size=\"small\" label=\"Done\" onClick={e => this.handleDone(e)} />}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/verdocs-envelope-sidebar.entry.js

@@ -362,3 +362,5 @@ const VerdocsEnvelopeSidebar = class {
 VerdocsEnvelopeSidebar.style = VerdocsEnvelopeSidebarStyle0;
 
 export { VerdocsEnvelopeSidebar as verdocs_envelope_sidebar };
+
+//# sourceMappingURL=verdocs-envelope-sidebar.entry.js.map

package/dist/esm/verdocs-envelope-sidebar.entry.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-envelope-sidebar.entry.js","mappings":"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","names":[],"sources":["src/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.scss?tag=verdocs-envelope-sidebar","src/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelope-sidebar {\n  font-family: $verdocs-primary-font;\n  flex-direction: row;\n  display: flex;\n  flex: 0 0 56px;\n  width: 56px;\n  min-height: 400px;\n  height: 100%;\n  background: #41435e;\n  transition: 0.5s cubic-bezier(0.35, 0, 0.25, 1);\n\n  &.open {\n    flex: 0 0 400px;\n    max-width: 100%;\n    width: 400px;\n\n    @media screen and (max-width: 500px) {\n      flex: 0 0 300px;\n      width: 300px;\n    }\n  }\n\n  .side-buttons {\n    flex-direction: column;\n    flex: 0 0 56px;\n    display: flex;\n\n    button {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 50px;\n      outline: none;\n      border: none;\n      border-left: 2px solid transparent;\n      background: none;\n      width: 100%;\n\n      &.active {\n        border-left: 2px solid #50bd80;\n      }\n\n      svg {\n        color: white;\n        width: 24px;\n        height: 24px;\n      }\n    }\n  }\n\n  .content {\n    flex: 1;\n    display: none;\n    color: white;\n    flex-direction: column;\n    padding: 12px 16px 16px;\n  }\n\n  &.open .content {\n    display: flex;\n    overflow-y: scroll;\n  }\n\n  verdocs-ok-dialog .content {\n    color: black;\n  }\n\n  .title {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin-bottom: 12px;\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 400;\n    //flex: 0;\n  }\n\n  .label {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: 12px;\n    line-height: 16px;\n    color: rgba(255, 255, 255, 0.54);\n    //flex: 0;\n  }\n\n  .value {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin-bottom: 14px;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 16px;\n    color: #fff;\n    //flex: 0;\n  }\n\n  .manage-recipients-button {\n    align-self: center;\n    white-space: nowrap;\n    width: 100%;\n    margin: 0 0 10px 0;\n\n    .label {\n      color: #ffffff;\n      font-size: 14px;\n    }\n\n    button {\n      width: 100%;\n    }\n  }\n\n  .recipient-detail {\n    flex: 0;\n    padding: 8px;\n    font-size: 14px;\n    position: relative;\n    flex-direction: column;\n    border: solid 1px #979797;\n    margin-bottom: 16px;\n  }\n\n  .recipient-header {\n    flex-direction: row;\n    box-sizing: border-box;\n    display: flex;\n    gap: 6px;\n    align-items: center;\n    margin-bottom: 4px;\n  }\n\n  .recipient-number {\n    width: 24px;\n    height: 24px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 24px;\n    font-size: 14px;\n    font-weight: 500;\n    border: solid 1px #979797;\n  }\n\n  .recipient-name {\n    flex: 1;\n    box-sizing: border-box;\n    text-transform: capitalize;\n  }\n\n  .recipient-status {\n    flex: 0 0 100px;\n    border-radius: 5px;\n    text-align: center;\n    box-sizing: border-box;\n    max-width: 100px;\n    min-width: 100px;\n    background-color: #616161; // Default\n    text-transform: capitalize;\n    font-size: 14px;\n    padding: 3px 0;\n\n    &.invited {\n      background-color: #ff8f00;\n    }\n    &.opened {\n      background-color: #616161;\n    }\n    &.signed,\n    &.submitted {\n      background-color: #2e7d32;\n    }\n    &.pending {\n      background-color: #0277bd;\n    }\n    &.canceled,\n    &.declined {\n      background-color: #c62828;\n    }\n\n    @media screen and (max-width: 500px) {\n      flex: 1 1 60px;\n      max-width: 60px;\n      min-width: 60px;\n    }\n  }\n\n  .recipient-content {\n    flex-direction: column;\n  }\n\n  .recipient-name {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .history-entry {\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n    padding: 8px 0 0;\n    margin: 8px 0 0;\n    border-top: 1px solid #dddddd;\n\n    .activity-icon {\n      margin-right: 14px;\n\n      svg {\n        width: 24px;\n        height: 24px;\n        fill: #ffffff;\n      }\n    }\n\n    .activity-details {\n    }\n\n    .activity-text {\n      font-size: 14px;\n      line-height: 16px;\n      margin-bottom: 4px;\n    }\n\n    .activity-date {\n      font-size: 12px;\n      line-height: 16px;\n      color: rgba(255, 255, 255, 0.54);\n    }\n  }\n\n  .content .history-entry:first-of-type {\n    border-top: none;\n  }\n\n  .reminders {\n    margin: 15px 0 30px 0;\n\n    .form-row {\n      margin: 8px 0 0;\n      display: flex;\n      flex-direction: row;\n\n      .reminders-label {\n        display: flex;\n        flex: 1;\n      }\n\n      .form-label {\n        flex: 1;\n      }\n\n      verdocs-text-input {\n        margin: 0;\n        width: 100px;\n      }\n    }\n  }\n}\n","import {format} from 'date-fns';\nimport type {IEnvelope, IRecipient} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Fragment, Host, Prop, State} from '@stencil/core';\nimport {cancelEnvelope, capitalize, formatFullName, getEnvelope, resendInvitation, updateEnvelope, userIsEnvelopeOwner, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {FORMAT_TIMESTAMP} from '../../../utils/Types';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst MS_PER_DAY = 24 * 60 * 60 * 1000;\n\nconst InformationCircle = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z\" /></svg>`;\n\nconst Users = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z\" /></svg>`;\n\nconst ClipboardDocuments = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z\" /></svg>`;\n\n// https://materialui.co/icon/verified-user and https://heroicons.com/\nconst ActivityIcons = {\n  visibility: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M12 15a3 3 0 100-6 3 3 0 000 6z\" /><path fill-rule=\"evenodd\" d=\"M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z\" clip-rule=\"evenodd\" /></svg>`,\n  pencil: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M21.731 2.269a2.625 2.625 0 00-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 000-3.712zM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 00-1.32 2.214l-.8 2.685a.75.75 0 00.933.933l2.685-.8a5.25 5.25 0 002.214-1.32L19.513 8.2z\" /></svg>`,\n  mail: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"/></svg>`,\n  contact_mail: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"/></svg>`,\n  done: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path fill-rule=\"evenodd\" d=\"M19.916 4.626a.75.75 0 01.208 1.04l-9 13.5a.75.75 0 01-1.154.114l-6-6a.75.75 0 011.06-1.06l5.353 5.353 8.493-12.739a.75.75 0 011.04-.208z\" clip-rule=\"evenodd\" /></svg>`,\n  send: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"/></svg>`,\n  gesture: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M4.59 6.89c.7-.71 1.4-1.35 1.71-1.22.5.2 0 1.03-.3 1.52-.25.42-2.86 3.89-2.86 6.31 0 1.28.48 2.34 1.34 2.98.75.56 1.74.73 2.64.46 1.07-.31 1.95-1.4 3.06-2.77 1.21-1.49 2.83-3.44 4.08-3.44 1.63 0 1.65 1.01 1.76 1.79-3.78.64-5.38 3.67-5.38 5.37 0 1.7 1.44 3.09 3.21 3.09 1.63 0 4.29-1.33 4.69-6.1H21v-2.5h-2.47c-.15-1.65-1.09-4.2-4.03-4.2-2.25 0-4.18 1.91-4.94 2.84-.58.73-2.06 2.48-2.29 2.72-.25.3-.68.84-1.11.84-.45 0-.72-.83-.36-1.92.35-1.09 1.4-2.86 1.85-3.52.78-1.14 1.3-1.92 1.3-3.28C8.95 3.69 7.31 3 6.44 3 5.12 3 3.97 4 3.72 4.25c-.36.36-.66.66-.88.93l1.75 1.71zm9.29 11.66c-.31 0-.74-.26-.74-.72 0-.6.73-2.2 2.87-2.76-.3 2.69-1.43 3.48-2.13 3.48z\"/></svg>`,\n  clear: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/></svg>`,\n  check_circle: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>`,\n  link: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"/></svg>`,\n  cancel: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>`,\n  done_all: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z\"/></svg>`,\n  create: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/></svg>`,\n  perm_identity: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/></svg>`,\n  people: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"/></svg>`,\n  contact_email: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M21 8V7l-3 2-3-2v1l3 2 3-2zm1-5H2C.9 3 0 3.9 0 5v14c0 1.1.9 2 2 2h20c1.1 0 1.99-.9 1.99-2L24 5c0-1.1-.9-2-2-2zM8 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H2v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1zm8-6h-8V6h8v6z\"/></svg>`,\n  textsms: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z\"/></svg>`,\n  verified_user: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path fill-rule=\"evenodd\" d=\"M12.516 2.17a.75.75 0 00-1.032 0 11.209 11.209 0 01-7.877 3.08.75.75 0 00-.722.515A12.74 12.74 0 002.25 9.75c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 00.374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 00-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08zm3.094 8.016a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z\" clip-rule=\"evenodd\" /></svg>`,\n  account_circle: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"/></svg>`,\n};\n\ninterface IHistoryEntry {\n  icon: string;\n  message: string;\n  date: Date;\n}\n\n/**\n * Displays a file upload mechanism suitable for the first step of creating a template.\n * This is typically the first step in a template creation workflow.\n */\n@Component({\n  tag: 'verdocs-envelope-sidebar',\n  styleUrl: 'verdocs-envelope-sidebar.scss',\n  shadow: false,\n})\nexport class VerdocsEnvelopeSidebar {\n  private envelopeListenerId = null;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored.\n   */\n  @Prop() envelopeId: string = '';\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when the envelope is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n   */\n  @Event({composed: true}) envelopeUpdated: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string}>;\n\n  /**\n   * Event fired when the sidebar is opened or closed.\n   */\n  @Event({composed: true}) toggle: EventEmitter<{open: boolean}>;\n\n  /**\n   * Event fired when the user clicks Send Another in the Manage Recipients dialog. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) another: EventEmitter<{envelope: IEnvelope}>;\n\n  // @State() envelope: IEnvelope | null = null;\n  // @State() sortedRecipients: IRecipient[] = [];\n  // @State() roleNames: string[] = [];\n  @State() activeTab: number = 1;\n  @State() panelOpen = false;\n  @State() showRecipientDialog = '';\n  @State() showCancelDialog = false;\n\n  @State() remindersEnabled = false;\n  @State() updatingReminders = false;\n  @State() initialReminder: number | null = null;\n  @State() followupReminders: number | null = null;\n\n  @State() loading = true;\n  @State() envelope: IEnvelope | null = null;\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n\n      if (!this.envelopeId) {\n        console.log(`[SIDEBAR] Missing required envelope ID ${this.envelopeId}`);\n        return;\n      }\n\n      if (!this.endpoint.session) {\n        console.log('[SIDEBAR] Unable to start session, must be authenticated');\n        return;\n      }\n\n      this.listenToEnvelope();\n    } catch (e) {\n      console.log('[SIDEBAR] Error loading envelope', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  disconnectedCallback() {\n    this.unlistenToEnvelope();\n  }\n\n  async listenToEnvelope() {\n    console.log('[SIDEBAR] Loading envelope', this.envelopeId);\n    this.unlistenToEnvelope();\n    Store.subscribe(\n      'envelopes',\n      this.envelopeId,\n      () => getEnvelope(this.endpoint, this.envelopeId),\n      false,\n      (envelope: IEnvelope) => {\n        this.envelope = envelope;\n        this.loading = false;\n\n        this.sortEnvelopeRecipients();\n        this.initialReminder = this.envelope?.initial_reminder;\n        this.followupReminders = this.envelope?.followup_reminders;\n        this.remindersEnabled = !!this.initialReminder;\n      },\n    );\n  }\n\n  unlistenToEnvelope() {\n    if (this.envelopeListenerId) {\n      Store.store.delListener(this.envelopeListenerId);\n      this.envelopeListenerId = null;\n    }\n  }\n\n  sortEnvelopeRecipients() {\n    (this.envelope?.recipients || []).sort((a, b) => {\n      return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;\n    });\n  }\n\n  setTab(tab: number) {\n    this.panelOpen = tab !== this.activeTab || !this.panelOpen;\n    this.toggle?.emit({open: this.panelOpen});\n    this.activeTab = tab;\n  }\n\n  // TODO: Refactor to a common library?\n  canResendRecipient(recipient: IRecipient) {\n    return (\n      !['pending', 'declined', 'submitted', 'canceled'].includes(recipient.status) && //\n      !['complete', 'declined', 'canceled'].includes(this.envelope?.status)\n    );\n  }\n\n  handleRecipientAction(recipient: IRecipient, id: string) {\n    console.log('[SIDEBAR] Recipient action', id, recipient);\n    switch (id) {\n      case 'reminder':\n        resendInvitation(this.endpoint, this.envelopeId, recipient.role_name)\n          .then(() => {\n            VerdocsToast('Reminder Sent', {style: 'success'});\n          })\n          .catch(e => {\n            console.log('[SIDEBAR] Error resending invitation', e);\n            VerdocsToast('Error resending invitation: ' + e.message, {style: 'error'});\n          });\n        break;\n\n      case 'inperson':\n        this.showRecipientDialog = recipient.role_name;\n        break;\n\n      case 'modify':\n        VerdocsToast('This feature will be enabled in a future release. Please try again later.', {style: 'info'});\n        break;\n\n      case 'details':\n        VerdocsToast('This feature will be enabled in a future release. Please try again later.', {style: 'info'});\n        break;\n    }\n\n    this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: id});\n  }\n\n  handleCancelEnvelope() {\n    this.loading = true;\n    cancelEnvelope(this.endpoint, this.envelopeId)\n      .then(async r => {\n        console.log('[SIDEBAR] Envelope canceled', r);\n        VerdocsToast('Envelope canceled', {style: 'success'});\n\n        // TODO: Use returned value instead?\n        const newEnvelope = JSON.parse(JSON.stringify(this.envelope));\n        newEnvelope.status = 'canceled';\n        Store.updateEnvelope(this.envelopeId, newEnvelope);\n\n        this.loading = false;\n        this.panelOpen = false;\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: newEnvelope, event: 'canceled'});\n      })\n      .catch(e => {\n        console.log('[SIDEBAR] Error canceling envelope', e);\n        this.loading = false;\n        VerdocsToast('Error canceling envelope: ' + e.message, {style: 'error'});\n      });\n  }\n\n  prepareHistoryEntries() {\n    const entries: IHistoryEntry[] = [];\n    const histories = this.envelope?.history_entries || [];\n\n    entries.push({icon: 'pencil', message: 'Envelope created.', date: new Date(this.envelope?.created_at)});\n\n    if (this.envelope?.status === 'complete') {\n      entries.push({icon: 'pencil', message: 'Envelope completed.', date: new Date(this.envelope?.updated_at)});\n    }\n\n    // TODO: Shift back to server-side generating these events? We'll still need\n    // to tolerate both cases here for a while.\n    const ownerCanceled = histories.some(history => (history.event as any) === 'owner:canceled');\n    if (this.envelope?.status === 'canceled' && !ownerCanceled) {\n      entries.push({icon: 'pencil', message: 'Envelope Cancelled.', date: new Date(this.envelope?.canceled_at)});\n    }\n\n    histories.forEach(history => {\n      const recipient = (this.envelope?.recipients || []).find(recipient => recipient.role_name === history.role_name);\n      const fullName = formatFullName(recipient);\n\n      switch (history.event.toLowerCase()) {\n        case 'recipient:signed':\n          entries.push({icon: 'gesture', message: `Signed by ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:declined':\n          entries.push({icon: 'clear', message: `Declined by ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:opened':\n          switch (history.event_detail) {\n            // TODO: Sync these up with reality\n            case 'email':\n            case 'mail':\n              entries.push({icon: 'visibility', message: `Opened by ${fullName}, via email.`, date: new Date(history.created_at)});\n              break;\n            case 'sms':\n              entries.push({icon: 'visibility', message: `Opened by ${fullName}, via SMS.`, date: new Date(history.created_at)});\n              break;\n            case 'in_person_link':\n              entries.push({icon: 'visibility', message: `Opened by ${fullName}, via In-person link.`, date: new Date(history.created_at)});\n              break;\n            case 'in_app':\n              entries.push({icon: 'visibility', message: `Opened by ${fullName}, via dashboard.`, date: new Date(history.created_at)});\n              break;\n            default:\n              entries.push({icon: 'visibility', message: `Opened by ${fullName}.`, date: new Date(history.created_at)});\n          }\n          break;\n        case 'recipient:submitted':\n          switch (history.event_detail) {\n            // TODO: Sync up\n            case 'approver':\n              entries.push({icon: 'check_circle', message: `Approved by ${fullName}.`, date: new Date(history.created_at)});\n              break;\n            default:\n              entries.push({icon: 'send', message: `Submitted by ${fullName}.`, date: new Date(history.created_at)});\n              break;\n          }\n          break;\n        case 'recipient:prepared':\n          entries.push({icon: 'send', message: `Prepared by ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:claimed':\n          if (history.event_detail === 'guest') {\n            entries.push({icon: 'account_circle', message: `${fullName} claimed the Envelope as a guest.`, date: new Date(history.created_at)});\n          } else if (history.event_detail === 'profile') {\n            entries.push({icon: 'verified_user', message: `${fullName} claimed the Envelope as a verified user.`, date: new Date(history.created_at)});\n          }\n          break;\n        case 'recipient:agreed':\n          entries.push({icon: 'done', message: `${fullName} agreed to use electronic records and signatures.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:invited':\n          if (history.event_detail === 'sms') {\n            entries.push({icon: 'textsms', message: `${fullName} has been invited via SMS.`, date: new Date(history.created_at)});\n          } else {\n            entries.push({icon: 'mail', message: `${fullName} has been invited via email.`, date: new Date(history.created_at)});\n          }\n          break;\n        case 'recipient:reminder':\n          if (history.event_detail === 'sms') {\n            entries.push({icon: 'textsms', message: `${fullName} sent a reminder via SMS.`, date: new Date(history.created_at)});\n          } else {\n            entries.push({icon: 'mail', message: `${fullName} sent a reminder via email.`, date: new Date(history.created_at)});\n          }\n          break;\n        case 'invitation:resent':\n          entries.push({\n            icon: 'mail',\n            message: `Invitation was resent to ${fullName}${history.event_detail === 'reminder' ? ' by reminder' : ''}.`,\n            date: new Date(history.created_at),\n          });\n          break;\n        case 'envelope:cc':\n          entries.push({icon: 'contact_mail', message: `A copy has been sent to ${fullName}.`, date: new Date(history.created_at)});\n          break;\n        case 'recipient:delegated':\n          entries.push({icon: 'people', message: history.event_detail, date: new Date(history.created_at)});\n          break;\n        case 'recipient:updated_info':\n          entries.push({icon: 'perm_identity', message: history.event_detail, date: new Date(history.created_at)});\n          break;\n        case 'owner:updated_recipient_info':\n          entries.push({icon: 'perm_identity', message: history.event_detail, date: new Date(history.created_at)});\n          break;\n        case 'created':\n          entries.push({icon: 'create', message: `Envelope was created.`, date: new Date(history.created_at)});\n          break;\n        case 'completed':\n          entries.push({icon: 'done_all', message: `Envelope was completed.`, date: new Date(history.created_at)});\n          break;\n        // TODO: Final answer?\n        case 'envelope:canceled':\n        case 'envelope_canceled':\n        case 'canceled':\n        case 'owner:canceled':\n          entries.push({icon: 'cancel', message: `Envelope was canceled by the creator.`, date: new Date(history.created_at)});\n          break;\n        case 'owner:get_in_person_link':\n          entries.push({icon: 'link', message: `Owner accessed the In-person link for ${recipient}.`, date: new Date(history.created_at)});\n          break;\n        default:\n          console.log('[SIDEBAR] Unknown history type', history);\n          break;\n      }\n    });\n\n    entries.sort((a, b) => b.date.getTime() - a.date.getTime());\n    return entries;\n  }\n\n  // canModify(recipient: IRecipient) {\n  //   const invalidRecipientStatus = ['declined', 'signed', 'submitted', 'canceled'];\n  //   const invalidEnvelopeStatus = ['complete', 'declined', 'canceled'];\n  //   return recipient.claimed !== true && invalidRecipientStatus.indexOf(recipient.status) === -1 && invalidEnvelopeStatus.indexOf(this.envelope?.status) === -1;\n  // }\n\n  handleToggleReminders() {\n    if (this.remindersEnabled) {\n      return this.handleSetReminders(null, null);\n    } else {\n      return this.handleSetReminders(MS_PER_DAY, 3 * MS_PER_DAY);\n    }\n  }\n\n  handleSetReminders(initial_reminder: number | null, followup_reminders: number | null) {\n    console.log('Updating reminders...');\n    this.updatingReminders = true;\n\n    updateEnvelope(this.endpoint, this.envelopeId, {initial_reminder, followup_reminders})\n      .then(envelope => {\n        console.log('Updated', envelope);\n        Store.updateEnvelope(this.envelopeId, envelope);\n        this.initialReminder = envelope.initial_reminder;\n        this.followupReminders = envelope.followup_reminders;\n        this.remindersEnabled = !!envelope.initial_reminder;\n        this.updatingReminders = false;\n      })\n      .catch(e => {\n        console.log('Error updating envelope', e);\n        this.initialReminder = this.envelope?.initial_reminder;\n        this.followupReminders = this.envelope?.followup_reminders;\n        this.remindersEnabled = !!this.envelope?.initial_reminder;\n        this.updatingReminders = false;\n        alert(e.response.data.error);\n      });\n  }\n\n  render() {\n    if (this.loading) {\n      // We don't show a loading indicator for the sidebar, to avoid FOUS\n      return <Host />;\n    }\n\n    const isEnvelopeOwner = userIsEnvelopeOwner(this.endpoint.profile, this.envelope);\n    const historyEntries = this.prepareHistoryEntries();\n    const functionsDisabled = this.envelope?.status !== 'pending' && this.envelope?.status !== 'in progress';\n\n    return (\n      <Host class={this.panelOpen ? 'open' : ''}>\n        <div class=\"side-buttons\">\n          <button class={this.activeTab === 1 ? 'active' : ''} onClick={() => this.setTab(1)} innerHTML={InformationCircle} />\n          <button class={this.activeTab === 2 ? 'active' : ''} onClick={() => this.setTab(2)} innerHTML={Users} />\n          <button class={this.activeTab === 3 ? 'active' : ''} onClick={() => this.setTab(3)} innerHTML={ClipboardDocuments} />\n        </div>\n\n        {this.activeTab === 1 && (\n          <div class=\"content\">\n            <div class=\"title\">Details</div>\n\n            <div class=\"label\">Envelope ID</div>\n            <div class=\"value\">{this.envelope?.id}</div>\n\n            <div class=\"label\">Date Created</div>\n            <div class=\"value\">{format(new Date(this.envelope?.created_at), FORMAT_TIMESTAMP)}</div>\n\n            <div class=\"label\">Last Modified</div>\n            <div class=\"value\">{format(new Date(this.envelope?.updated_at), FORMAT_TIMESTAMP)}</div>\n\n            <div class=\"label\">Status</div>\n            <div class=\"value\">{capitalize(this.envelope?.status)}</div>\n\n            <div class=\"label\">Owner ID</div>\n            <div class=\"value\">{this.envelope?.profile_id}</div>\n\n            <div class=\"label\">Owner Name</div>\n            <div class=\"value\">{formatFullName(this.envelope?.profile)}</div>\n\n            <div class=\"label\">Owner Email</div>\n            <div class=\"value\">{this.envelope?.profile?.email}</div>\n          </div>\n        )}\n\n        {this.activeTab === 2 && (\n          <div class=\"content\">\n            <div class=\"title\">Recipients</div>\n            {this.envelope?.recipients.map((recipient, index) => {\n              const canGetInPersonLink = recipient.status !== 'submitted' && recipient.status !== 'canceled' && recipient.status !== 'declined';\n              const canSendReminder = this.canResendRecipient(recipient);\n              const fullName = formatFullName(recipient);\n\n              return (\n                <div class=\"recipient-detail\">\n                  <div class=\"recipient-header\">\n                    <div class=\"recipient-number\">{index + 1}</div>\n                    <div class=\"recipient-name\">{recipient.role_name}</div>\n                    <div class={{'recipient-status': true, [recipient.status]: true}}>{recipient.status}</div>\n                    {isEnvelopeOwner && !functionsDisabled && (\n                      <verdocs-dropdown\n                        onOptionSelected={item => this.handleRecipientAction(recipient, item.detail.id)}\n                        options={[\n                          {id: 'reminder', label: 'Send Reminder', disabled: !canSendReminder},\n                          {id: 'inperson', label: 'Get In-Person Link', disabled: !canGetInPersonLink},\n                          // {id: 'modify', label: 'Modify Recipient', disabled: !this.canModifyRecipient(recipient)},\n                          // TODO: Details dialog\n                          // {id:'details',label: 'View Details'},\n                        ]}\n                      />\n                    )}\n                  </div>\n\n                  <dic class=\"recipient-content\">\n                    <div class=\"recipient-name\">{fullName}</div>\n                    <div class=\"recipient-name\">{recipient.email}</div>\n                    <div class=\"recipient-name\">{recipient.phone}</div>\n                  </dic>\n                </div>\n              );\n            })}\n\n            {isEnvelopeOwner && (\n              <div class=\"reminders\">\n                <div class=\"form-row\">\n                  <div class=\"reminders-label\">Reminders</div>\n                  <verdocs-switch disabled={functionsDisabled || this.updatingReminders} checked={this.remindersEnabled} onCheckedChange={() => this.handleToggleReminders()} />\n                </div>\n\n                {this.remindersEnabled && (\n                  <Fragment>\n                    <div class=\"form-row\">NOTE: Reminders will only be sent for up to 14 days.</div>\n                    <div class=\"form-row\">\n                      <div class=\"form-label\">Initial Reminder (days):</div>\n                      <verdocs-text-input\n                        placeholder=\"In hours...\"\n                        disabled={functionsDisabled || this.updatingReminders}\n                        value={String(Math.floor(this.initialReminder / MS_PER_DAY))}\n                        onBlur={(e: any) => {\n                          this.initialReminder = Number(e.target.value) * MS_PER_DAY;\n                          this.handleSetReminders(this.initialReminder, this.followupReminders);\n                        }}\n                      />\n                    </div>\n                    <div class=\"form-row\">\n                      <div class=\"form-label\">Follow-up Reminders:</div>\n                      <verdocs-text-input\n                        placeholder=\"In hours...\"\n                        disabled={functionsDisabled || this.updatingReminders}\n                        value={String(Math.floor(this.followupReminders / MS_PER_DAY))}\n                        onBlur={(e: any) => {\n                          this.followupReminders = Number(e.target.value) * MS_PER_DAY;\n                          this.handleSetReminders(this.initialReminder, this.followupReminders);\n                        }}\n                      />\n                    </div>\n                    <div class=\"form-row\">\n                      <div class=\"form-label\">Next Reminder:</div>\n                      <div style={{color: '#dddddd'}}>{format(new Date(this.envelope?.next_reminder), 'P p')}</div>\n                    </div>\n                  </Fragment>\n                )}\n              </div>\n            )}\n            {/*  <verdocs-button*/}\n            {/*    class=\"manage-recipients-button\"*/}\n            {/*    variant=\"standard\"*/}\n            {/*    label=\"Turn On Reminders\"*/}\n            {/*    onClick={() => (this.showManageDialog = !functionsDisabled)}*/}\n            {/*    disabled={functionsDisabled}*/}\n            {/*  />*/}\n\n            {isEnvelopeOwner && (\n              <verdocs-button\n                class=\"manage-recipients-button\"\n                variant=\"standard\"\n                label=\"Cancel Envelope\"\n                onClick={() => (this.showCancelDialog = !functionsDisabled)}\n                disabled={functionsDisabled}\n              />\n            )}\n          </div>\n        )}\n\n        {this.activeTab === 3 && (\n          <div class=\"content\">\n            <div class=\"title\">History</div>\n\n            {historyEntries.map(entry => (\n              <div class=\"history-entry\">\n                <div class=\"activity-icon\" innerHTML={ActivityIcons[entry.icon] || entry.icon} />\n                <div class=\"activity-details\">\n                  <div class=\"activity-text\">{entry.message}</div>\n                  {/* 'MMMM Do YYYY, h:mm:ss a'  */}\n                  <div class=\"activity-date\">{format(entry.date, FORMAT_TIMESTAMP)}</div>\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n\n        {this.showRecipientDialog && (\n          <verdocs-envelope-recipient-link envelopeId={this.envelopeId} roleName={this.showRecipientDialog} onNext={() => (this.showRecipientDialog = '')} />\n        )}\n\n        {this.showCancelDialog && (\n          <verdocs-ok-dialog\n            heading=\"Cancel Envelope?\"\n            message={'Are you sure you want to cancel this Envelope? This action cannot be undone.'}\n            onNext={() => {\n              this.showCancelDialog = false;\n              this.handleCancelEnvelope();\n            }}\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/verdocs-envelopes-list.entry.js

@@ -263,3 +263,5 @@ const VerdocsEnvelopesList = class {
 VerdocsEnvelopesList.style = VerdocsEnvelopesListStyle0;
 
 export { VerdocsEnvelopesList as verdocs_envelopes_list };
+
+//# sourceMappingURL=verdocs-envelopes-list.entry.js.map

package/dist/esm/verdocs-envelopes-list.entry.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-envelopes-list.entry.js","mappings":";;;;;;;;;AAAA,MAAM,uBAAuB,GAAG,+kGAA+kG,CAAC;AAChnG,mCAAe,uBAAuB;;ACOtC,MAAM,YAAY,GAAG,4vBAA4vB,CAAC;AAElxB,MAAM,WAAW,GAAoB;IACnC,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC;IAC5B,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;IAChC,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAC;IAC9B,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAC;IACxC,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAC;IAC3C,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,mBAAmB,EAAC;CAC/C,CAAC;AAEF,MAAM,aAAa,GAAoB;IACrC,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC;IAC5B,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAC;IACpC,EAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAC;IAC5C,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAC;IACvC,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAC;IACtC,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAC;CACvC,CAAC;AAEF,MAAM,WAAW,GAAoB;IACnC,EAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAC;IACvC,EAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAC;IACvC,EAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAC;IACzC,EAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAC;IACvC,EAAC,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,QAAQ,EAAC;CAC5C,CAAC;MASW,oBAAoB;;;;;;;;;;wBAIK,eAAe,CAAC,UAAU,EAAE;oBAO6C,SAAS;sBAK9C,KAAK;oBAKiC,YAAY;qBAKpE,EAAE;8BAU/B,IAAI;2BAKP,EAAE;4BAMD,CAAC;qBA0CP,CAAC;+BACS,KAAK;uBACb,IAAI;iCACmB,EAAE;yBACV,EAAE;;IAGpC,iBAAiB;QACf,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;KAC9B;IAGD,mBAAmB;QACjB,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;KAC9B;IAGD,iBAAiB;QACf,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;KAC9B;IAGD,kBAAkB;QAChB,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;KAC9B;;;;;IAQD,iBAAiB;QACf,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;KAC9B;IAED,iBAAiB;QACf,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO;YACjD,OAAO,CAAC,GAAG,CAAC,mCAAmC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;SACpE,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;KAC7B;IAED,MAAM,gBAAgB;QACpB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;KAC7B;IAED,MAAM,cAAc;;QAClB,IAAI;YACF,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,WAAW,GAAyB;gBACtC,IAAI,EAAE,IAAI,CAAC,YAAY;;gBAEvB,IAAI,EAAE,IAAI,CAAC,WAAW;aACvB,CAAC;YAEF,QAAQ,IAAI,CAAC,IAAI;gBACf,KAAK,KAAK;oBACR,WAAW,GAAG;wBACZ,GAAG,WAAW;;;wBAGd,MAAM,GAAG,IAAI,CAAC,MAAM,KAAK,KAAK,GAAG,CAAC,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAsB;qBACtI,CAAC;oBACF,MAAM;gBAER,KAAK,OAAO;oBACV,WAAW,GAAG;wBACZ,GAAG,WAAW;;;;qBAIf,CAAC;oBACF,MAAM;gBAER,KAAK,MAAM;oBACT,WAAW,GAAG;wBACZ,GAAG,WAAW;;;;qBAIf,CAAC;oBACF,MAAM;gBAER,KAAK,QAAQ;oBACX,WAAW,GAAG;wBACZ,GAAG,WAAW;;;wBAGd,MAAM,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC;;qBAEnC,CAAC;oBACF,MAAM;gBAER,KAAK,SAAS;oBACZ,WAAW,GAAG;wBACZ,GAAG,WAAW;;;;;wBAKd,MAAM,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC;qBACnC,CAAC;oBACF,MAAM;gBAER,KAAK,WAAW;oBACd,WAAW,GAAG;wBACZ,GAAG,WAAW;;;wBAGd,MAAM,EAAE,CAAC,UAAU,CAAC;qBACrB,CAAC;oBACF,MAAM;gBAER;oBACE,WAAW,GAAG;wBACZ,GAAG,WAAW;;;wBAGd,MAAM,GAAG,IAAI,CAAC,MAAM,KAAK,KAAK,GAAG,CAAC,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAsB;qBACtI,CAAC;aACL;;;;YAKD,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE;gBACvB,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE;oBACzB,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAyB,CAAC,CAAC;iBACvD;aACF;YAOD,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,CAEtB;;;;YAMD,MAAM,QAAQ,GAAG,MAAM,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;YAChE,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC;YACpC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC;YAC5B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;SACtB;QAAC,OAAO,CAAC,EAAE;YACV,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE,CAAC,CAAC,CAAC;YACtD,MAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,MAAA,CAAC,CAAC,QAAQ,0CAAE,MAAM,EAAE,MAAA,CAAC,CAAC,QAAQ,0CAAE,IAAI,CAAC,CAAC,CAAC;SACpF;KACF;IAED,cAAc;QACZ,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC;aACtD,IAAI,CAAC;YACJ,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC;SAC7B,CAAC;aACD,KAAK,CAAC,CAAC;YACN,OAAO,CAAC,GAAG,CAAC,4BAA4B,EAAE,CAAC,CAAC,CAAC;YAC7C,YAAY,CAAC,kBAAkB,GAAG,CAAC,CAAC,OAAO,EAAE,EAAC,KAAK,EAAE,OAAO,EAAC,CAAC,CAAC;SAChE,CAAC,CAAC;KACN;IAED,gBAAgB,CAAC,QAAmB;QAClC,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;YACnD,OAAO,CAAC,GAAG,CAAC,4BAA4B,EAAE,CAAC,CAAC,CAAC;YAC7C,YAAY,CAAC,kBAAkB,GAAG,CAAC,CAAC,OAAO,EAAE,EAAC,KAAK,EAAE,OAAO,EAAC,CAAC,CAAC;SAChE,CAAC,CAAC;KACJ;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,QAAQ,IACjB,4DAAK,KAAK,EAAC,QAAQ,IACjB,2EACE,EAAE,EAAC,qBAAqB,EACxB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,IAAI,EACf,YAAY,EAAC,KAAK,EAClB,WAAW,EAAC,wCAAwC,EACpD,UAAU,EAAE,CAAC,CAAM;;;gBAEjB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACnC,MAAA,IAAI,CAAC,WAAW,0CAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aACpC,GACD,CACE,EAEN,6EACE,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,OAAO,EAAE,WAAW,EACpB,gBAAgB,EAAE,CAAC;gBACjB,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAY,CAAC;aACnC,GACD,EAED,IAAI,CAAC,IAAI,KAAK,KAAK,KAClB,6EACE,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,MAAM,EAClB,OAAO,EAAE,aAAa,EACtB,gBAAgB,EAAE,CAAC;gBACjB,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,KAAY,CAAC;aACrC,GACD,CACH,EAEA,IAAI,CAAC,IAAI,KAAK,KAAK,KAClB,6EACE,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,OAAO,EAAE,WAAW,EACpB,gBAAgB,EAAE,CAAC;gBACjB,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAY,CAAC;aACnC,GACD,CACH,EAgBA,IAAI,CAAC,OAAO,IAAI,wEAAiB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,GAAI,EAE1D,4DAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAC,GAAI,EAE3C,IAAI,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,IAAI,uEAAgB,KAAK,EAAE,aAAa,IAAI,CAAC,iBAAiB,CAAC,MAAM,GAAG,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,EAAE,GAAI,CAChJ,EAEL,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ;;YAC1B,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAC;YACjE,MAAM,aAAa,GAAG,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YAC7E,MAAM,QAAQ,GAAG,qBAAqB,CAAC,IAAI,CAAC,SAAS,cAAI,OAAA,SAAS,CAAC,KAAK,MAAK,MAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,0CAAE,KAAK,CAAA,IAAI,EAAE,CAAA,EAAA,CAAC,CAAC;YACjH,MAAM,aAAa,GAAG,QAAQ,IAAI,aAAa,IAAI,UAAU,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,0CAAE,KAAK,KAAI,EAAE,EAAE,qBAAqB,CAAC,CAAC;YAEzH,MAAM,WAAW,GAAG;gBAClB,EAAC,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,MAAM,EAAC;gBACpC,EAAC,KAAK,EAAE,iBAAiB,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,aAAa,EAAC;gBAClE,EAAC,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAC;gBACnC,EAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,aAAa,EAAC;aAC1D,CAAC;YAEF,QACE,WAAK,KAAK,EAAC,UAAU,EAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,EAAE,OAAO,EAAE,gBAAM,OAAA,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAA,EAAA,IACjH,WAAK,KAAK,EAAC,OAAO,IAChB,wBACE,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAC3E,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EACjC,OAAO,EAAE,CAAC,CAAM;oBACd,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;wBACpB,IAAI,CAAC,iBAAiB,GAAG,CAAC,GAAG,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;qBAChE;yBAAM;wBACL,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,EAAE,CAAC,CAAC;qBACnF;iBACF,GACD,EAEF,WAAK,KAAK,EAAC,aAAa,GAAG,EAC3B,YAAM,SAAS,EAAE,YAAY,EAAE,KAAK,EAAC,eAAe,GAAG,EAEvD,WAAK,KAAK,EAAC,eAAe,IACvB,QAAQ,CAAC,IAAI,cAAS,WAAK,KAAK,EAAC,qBAAqB,IAAE,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC,CAAO,CAC3G,EAEN,WAAK,KAAK,EAAC,aAAa,GAAG,EAC3B,gCAA0B,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,OAAO,EAAC,GAAI,EAEzE,WAAK,KAAK,EAAC,aAAa,GAAG,EAC3B,WAAK,KAAK,EAAC,eAAe,IAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,cAAc,EAAE,CAAO,EAEjF,WAAK,KAAK,EAAC,aAAa,GAAG,EAC3B,wBACE,OAAO,EAAE,WAAW,EACpB,gBAAgB,EAAE,CAAC;;oBACjB,QAAQ,CAAC,CAAC,MAAM,CAAC,EAAE;wBACjB,KAAK,MAAM;4BACT,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAC;4BAC7D,MAAM;wBACR,KAAK,QAAQ;4BACX,MAAA,IAAI,CAAC,cAAc,0CAAE,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAC;4BAC/D,MAAM;wBACR,KAAK,UAAU;4BACb,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;4BAChC,MAAM;wBACR,KAAK,QAAQ;4BACX,IAAI,MAAM,CAAC,OAAO,CAAC,gDAAgD,CAAC,EAAE;gCACpE,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;qCACvC,IAAI,CAAC,MAAM,YAAY,CAAC,mBAAmB,CAAC,CAAC;qCAC7C,KAAK,CAAC,CAAC,IAAI,YAAY,CAAC,6BAA6B,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAC,KAAK,EAAE,OAAO,EAAC,CAAC,CAAC,CAAC;gCAC1F,IAAI,CAAC,cAAc,EAAE,CAAC,KAAK,CAAC,SAAQ,CAAC,CAAC;6BACvC;4BACD,MAAM;qBACT;iBACF,GACD,CACE,CACF,EACN;SACH,CAAC,EAED,CAAC,IAAI,CAAC,eAAe,KACpB,4DAAK,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,IACxB,eAAe,CAAC,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,OACxC,WAAK,KAAK,EAAC,sBAAsB,GAAG,CACrC,CAAC,CACE,CACP,EAEA,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,4DAAK,KAAK,EAAC,YAAY,6EAA6E,EAEtJ,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,IAAI,CAAC,cAAc,IACnE,WAAK,KAAK,EAAE,EAAC,SAAS,EAAE,MAAM,EAAC,IAC7B,0BACE,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,SAAS,EAAE,IAAI,CAAC,KAAK,EACrB,YAAY,EAAE,CAAC;gBACb,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;aAC3C,GACD,CACE,KAEN,cAAO,CACR,CACI,EACP;KACH;;;;;;;;;;;;;","names":[],"sources":["src/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.scss?tag=verdocs-envelopes-list","src/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelopes-list {\n  display: flex;\n  padding: 10px;\n  font-size: 18px;\n  flex-wrap: nowrap;\n  border-radius: 6px;\n  color: $label-color;\n  flex-direction: column;\n  font-family: $primary-font;\n\n  @media screen and (max-width: 800px) {\n    font-size: 14px;\n  }\n\n  .envelope-placeholder {\n    height: 48px;\n    flex: 0 0 48px;\n    margin: 5px 0;\n    border-radius: 5px;\n    background: $verdocs-grey-3;\n  }\n\n  .header {\n    width: 100%;\n    row-gap: 4px;\n    display: flex;\n    flex-wrap: wrap;\n    column-gap: 12px;\n    margin: 0 0 10px 0;\n    align-items: center;\n    flex-direction: row;\n\n    .filter {\n      width: 300px;\n    }\n\n    verdocs-text-input {\n      margin: 0;\n\n      input {\n        height: 32px;\n      }\n    }\n  }\n\n  .filter {\n    align-items: center;\n  }\n\n  .envelope {\n    width: 100%;\n    margin: 3px 0;\n    background: $verdocs-grey-4;\n\n    &:hover {\n      cursor: pointer;\n      background: $verdocs-grey-3;\n    }\n\n    .inner {\n      gap: 12px;\n      display: flex;\n      padding: 8px 14px;\n      border-radius: 5px;\n      flex-direction: row;\n      align-items: center;\n      container-type: inline-size;\n\n      svg {\n        width: 24px;\n        height: 24px;\n      }\n    }\n  }\n\n  .vert-spacer {\n    height: 50px;\n    display: flex;\n    flex: 0 0 1px;\n    border-right: 1px solid #dad8dd;\n\n    @media screen and (max-width: 800px) {\n      display: none;\n    }\n  }\n\n  .envelope-icon {\n    @media screen and (max-width: 800px) {\n      display: none;\n    }\n  }\n\n  verdocs-checkbox {\n    @media screen and (max-width: 800px) {\n      display: none;\n    }\n  }\n\n  .last-modified {\n    color: #444;\n    display: flex;\n    flex: 0 0 180px;\n    flex-direction: row;\n    align-items: center;\n    white-space: nowrap;\n\n    @media screen and (max-width: 800px) {\n      display: none;\n    }\n  }\n\n  .envelope-name {\n    flex: 1;\n    display: flex;\n    color: #000000;\n    line-height: 28px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .envelope-recipients {\n    color: #4b5563;\n    font-weight: 700;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .empty-text {\n    text-align: center;\n    margin: 16px 0 0 0;\n    padding: 80px 80px;\n    border: 2px solid #ccc;\n  }\n\n  .containing {\n    gap: 12px;\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n  }\n\n  verdocs-status-indicator {\n    @media screen and (max-width: 800px) {\n      font-size: 14px;\n    }\n  }\n}\n","import {Component, Prop, Host, h, State, Event, EventEmitter, Watch} from '@stencil/core';\nimport {userCanCancelEnvelope, userCanAct, cancelEnvelope, integerSequence, formatFullName} from '@verdocs/js-sdk';\nimport {IEnvelope, IListEnvelopesParams, TEnvelopeStatus, VerdocsEndpoint, getEnvelopes, getRecipientsWithActions} from '@verdocs/js-sdk';\nimport {IFilterOption} from '../../controls/verdocs-quick-filter/verdocs-quick-filter';\nimport {saveEnvelopesAsZip} from '../../../utils/utils';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\n\nconst DocumentIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"#000000\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z\" /></svg>`;\n\nconst ViewFilters: IFilterOption[] = [\n  {value: 'all', label: 'All'},\n  {value: 'inbox', label: 'Inbox'},\n  {value: 'sent', label: 'Sent'},\n  {value: 'completed', label: 'Completed'},\n  {value: 'action', label: 'Action Required'},\n  {value: 'waiting', label: 'Waiting on Others'},\n];\n\nconst StatusFilters: IFilterOption[] = [\n  {value: 'all', label: 'All'},\n  {value: 'pending', label: 'Pending'},\n  {value: 'in progress', label: 'In Progress'},\n  {value: 'complete', label: 'Completed'},\n  {value: 'declined', label: 'Declined'},\n  {value: 'canceled', label: 'Canceled'},\n];\n\nconst SortFilters: IFilterOption[] = [\n  {value: 'created_at', label: 'Created'},\n  {value: 'updated_at', label: 'Updated'},\n  {value: 'canceled_at', label: 'Canceled'},\n  {value: 'envelope_name', label: 'Name'},\n  {value: 'envelope_status', label: 'Status'},\n];\n\n/**\n * Displays a list of envelopes matching specified conditions.\n */\n@Component({\n  tag: 'verdocs-envelopes-list',\n  styleUrl: 'verdocs-envelopes-list.scss',\n})\nexport class VerdocsEnvelopesList {\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 filtered view to display. \"completed\" will show envelopes that have been submitted. \"action\" will\n   * show envelopes where the user is a recipient and the envelope is not completed. \"waiting\" will show\n   * only envelopes where the user is the sender and the envelope is not completed.\n   */\n  @Prop({reflect: true, mutable: true}) view?: 'all' | 'inbox' | 'sent' | 'completed' | 'action' | 'waiting' = undefined;\n\n  /**\n   * The status value to filter by\n   */\n  @Prop({reflect: true, mutable: true}) status: TEnvelopeStatus | 'all' = 'all';\n\n  /**\n   * The sort field to use\n   */\n  @Prop({reflect: true, mutable: true}) sort: 'name' | 'created_at' | 'updated_at' | 'canceled_at' | 'status' = 'created_at';\n\n  /**\n   * If set, filter envelopes by the specified string.\n   */\n  @Prop({reflect: true, mutable: true}) match: string = '';\n\n  /**\n   * If set, filter envelopes by the specified \"containing\" value.\n   */\n  // @Prop({reflect: true, mutable: true}) containing: string = '';\n\n  /**\n   * Whether or not pagination should be enabled.\n   */\n  @Prop() showPagination = true;\n\n  /**\n   * The number of rows to display per page.\n   */\n  @Prop() rowsPerPage = 10;\n\n  /**\n   * The initial page number to select. Pagination is internally controlled but may be overriden by the\n   * host applicaiton.\n   */\n  @Prop() selectedPage = 0;\n\n  /**\n   * Event fired when the user changes their view. Host applications can use this to save the user's preferences.\n   */\n  @Event({composed: true}) changeView: EventEmitter<'all' | 'inbox' | 'sent' | 'completed' | 'action' | 'waiting'>;\n\n  /**\n   * Event fired when the user changes their status filter. Host applications can use this to save the user's preferences.\n   */\n  @Event({composed: true}) changeStatus: EventEmitter<TEnvelopeStatus | 'all'>;\n\n  /**\n   * Event fired when the user changes their sort order. Host applications can use this to save the user's preferences.\n   */\n  @Event({composed: true}) changeSort: EventEmitter<'name' | 'created_at' | 'updated_at' | 'canceled_at' | 'status'>;\n\n  /**\n   * Event fired when the user changes the match filter. This is fired for every inputChange event (every character\n   * typed). This event is provided for balance with the other events, but host applications should generally not\n   * save this value. Users might appreciate applications remembering their sorting or filtering preferences, but\n   * probably not their search terms.\n   */\n  @Event({composed: true}) changeMatch: EventEmitter<string>;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when the user clicks an activity entry. Typically the host application will use this to navigate\n   * to the envelope detail view.\n   */\n  @Event({composed: true}) viewEnvelope: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope}>;\n\n  /**\n   * Event fired when the user clicks to finish the envelope.\n   */\n  @Event({composed: true}) finishEnvelope: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope}>;\n\n  @State() count = 0;\n  @State() initiallyLoaded = false;\n  @State() loading = true;\n  @State() selectedEnvelopes: IEnvelope[] = [];\n  @State() envelopes: IEnvelope[] = [];\n\n  @Watch('view')\n  handleViewUpdated() {\n    return this.queryEnvelopes();\n  }\n\n  @Watch('status')\n  handleStatusUpdated() {\n    return this.queryEnvelopes();\n  }\n\n  @Watch('sort')\n  handleSortUpdated() {\n    return this.queryEnvelopes();\n  }\n\n  @Watch('match')\n  handleMatchUpdated() {\n    return this.queryEnvelopes();\n  }\n\n  // @Watch('containing')\n  // handleContainingUpdated() {\n  //   return this.queryEnvelopes();\n  // }\n\n  @Watch('selectedPage')\n  handlePageUpdated() {\n    return this.queryEnvelopes();\n  }\n\n  componentWillLoad() {\n    this.endpoint.onSessionChanged((_, session, profile) => {\n      console.log('[ENVELOPES_LIST] onSessionChanged', session, profile);\n    });\n    this.endpoint.loadSession();\n  }\n\n  async componentDidLoad() {\n    await this.queryEnvelopes();\n    this.initiallyLoaded = true;\n  }\n\n  async queryEnvelopes() {\n    try {\n      this.loading = true;\n      let queryParams: IListEnvelopesParams = {\n        page: this.selectedPage,\n        // sort: this.sort,\n        rows: this.rowsPerPage,\n      };\n\n      switch (this.view) {\n        case 'all':\n          queryParams = {\n            ...queryParams,\n            // sort: this.sort,\n            // direction: this.sort === 'name' ? 'asc' : 'desc',\n            status: (this.status === 'all' ? ['pending', 'in progress', 'complete', 'declined', 'canceled'] : [this.status]) as TEnvelopeStatus[],\n          };\n          break;\n\n        case 'inbox':\n          queryParams = {\n            ...queryParams,\n            // is_recipient: true,\n            // sort: 'updated_at',\n            // recipient_status: ['invited', 'declined', 'opened', 'signed', 'submitted', 'canceled'],\n          };\n          break;\n\n        case 'sent':\n          queryParams = {\n            ...queryParams,\n            // FIXME\n            // is_owner: true,\n            // sort: 'updated_at',\n          };\n          break;\n\n        case 'action':\n          queryParams = {\n            ...queryParams,\n            // sort: 'updated_at',\n            // is_recipient: true,\n            status: ['pending', 'in progress'],\n            // recipient_status: ['invited', 'opened', 'signed'],\n          };\n          break;\n\n        case 'waiting':\n          queryParams = {\n            ...queryParams,\n            // FIXME\n            // is_owner: true,\n            // sort: 'updated_at',\n            // direction: 'desc',\n            status: ['pending', 'in progress'],\n          };\n          break;\n\n        case 'completed':\n          queryParams = {\n            ...queryParams,\n            // sort: 'updated_at',\n            // direction: 'desc',\n            status: ['complete'],\n          };\n          break;\n\n        default:\n          queryParams = {\n            ...queryParams,\n            // sort: 'updated_at',\n            // direction: 'desc',\n            status: (this.status === 'all' ? ['pending', 'in progress', 'complete', 'declined', 'canceled'] : [this.status]) as TEnvelopeStatus[],\n          };\n      }\n\n      // These filters should only be applied in \"View All\" mode. Otherwise the user could have set them to something\n      // then changed the view e.g. to Inbox and the filter could break the view (e.g. View:Inbox, Status:Declined\n      // would never return anything).\n      if (this.view === 'all') {\n        if (this.status !== 'all') {\n          queryParams.status = [this.status as TEnvelopeStatus];\n        }\n      }\n\n      if (this.sort !== 'updated_at') {\n        // queryParams.sort = this.sort;\n        // queryParams.direction = this.sort === 'name' ? 'asc' : 'desc';\n      }\n\n      if (this.match.trim()) {\n        // queryParams.match = this.match.trim();\n      }\n\n      // if (this.containing.trim()) {\n      //   queryParams.field_value = this.containing.trim();\n      // }\n\n      const response = await getEnvelopes(this.endpoint, queryParams);\n      this.envelopes = response.envelopes;\n      this.count = response.count;\n      this.loading = false;\n    } catch (e) {\n      this.loading = false;\n      console.log('[ENVELOPES] Error listing envelopes', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  handleDownload() {\n    saveEnvelopesAsZip(this.endpoint, this.selectedEnvelopes)\n      .then(() => {\n        this.selectedEnvelopes = [];\n      })\n      .catch(e => {\n        console.log('[ENVELOPES] Download error', e);\n        VerdocsToast('Download error: ' + e.message, {style: 'error'});\n      });\n  }\n\n  downloadEnvelope(envelope: IEnvelope) {\n    saveEnvelopesAsZip(this.endpoint, [envelope]).catch(e => {\n      console.log('[ENVELOPES] Download error', e);\n      VerdocsToast('Download error: ' + e.message, {style: 'error'});\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"header\">\n          <div class=\"filter\">\n            <verdocs-text-input\n              id=\"verdocs-filter-name\"\n              value={this.match}\n              clearable={true}\n              autocomplete=\"off\"\n              placeholder=\"Filter by Name, Recipient, or Field...\"\n              onFocusout={(e: any) => {\n                // We don't locally filter envelopes because there are too many fields to match against efficiently.\n                this.match = e.target.value.trim();\n                this.changeMatch?.emit(this.match);\n              }}\n            />\n          </div>\n\n          <verdocs-quick-filter\n            label=\"View\"\n            value={this.view}\n            options={ViewFilters}\n            onOptionSelected={e => {\n              this.view = e.detail.value as any;\n            }}\n          />\n\n          {this.view === 'all' && (\n            <verdocs-quick-filter\n              label=\"Status\"\n              value={this.status}\n              options={StatusFilters}\n              onOptionSelected={e => {\n                this.status = e.detail.value as any;\n              }}\n            />\n          )}\n\n          {this.view === 'all' && (\n            <verdocs-quick-filter\n              label=\"Sort By\"\n              value={this.sort}\n              options={SortFilters}\n              onOptionSelected={e => {\n                this.sort = e.detail.value as any;\n              }}\n            />\n          )}\n\n          {/*<div class=\"containing\">*/}\n          {/*  <div class=\"filter\">*/}\n          {/*    <verdocs-text-input*/}\n          {/*      id=\"verdocs-filter-containing\"*/}\n          {/*      value={this.containing}*/}\n          {/*      autocomplete=\"off\"*/}\n          {/*      placeholder=\"Fields Containing...\"*/}\n          {/*      onInput={(e: any) => {*/}\n          {/*        this.containing = e.target.value;*/}\n          {/*      }}*/}\n          {/*    />*/}\n          {/*  </div>*/}\n          {/*</div>*/}\n\n          {this.loading && <verdocs-spinner mode=\"dark\" size={24} />}\n\n          <div style={{display: 'flex', flex: '1'}} />\n\n          {this.selectedEnvelopes.length > 0 && <verdocs-button label={`Download (${this.selectedEnvelopes.length})`} onClick={() => this.handleDownload()} />}\n        </div>\n\n        {this.envelopes.map(envelope => {\n          const recipientsWithActions = getRecipientsWithActions(envelope);\n          const userCanCancel = userCanCancelEnvelope(this.endpoint.profile, envelope);\n          const userRole = recipientsWithActions.find(recipient => recipient.email === this.endpoint.session?.email || '');\n          const userCanFinish = userRole && userCanCancel && userCanAct(this.endpoint.session?.email || '', recipientsWithActions);\n\n          const menuOptions = [\n            {label: 'View Envelope', id: 'view'},\n            {label: 'Finish Envelope', id: 'finish', disabled: !userCanFinish},\n            {label: 'Download', id: 'download'},\n            {label: 'Cancel', id: 'cancel', disabled: !userCanCancel},\n          ];\n\n          return (\n            <div class=\"envelope\" key={envelope.id} onClick={() => this.viewEnvelope?.emit({endpoint: this.endpoint, envelope})}>\n              <div class=\"inner\">\n                <verdocs-checkbox\n                  checked={this.selectedEnvelopes.findIndex(e => e.id === envelope.id) !== -1}\n                  onClick={e => e.stopPropagation()} // So this doesn't trigger navigation\n                  onInput={(e: any) => {\n                    if (e.target.checked) {\n                      this.selectedEnvelopes = [...this.selectedEnvelopes, envelope];\n                    } else {\n                      this.selectedEnvelopes = this.selectedEnvelopes.filter(e => e.id !== envelope.id);\n                    }\n                  }}\n                />\n\n                <div class=\"vert-spacer\" />\n                <span innerHTML={DocumentIcon} class=\"envelope-icon\" />\n\n                <div class=\"envelope-name\">\n                  {envelope.name}:&nbsp; <div class=\"envelope-recipients\">{envelope.recipients.map(r => formatFullName(r))}</div>\n                </div>\n\n                <div class=\"vert-spacer\" />\n                <verdocs-status-indicator envelope={envelope} style={{width: '125px'}} />\n\n                <div class=\"vert-spacer\" />\n                <div class=\"last-modified\">{new Date(envelope.updated_at).toLocaleString()}</div>\n\n                <div class=\"vert-spacer\" />\n                <verdocs-dropdown\n                  options={menuOptions}\n                  onOptionSelected={e => {\n                    switch (e.detail.id) {\n                      case 'view':\n                        this.viewEnvelope?.emit({endpoint: this.endpoint, envelope});\n                        break;\n                      case 'finish':\n                        this.finishEnvelope?.emit({endpoint: this.endpoint, envelope});\n                        break;\n                      case 'download':\n                        this.downloadEnvelope(envelope);\n                        break;\n                      case 'cancel':\n                        if (window.confirm('Are you sure you want to cancel this envelope?')) {\n                          cancelEnvelope(this.endpoint, envelope.id)\n                            .then(() => VerdocsToast('Envelope canceled'))\n                            .catch(e => VerdocsToast('Unable to cancel envelope: ' + e.messabge, {style: 'error'}));\n                          this.queryEnvelopes().catch(() => {});\n                        }\n                        break;\n                    }\n                  }}\n                />\n              </div>\n            </div>\n          );\n        })}\n\n        {!this.initiallyLoaded && (\n          <div style={{width: '100%'}}>\n            {integerSequence(0, this.rowsPerPage).map(() => (\n              <div class=\"envelope-placeholder\" />\n            ))}\n          </div>\n        )}\n\n        {this.initiallyLoaded && !this.envelopes.length && <div class=\"empty-text\">No matching envelopes found. Please adjust your filters and try again.</div>}\n\n        {this.initiallyLoaded && this.envelopes.length && this.showPagination ? (\n          <div style={{marginTop: '20px'}}>\n            <verdocs-pagination\n              selectedPage={this.selectedPage}\n              perPage={this.rowsPerPage}\n              itemCount={this.count}\n              onSelectPage={e => {\n                this.selectedPage = e.detail.selectedPage;\n              }}\n            />\n          </div>\n        ) : (\n          <div />\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/verdocs-field-attachment_13.entry.js

@@ -1448,3 +1448,5 @@ const VerdocsUploadDialog = class {
 VerdocsUploadDialog.style = VerdocsUploadDialogStyle0;
 
 export { VerdocsFieldAttachment as verdocs_field_attachment, VerdocsFieldCheckbox as verdocs_field_checkbox, VerdocsFieldDate as verdocs_field_date, VerdocsFieldDropdown as verdocs_field_dropdown, VerdocsFieldInitial as verdocs_field_initial, VerdocsFieldRadio as verdocs_field_radio, VerdocsFieldSignature as verdocs_field_signature, VerdocsFieldTextarea as verdocs_field_textarea, VerdocsFieldTextbox as verdocs_field_textbox, VerdocsFieldTimestamp as verdocs_field_timestamp, VerdocsInitialDialog as verdocs_initial_dialog, VerdocsSignatureDialog as verdocs_signature_dialog, VerdocsUploadDialog as verdocs_upload_dialog };
+
+//# sourceMappingURL=verdocs-field-attachment_13.entry.js.map