@verdocs/web-sdk 5.0.31 → 5.0.33

package/dist/verdocs-web-sdk/p-17457a7a.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as s,H as n}from"./p-b9654a5e.js";import{VerdocsEndpoint as o,getEnvelope as l,getInPersonLink as t,formatFullName as r}from"@verdocs/js-sdk";import{V as c}from"./p-04c07b7b.js";import{S as a}from"./p-fd97809c.js";import{S as p}from"./p-d4be87ef.js";const d='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelope-recipient-link{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:"Inter", "Barlow", sans-serif;background-color:rgba(0, 0, 0, 0.4980392157)}verdocs-envelope-recipient-link .summary-content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-recipient-link .summary-content .summary-title{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-link .summary-recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-link .summary-recipient .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-recipient-link .summary-recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}verdocs-envelope-recipient-link .summary-recipient .role-full-name{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .summary-recipient .recipient-link{width:120px;padding:0 16px;font-weight:500;margin:0 0 0 8px;text-align:center;font-size:0.875rem;border-radius:100%;color:rgb(55, 65, 81);line-height:1.25rem;background-color:#d8d8d8;border:2px solid rgb(156, 163, 175)}verdocs-envelope-recipient-link .summary-recipient .link-wrapper{gap:5px;display:-ms-flexbox;display:flex;margin:4px 0 0 0;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-link .summary-recipient .link-wrapper .link{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;overflow:hidden;margin:0 6px 0 0;border-radius:4px;white-space:nowrap;-ms-flex-align:center;align-items:center;text-overflow:ellipsis;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-recipient-link .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-link .buttons verdocs-button button{width:100%}';const m=d;const x=class{constructor(s){e(this,s);this.next=i(this,"next",7);this.sdkError=i(this,"sdkError",7);this.envelopeListenerId=null;this.endpoint=o.getDefault();this.envelopeId="";this.roleName="";this.isOpen=undefined;this.gettingLink=true;this.link="";this.loading=true;this.envelope=null;this.recipient=null}async componentWillLoad(){var e,i,s;try{this.endpoint.loadSession();if(!this.envelopeId){console.log(`[RECIPIENT_LINK] Missing required envelope ID ${this.envelopeId}`);return}if(!this.endpoint.session){console.log("[RECIPIENT_LINK] Unable to start session, must be authenticated");return}this.listenToEnvelope()}catch(n){console.log("[RECIPIENT_LINK] Error loading envelope",n);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new a(n.message,(i=n.response)===null||i===void 0?void 0:i.status,(s=n.response)===null||s===void 0?void 0:s.data))}}disconnectedCallback(){this.unlistenToEnvelope()}async listenToEnvelope(){console.log("[SIDEBAR] Loading envelope",this.envelopeId);this.unlistenToEnvelope();p.subscribe("envelopes",this.envelopeId,(()=>l(this.endpoint,this.envelopeId)),false,(e=>{var i;this.envelope=e;this.loading=false;this.recipient=(((i=this.envelope)===null||i===void 0?void 0:i.recipients)||[]).find((e=>e.role_name===this.roleName));this.getLink(this.recipient)}))}unlistenToEnvelope(){if(this.envelopeListenerId){p.store.delListener(this.envelopeListenerId);this.envelopeListenerId=null}}handleDone(e){var i;e.preventDefault();(i=this.next)===null||i===void 0?void 0:i.emit({envelope:this.envelope})}copyLink(e){navigator.clipboard.writeText(e).then((()=>c("Link copied to clipboard!",{style:"success",duration:3e3}))).catch((e=>{console.warn("[RECIPIENT_LINK] Error copying to clipboard",e);c(`Unable to copy to clipboard: ${e.message}`,{style:"error"})}))}getLink(e){this.gettingLink=true;t(this.endpoint,e.envelope_id,e.role_name).then((e=>{this.gettingLink=false;this.link=e.link})).catch((e=>{this.gettingLink=false;console.log("[RECIPIENT_LINK] Error getting link",e);c("Unable to get link: "+e.message,{style:"error"})}))}render(){if(this.loading||!this.recipient){return s(n,null)}const e=r(this.recipient);return s(n,null,s("div",{class:"summary-content"},s("h1",{class:"summary-title"},"In-Person Signing Link"),s("div",{class:"summary-rows"},s("div",{class:"summary-recipient"},s("div",{class:"role-name"},this.recipient.role_name),s("div",{class:"role-details"},s("div",{class:"role-info"},s("div",{class:"role-full-name"},e," (",this.recipient.email||this.recipient.phone,")"),!this.link&&s("verdocs-button",{size:"small",variant:"outline",label:this.gettingLink?"Loading...":"Get Link",disabled:this.gettingLink,onClick:()=>this.getLink(this.recipient)})),this.link&&s("div",{class:"link-wrapper"},s("div",{class:"link"},this.link),s("verdocs-button",{size:"small",variant:"outline",label:"Copy",onClick:()=>this.copyLink(this.link)}))))),s("div",{class:"buttons"},s("verdocs-button",{size:"small",label:"Done",onClick:e=>this.handleDone(e)}))))}};x.style=m;export{x as verdocs_envelope_recipient_link};
+//# sourceMappingURL=p-17457a7a.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsEnvelopeRecipientLinkCss","VerdocsEnvelopeRecipientLinkStyle0","VerdocsEnvelopeRecipientLink","this","envelopeListenerId","VerdocsEndpoint","getDefault","componentWillLoad","endpoint","loadSession","envelopeId","console","log","session","listenToEnvelope","e","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","disconnectedCallback","unlistenToEnvelope","Store","subscribe","getEnvelope","envelope","loading","recipient","recipients","find","r","role_name","roleName","getLink","store","delListener","handleDone","preventDefault","next","copyLink","link","navigator","clipboard","writeText","then","VerdocsToast","style","duration","catch","warn","gettingLink","getInPersonLink","envelope_id","render","h","Host","fullName","formatFullName","class","email","phone","size","variant","label","disabled","onClick"],"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"],"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"],"mappings":"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","ignoreList":[]}

package/dist/verdocs-web-sdk/p-21e9abff.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-9186f42e.system.js"],(function(t){"use strict";var r,e,o;return{setters:[function(t){r=t.r;e=t.c;o=t.h}],execute:function(){var i='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-switch{font-family:"Inter", "Barlow", sans-serif}verdocs-switch .switch{display:-ms-inline-flexbox;display:inline-flex;height:24px;width:44px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:12px;border:transparent;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .switch.primary[data-state=checked]{background:#55bc81}verdocs-switch .switch.primary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .switch.secondary[data-state=checked]{background:#4c56cb}verdocs-switch .switch.secondary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .slider{display:block;width:20px;height:20px;border-radius:20px;background:#ffffff;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .slider[data-state=checked]{-webkit-transform:translateX(16px);transform:translateX(16px)}verdocs-switch .slider[data-state=unchecked]{-webkit-transform:translateX(-4px);transform:translateX(-4px)}verdocs-switch .switch.disabled.primary,verdocs-switch .switch.disabled.secondary{cursor:not-allowed;background:#666666}';var c=i;var a=t("verdocs_switch",function(){function t(t){r(this,t);this.checkedChange=e(this,"checkedChange",7);this.checked=false;this.theme="primary";this.disabled=false}t.prototype.render=function(){var t=this;return o("button",{key:"fc02b9a9fb89d4c181a43379311d2cacf3ab136d",value:"on",type:"button",role:"switch",class:"switch ".concat(this.theme," ").concat(this.disabled?"disabled":""),"data-state":this.checked?"checked":"unchecked","aria-checked":this.checked?"checked":"unchecked",onClick:function(){var r;if(!t.disabled){t.checked=!t.checked;(r=t.checkedChange)===null||r===void 0?void 0:r.emit(t.checked)}}},o("span",{key:"6250418f78aa5293ae3a21e4ecbfd6b8ebd6c80f","data-state":this.checked?"checked":"unchecked",class:"slider"}))};return t}());a.style=c}}}));
+//# sourceMappingURL=p-21e9abff.system.entry.js.map

package/dist/verdocs-web-sdk/p-21e9abff.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsSwitchCss","VerdocsSwitchStyle0","VerdocsSwitch","exports","class_1","prototype","render","_this","this","h","key","value","type","role","class","concat","theme","disabled","checked","onClick","_a","checkedChange","emit"],"sources":["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-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(16px);\n  }\n\n  .slider[data-state='unchecked'] {\n    transform: translateX(-4px);\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"],"mappings":"kJAAA,IAAMA,EAAmB,y4EACzB,IAAAC,EAAeD,E,ICYFE,EAAaC,EAAA,4B,kFACkB,M,WAKD,U,cAKb,K,CAI5BC,EAAAC,UAAAC,OAAA,eAAAC,EAAAC,KACE,OACEC,EAAA,UAAAC,IAAA,2CACEC,MAAM,KACNC,KAAK,SACLC,KAAK,SACLC,MAAO,UAAAC,OAAUP,KAAKQ,MAAK,KAAAD,OAAIP,KAAKS,SAAW,WAAa,IAAI,aACpDT,KAAKU,QAAU,UAAY,YAAW,eACpCV,KAAKU,QAAU,UAAY,YACzCC,QAAS,W,MACP,IAAKZ,EAAKU,SAAU,CAClBV,EAAKW,SAAWX,EAAKW,SACrBE,EAAAb,EAAKc,iBAAa,MAAAD,SAAA,SAAAA,EAAEE,KAAKf,EAAKW,Q,IAIlCT,EAAA,QAAAC,IAAA,wDAAkBF,KAAKU,QAAU,UAAY,YAAaJ,MAAM,W,WA/B9C,I","ignoreList":[]}

package/dist/verdocs-web-sdk/p-27ddc017.system.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,i,n,t){function r(e){return e instanceof n?e:new n((function(i){i(e)}))}return new(n||(n=Promise))((function(n,o){function s(e){try{c(t.next(e))}catch(e){o(e)}}function l(e){try{c(t["throw"](e))}catch(e){o(e)}}function c(e){e.done?n(e.value):r(e.value).then(s,l)}c((t=t.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},t,r,o,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(e){return function(i){return c([e,i])}}function c(l){if(t)throw new TypeError("Generator is already executing.");while(s&&(s=0,l[0]&&(n=0)),n)try{if(t=1,r&&(o=l[0]&2?r["return"]:l[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;if(r=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:n.label++;return{value:l[1],done:false};case 5:n.label++;r=l[1];l=[0];continue;case 7:l=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){n=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){n.label=l[1];break}if(l[0]===6&&n.label<o[1]){n.label=o[1];o=l;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(l);break}if(o[2])n.ops.pop();n.trys.pop();continue}l=i.call(e,n)}catch(e){l=[6,e];r=0}finally{t=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-9186f42e.system.js","@verdocs/js-sdk","./p-9b26e4e0.system.js","./p-c8a15cb7.system.js","./p-52c3e8b0.system.js"],(function(e){"use strict";var i,n,t,r,o,s,l,c,a,u,f;return{setters:[function(e){i=e.r;n=e.c;t=e.h;r=e.H},function(e){o=e.VerdocsEndpoint;s=e.getEnvelope;l=e.getInPersonLink;c=e.formatFullName},function(e){a=e.V},function(e){u=e.S},function(e){f=e.S}],execute:function(){var d='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelope-recipient-link{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:"Inter", "Barlow", sans-serif;background-color:rgba(0, 0, 0, 0.4980392157)}verdocs-envelope-recipient-link .summary-content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-recipient-link .summary-content .summary-title{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-link .summary-recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-link .summary-recipient .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-recipient-link .summary-recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}verdocs-envelope-recipient-link .summary-recipient .role-full-name{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .summary-recipient .recipient-link{width:120px;padding:0 16px;font-weight:500;margin:0 0 0 8px;text-align:center;font-size:0.875rem;border-radius:100%;color:rgb(55, 65, 81);line-height:1.25rem;background-color:#d8d8d8;border:2px solid rgb(156, 163, 175)}verdocs-envelope-recipient-link .summary-recipient .link-wrapper{gap:5px;display:-ms-flexbox;display:flex;margin:4px 0 0 0;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-link .summary-recipient .link-wrapper .link{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;overflow:hidden;margin:0 6px 0 0;border-radius:4px;white-space:nowrap;-ms-flex-align:center;align-items:center;text-overflow:ellipsis;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-recipient-link .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-link .buttons verdocs-button button{width:100%}';var p=d;var x=e("verdocs_envelope_recipient_link",function(){function e(e){i(this,e);this.next=n(this,"next",7);this.sdkError=n(this,"sdkError",7);this.envelopeListenerId=null;this.endpoint=o.getDefault();this.envelopeId="";this.roleName="";this.isOpen=undefined;this.gettingLink=true;this.link="";this.loading=true;this.envelope=null;this.recipient=null}e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,i,n;return __generator(this,(function(t){try{this.endpoint.loadSession();if(!this.envelopeId){console.log("[RECIPIENT_LINK] Missing required envelope ID ".concat(this.envelopeId));return[2]}if(!this.endpoint.session){console.log("[RECIPIENT_LINK] Unable to start session, must be authenticated");return[2]}this.listenToEnvelope()}catch(t){console.log("[RECIPIENT_LINK] Error loading envelope",t);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new u(t.message,(i=t.response)===null||i===void 0?void 0:i.status,(n=t.response)===null||n===void 0?void 0:n.data))}return[2]}))}))};e.prototype.disconnectedCallback=function(){this.unlistenToEnvelope()};e.prototype.listenToEnvelope=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){console.log("[SIDEBAR] Loading envelope",this.envelopeId);this.unlistenToEnvelope();f.subscribe("envelopes",this.envelopeId,(function(){return s(e.endpoint,e.envelopeId)}),false,(function(i){var n;e.envelope=i;e.loading=false;e.recipient=(((n=e.envelope)===null||n===void 0?void 0:n.recipients)||[]).find((function(i){return i.role_name===e.roleName}));e.getLink(e.recipient)}));return[2]}))}))};e.prototype.unlistenToEnvelope=function(){if(this.envelopeListenerId){f.store.delListener(this.envelopeListenerId);this.envelopeListenerId=null}};e.prototype.handleDone=function(e){var i;e.preventDefault();(i=this.next)===null||i===void 0?void 0:i.emit({envelope:this.envelope})};e.prototype.copyLink=function(e){navigator.clipboard.writeText(e).then((function(){return a("Link copied to clipboard!",{style:"success",duration:3e3})})).catch((function(e){console.warn("[RECIPIENT_LINK] Error copying to clipboard",e);a("Unable to copy to clipboard: ".concat(e.message),{style:"error"})}))};e.prototype.getLink=function(e){var i=this;this.gettingLink=true;l(this.endpoint,e.envelope_id,e.role_name).then((function(e){i.gettingLink=false;i.link=e.link})).catch((function(e){i.gettingLink=false;console.log("[RECIPIENT_LINK] Error getting link",e);a("Unable to get link: "+e.message,{style:"error"})}))};e.prototype.render=function(){var e=this;if(this.loading||!this.recipient){return t(r,null)}var i=c(this.recipient);return t(r,null,t("div",{class:"summary-content"},t("h1",{class:"summary-title"},"In-Person Signing Link"),t("div",{class:"summary-rows"},t("div",{class:"summary-recipient"},t("div",{class:"role-name"},this.recipient.role_name),t("div",{class:"role-details"},t("div",{class:"role-info"},t("div",{class:"role-full-name"},i," (",this.recipient.email||this.recipient.phone,")"),!this.link&&t("verdocs-button",{size:"small",variant:"outline",label:this.gettingLink?"Loading...":"Get Link",disabled:this.gettingLink,onClick:function(){return e.getLink(e.recipient)}})),this.link&&t("div",{class:"link-wrapper"},t("div",{class:"link"},this.link),t("verdocs-button",{size:"small",variant:"outline",label:"Copy",onClick:function(){return e.copyLink(e.link)}}))))),t("div",{class:"buttons"},t("verdocs-button",{size:"small",label:"Done",onClick:function(i){return e.handleDone(i)}}))))};return e}());x.style=p}}}));
+//# sourceMappingURL=p-27ddc017.system.entry.js.map

package/dist/verdocs-web-sdk/p-27ddc017.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsEnvelopeRecipientLinkCss","VerdocsEnvelopeRecipientLinkStyle0","VerdocsEnvelopeRecipientLink","exports","this","envelopeListenerId","VerdocsEndpoint","getDefault","class_1","prototype","componentWillLoad","endpoint","loadSession","envelopeId","console","log","concat","session","listenToEnvelope","e","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","disconnectedCallback","unlistenToEnvelope","Store","subscribe","getEnvelope","_this","envelope","loading","recipient","recipients","find","r","role_name","roleName","getLink","store","delListener","handleDone","preventDefault","next","copyLink","link","navigator","clipboard","writeText","then","VerdocsToast","style","duration","catch","warn","gettingLink","getInPersonLink","envelope_id","render","h","Host","fullName","formatFullName","class","email","phone","size","variant","label","disabled","onClick"],"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"],"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"],"mappings":"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","ignoreList":[]}

package/dist/verdocs-web-sdk/{p-6f1e2f2f.entry.js → p-8e699235.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as s,H as i,g as l}from"./p-b9654a5e.js";import{VerdocsEndpoint as o,getTemplate as d}from"@verdocs/js-sdk";import{S as a}from"./p-fd97809c.js";import{S as r}from"./p-d4be87ef.js";const n='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-build{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-build .content{-ms-flex:1;flex:1;gap:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}verdocs-build verdocs-template-attachments,verdocs-build verdocs-template-roles{margin:20px}verdocs-build verdocs-template-fields{border-top:1px solid #777777}verdocs-build verdocs-template-attachments{padding:20px;background:#ffffff}verdocs-build verdocs-template-fields{width:100%}verdocs-build verdocs-preview{-ms-flex:1;flex:1}verdocs-build .preview-container{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;width:100%;background-color:#eeeeee;max-height:100%}@media all and (max-width: 450px){verdocs-build .preview-container{-ms-flex-direction:column;flex-direction:column}}verdocs-build .preview-send-wrapper{display:-ms-flexbox;display:flex;-ms-flex:0 0 300px;flex:0 0 300px;background-color:#ffffff;-webkit-box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157);box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157)}@media all and (max-width: 450px){verdocs-build .preview-send-wrapper{-ms-flex:0;flex:0}}verdocs-build .preview-preview-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;overflow-y:scroll}';const p=n;const c=class{constructor(s){e(this,s);this.sdkError=t(this,"sdkError",7);this.stepChanged=t(this,"stepChanged",7);this.send=t(this,"send",7);this.templateUpdated=t(this,"templateUpdated",7);this.templateCreated=t(this,"templateCreated",7);this.rolesUpdated=t(this,"rolesUpdated",7);this.templateListenerId=null;this.endpoint=o.getDefault();this.templateId=null;this.step="preview";this.loading=true;this.template=null}onTemplateIdChanged(e,t){if(!t&&e&&this.step==="attachments"){this.step="preview"}this.loadTemplate(e).catch((e=>console.log("Unknown Error",e)))}onStepChanged(){this.loadTemplate(this.templateId).catch((e=>console.log("Unknown Error",e)))}async componentWillLoad(){var e,t,s,i,l,o;try{this.endpoint.loadSession();if(!this.endpoint.session){console.log("[BUILD] Unable to start builder session, must be authenticated");return}if(!this.templateId){console.log(`[BUILD] No template ID, activating upload mode`);this.step="attachments";return}try{this.loadTemplate(this.templateId).catch((e=>console.log("[BUILD] Unable to load template",e)))}catch(i){console.log("[BUILD] Error loading template",i);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new a(i.message,(t=i.response)===null||t===void 0?void 0:t.status,(s=i.response)===null||s===void 0?void 0:s.data))}}catch(e){console.log("[BUILD] Error with builder session",e);(i=this.sdkError)===null||i===void 0?void 0:i.emit(new a(e.message,(l=e.response)===null||l===void 0?void 0:l.status,(o=e.response)===null||o===void 0?void 0:o.data))}}async loadTemplate(e){if(e){r.subscribe("templates",this.templateId,(()=>d(this.endpoint,this.templateId)),false,(e=>{this.template=e;this.loading=false}))}}disconnectedCallback(){console.log("[BUILD] Disconnected");this.unlistenToTemplate()}unlistenToTemplate(){if(this.templateListenerId){r.store.delListener(this.templateListenerId);this.templateListenerId=null}}handleCancel(){this.step="preview"}async handleTemplateCreated(e){var t;await this.loadTemplate(e);this.templateId=e;this.step="roles";(t=this.stepChanged)===null||t===void 0?void 0:t.emit("roles")}async handleRolesUpdated(e){var t;(t=this.templateUpdated)===null||t===void 0?void 0:t.emit(e.detail)}async handleTemplateUpdated(e){var t;(t=this.templateUpdated)===null||t===void 0?void 0:t.emit(e.detail)}handleAttachmentsNext(){var e;this.step="roles";(e=this.stepChanged)===null||e===void 0?void 0:e.emit("roles")}handleRolesNext(){var e;this.step="fields";(e=this.stepChanged)===null||e===void 0?void 0:e.emit("fields")}handleStepChanged(e){var t;this.step=e;(t=this.stepChanged)===null||t===void 0?void 0:t.emit(e)}render(){if(this.loading){return s(i,{class:"loading"},s("verdocs-loader",null))}if(!this.endpoint.session){return s(i,null,s("verdocs-component-error",{message:"You must be authenticated to use this module."}))}return s(i,null,s("div",{class:"content"},s("verdocs-template-build-tabs",{endpoint:this.endpoint,templateId:this.templateId,step:this.step,onSdkError:e=>{var t;return(t=this.sdkError)===null||t===void 0?void 0:t.emit(e.detail)},onStepChanged:e=>this.handleStepChanged(e.detail)}),this.step==="attachments"&&s("verdocs-template-attachments",{templateId:this.templateId,endpoint:this.endpoint,onExit:()=>this.handleCancel(),onNext:()=>this.handleAttachmentsNext(),onTemplateUpdated:e=>this.handleTemplateUpdated(e)}),this.step==="roles"&&s("verdocs-template-roles",{templateId:this.templateId,endpoint:this.endpoint,onExit:()=>this.handleCancel(),onNext:()=>this.handleRolesNext(),onRolesUpdated:e=>this.handleRolesUpdated(e)}),this.step==="settings"&&s("div",{style:{flexDirection:"column",gap:"20px",display:"flex",maxWidth:"400px",margin:"20px"}},s("verdocs-template-name",{templateId:this.templateId,endpoint:this.endpoint,style:{backgroundColor:"#ffffff",padding:"20px"},onTemplateUpdated:e=>this.handleTemplateUpdated(e)}),s("verdocs-template-reminders",{templateId:this.templateId,endpoint:this.endpoint,style:{backgroundColor:"#ffffff",padding:"20px"},onTemplateUpdated:e=>this.handleTemplateUpdated(e)}),s("verdocs-template-visibility",{templateId:this.templateId,endpoint:this.endpoint,style:{backgroundColor:"#ffffff",padding:"20px"},onTemplateUpdated:e=>this.handleTemplateUpdated(e)})),this.step==="fields"&&s("verdocs-template-fields",{templateId:this.templateId,endpoint:this.endpoint,onTemplateUpdated:e=>this.handleTemplateUpdated(e)}),this.step==="preview"&&s("div",{class:"preview-container"},s("div",{class:"preview-send-wrapper"},s("verdocs-send",{templateId:this.templateId,endpoint:this.endpoint,onSend:e=>{var t;return(t=this.send)===null||t===void 0?void 0:t.emit(e.detail)},style:{width:"100%"}})),s("div",{class:"preview-preview-wrapper"},s("verdocs-preview",{templateId:this.templateId,endpoint:this.endpoint,style:{display:"flex",flex:"1",maxWidth:"1000px"}})))))}get el(){return l(this)}static get watchers(){return{templateId:["onTemplateIdChanged"],step:["onStepChanged"]}}};c.style=p;export{c as verdocs_build};
-//# sourceMappingURL=p-6f1e2f2f.entry.js.map
+import{r as e,c as t,h as s,H as i,g as l}from"./p-b9654a5e.js";import{VerdocsEndpoint as o,getTemplate as d}from"@verdocs/js-sdk";import{S as r}from"./p-fd97809c.js";import{S as a}from"./p-d4be87ef.js";const n='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-build{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-build .content{-ms-flex:1;flex:1;gap:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}verdocs-build verdocs-template-attachments,verdocs-build verdocs-template-roles{margin:20px}verdocs-build verdocs-template-fields{border-top:1px solid #777777}verdocs-build verdocs-template-attachments{padding:20px;background:#ffffff}verdocs-build verdocs-template-fields{width:100%}verdocs-build verdocs-preview{-ms-flex:1;flex:1}verdocs-build .preview-container{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;width:100%;background-color:#eeeeee;max-height:100%}@media all and (max-width: 450px){verdocs-build .preview-container{-ms-flex-direction:column;flex-direction:column}}verdocs-build .preview-send-wrapper{display:-ms-flexbox;display:flex;-ms-flex:0 0 300px;flex:0 0 300px;background-color:#ffffff;-webkit-box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157);box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157)}@media all and (max-width: 450px){verdocs-build .preview-send-wrapper{-ms-flex:0;flex:0}}verdocs-build .preview-preview-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;overflow-y:scroll}';const p=n;const c=class{constructor(s){e(this,s);this.sdkError=t(this,"sdkError",7);this.stepChanged=t(this,"stepChanged",7);this.send=t(this,"send",7);this.templateUpdated=t(this,"templateUpdated",7);this.templateCreated=t(this,"templateCreated",7);this.rolesUpdated=t(this,"rolesUpdated",7);this.templateListenerId=null;this.endpoint=o.getDefault();this.templateId=null;this.step="preview";this.loading=true;this.template=null}onTemplateIdChanged(e,t){if(!t&&e&&this.step==="attachments"){this.step="preview"}this.loadTemplate(e).catch((e=>console.log("Unknown Error",e)))}onStepChanged(){this.loadTemplate(this.templateId).catch((e=>console.log("Unknown Error",e)))}async componentWillLoad(){var e,t,s,i,l,o;try{this.endpoint.loadSession();if(!this.endpoint.session){console.log("[BUILD] Unable to start builder session, must be authenticated");return}if(!this.templateId){console.log(`[BUILD] No template ID, activating upload mode`);this.step="attachments";return}try{this.loadTemplate(this.templateId).catch((e=>console.log("[BUILD] Unable to load template",e)))}catch(i){console.log("[BUILD] Error loading template",i);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new r(i.message,(t=i.response)===null||t===void 0?void 0:t.status,(s=i.response)===null||s===void 0?void 0:s.data))}}catch(e){console.log("[BUILD] Error with builder session",e);(i=this.sdkError)===null||i===void 0?void 0:i.emit(new r(e.message,(l=e.response)===null||l===void 0?void 0:l.status,(o=e.response)===null||o===void 0?void 0:o.data))}}async loadTemplate(e){if(e){a.subscribe("templates",this.templateId,(()=>d(this.endpoint,this.templateId)),false,(e=>{this.template=e;this.loading=false}))}}disconnectedCallback(){console.log("[BUILD] Disconnected");this.unlistenToTemplate()}unlistenToTemplate(){if(this.templateListenerId){a.store.delListener(this.templateListenerId);this.templateListenerId=null}}handleCancel(){this.step="preview"}async handleTemplateCreated(e){var t;await this.loadTemplate(e);this.templateId=e;this.step="roles";(t=this.stepChanged)===null||t===void 0?void 0:t.emit("roles")}async handleRolesUpdated(e){var t;(t=this.templateUpdated)===null||t===void 0?void 0:t.emit(e.detail)}async handleTemplateUpdated(e){var t;(t=this.templateUpdated)===null||t===void 0?void 0:t.emit(e.detail)}handleAttachmentsNext(){var e;this.step="roles";(e=this.stepChanged)===null||e===void 0?void 0:e.emit("roles")}handleRolesNext(){var e;this.step="fields";(e=this.stepChanged)===null||e===void 0?void 0:e.emit("fields")}handleStepChanged(e){var t;this.step=e;(t=this.stepChanged)===null||t===void 0?void 0:t.emit(e)}render(){if(this.loading){return s(i,{class:"loading"},s("verdocs-loader",null))}if(!this.endpoint.session){return s(i,null,s("verdocs-component-error",{message:"You must be authenticated to use this module."}))}return s(i,null,s("div",{class:"content"},s("verdocs-template-build-tabs",{endpoint:this.endpoint,templateId:this.templateId,step:this.step,onSdkError:e=>{var t;return(t=this.sdkError)===null||t===void 0?void 0:t.emit(e.detail)},onStepChanged:e=>this.handleStepChanged(e.detail)}),this.step==="attachments"&&s("verdocs-template-attachments",{templateId:this.templateId,endpoint:this.endpoint,onExit:()=>this.handleCancel(),onNext:()=>this.handleAttachmentsNext(),onTemplateUpdated:e=>this.handleTemplateUpdated(e)}),this.step==="roles"&&s("verdocs-template-roles",{templateId:this.templateId,endpoint:this.endpoint,onExit:()=>this.handleCancel(),onNext:()=>this.handleRolesNext(),onRolesUpdated:e=>this.handleRolesUpdated(e)}),this.step==="settings"&&s("verdocs-template-settings",{templateId:this.templateId,endpoint:this.endpoint,onTemplateUpdated:e=>this.handleTemplateUpdated(e)}),this.step==="fields"&&s("verdocs-template-fields",{templateId:this.templateId,endpoint:this.endpoint,onTemplateUpdated:e=>this.handleTemplateUpdated(e)}),this.step==="preview"&&s("div",{class:"preview-container"},s("div",{class:"preview-send-wrapper"},s("verdocs-send",{templateId:this.templateId,endpoint:this.endpoint,onSend:e=>{var t;return(t=this.send)===null||t===void 0?void 0:t.emit(e.detail)},style:{width:"100%"}})),s("div",{class:"preview-preview-wrapper"},s("verdocs-preview",{templateId:this.templateId,endpoint:this.endpoint,style:{display:"flex",flex:"1",maxWidth:"1000px"}})))))}get el(){return l(this)}static get watchers(){return{templateId:["onTemplateIdChanged"],step:["onStepChanged"]}}};c.style=p;export{c as verdocs_build};
+//# sourceMappingURL=p-8e699235.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsBuildCss","VerdocsBuildStyle0","VerdocsBuild","this","templateListenerId","VerdocsEndpoint","getDefault","onTemplateIdChanged","newTemplateId","oldTemplateId","step","loadTemplate","catch","e","console","log","onStepChanged","templateId","componentWillLoad","endpoint","loadSession","session","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","_d","_e","_f","Store","subscribe","getTemplate","template","loading","disconnectedCallback","unlistenToTemplate","store","delListener","handleCancel","handleTemplateCreated","stepChanged","handleRolesUpdated","templateUpdated","detail","handleTemplateUpdated","handleAttachmentsNext","handleRolesNext","handleStepChanged","render","h","Host","class","onSdkError","onExit","onNext","onTemplateUpdated","onRolesUpdated","onSend","send","style","width","display","flex","maxWidth"],"sources":["src/components/embeds/verdocs-build/verdocs-build.scss?tag=verdocs-build","src/components/embeds/verdocs-build/verdocs-build.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-build {\n  display: flex;\n  flex-direction: column;\n  font-family: $verdocs-primary-font;\n\n  .content {\n    flex: 1;\n    gap: 20px;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    //box-shadow: 0 0 7px -3px #000000cc;\n  }\n\n  verdocs-template-attachments,\n  verdocs-template-roles {\n    margin: 20px;\n  }\n\n  verdocs-template-fields {\n    border-top: 1px solid #777777;\n  }\n\n  verdocs-template-attachments {\n    padding: 20px;\n    background: #ffffff;\n  }\n\n  verdocs-template-fields {\n    width: 100%;\n  }\n\n  verdocs-preview {\n    flex: 1;\n  }\n\n  .preview-container {\n    flex-direction: row;\n    display: flex;\n    width: 100%;\n    background-color: #eeeeee;\n    max-height: 100%;\n\n    @media all and (max-width: 450px) {\n      flex-direction: column;\n    }\n  }\n\n  .preview-send-wrapper {\n    display: flex;\n    flex: 0 0 300px;\n    background-color: #ffffff;\n    box-shadow: 1px 1px 6px -2px #0000007f;\n\n    @media all and (max-width: 450px) {\n      flex: 0;\n    }\n  }\n\n  .preview-preview-wrapper {\n    display: flex;\n    flex: 1;\n    justify-content: center;\n    overflow-y: scroll;\n  }\n}\n","import {getTemplate, ICreateEnvelopeRecipient, IRole, ITemplate, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, Prop, h, Element, Event, EventEmitter, Host, Watch, State} from '@stencil/core';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nexport type TVerdocsBuildStep = 'attachments' | 'roles' | 'settings' | 'fields' | 'preview';\n\n/**\n * Display a template building experience. Several event callbacks provide status updates to the\n * parent application to support interface updates.\n *\n * ```ts\n * <verdocs-build templateId={templateId} step=\"preview\" onSend={(detail) => {\n *   console.log('Sent envelope from template', detail);\n * }} />\n * ```\n */\n@Component({\n  tag: 'verdocs-build',\n  styleUrl: 'verdocs-build.scss',\n  shadow: false,\n})\nexport class VerdocsBuild {\n  private templateListenerId = null;\n\n  @Element() el!: any;\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 ID of the template to create the document from. Unlike most other components, this is an optional parameter here.\n   * If the template ID is known, `step` may also be specified to force displaying a specific step in the creation process.\n   * If it is not specified, `step` will be ignored and the create step will be shown.\n   */\n  @Prop({reflect: true, mutable: true}) templateId: string | null = null;\n\n  /**\n   * The step in the creation process to display.\n   */\n  @Prop({reflect: true, mutable: true}) step: TVerdocsBuildStep = 'preview';\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 selects a different step.\n   */\n  @Event({composed: true}) stepChanged: EventEmitter<TVerdocsBuildStep>;\n\n  /**\n   * The user completed the Send form and clicked send.\n   */\n  @Event({composed: true}) send: EventEmitter<{recipients: ICreateEnvelopeRecipient[]; name: string; template_id: string}>;\n\n  /**\n   * Event fired when the template is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n   */\n  @Event({composed: true}) templateUpdated: EventEmitter<{endpoint: VerdocsEndpoint; template: ITemplate; event: string}>;\n\n  /**\n   * Event fired when the template is created by the upload step.\n   */\n  @Event({composed: true}) templateCreated: EventEmitter<{endpoint: VerdocsEndpoint; template: ITemplate; event: string}>;\n\n  /**\n   * Event fired when roles are updated in the roles step.\n   */\n  @Event({composed: true}) rolesUpdated: EventEmitter<{endpoint: VerdocsEndpoint; templateId: string; event: 'added' | 'deleted' | 'updated'; roles: IRole[]}>;\n\n  @State() loading = true;\n  @State() template: ITemplate | null = null;\n\n  @Watch('templateId')\n  onTemplateIdChanged(newTemplateId: string, oldTemplateId: string) {\n    if (!oldTemplateId && newTemplateId && this.step === 'attachments') {\n      this.step = 'preview';\n    }\n\n    this.loadTemplate(newTemplateId).catch((e: any) => console.log('Unknown Error', e));\n  }\n\n  @Watch('step')\n  onStepChanged() {\n    // We reload the template here even if only the step changed in case\n    // we were out of sync before\n    this.loadTemplate(this.templateId).catch((e: any) => console.log('Unknown Error', e));\n  }\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n      if (!this.endpoint.session) {\n        console.log('[BUILD] Unable to start builder session, must be authenticated');\n        return;\n      }\n\n      if (!this.templateId) {\n        console.log(`[BUILD] No template ID, activating upload mode`);\n        this.step = 'attachments';\n        return;\n      }\n\n      try {\n        this.loadTemplate(this.templateId).catch(e => console.log('[BUILD] Unable to load template', e));\n      } catch (e) {\n        console.log('[BUILD] Error loading template', e);\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      }\n    } catch (e) {\n      console.log('[BUILD] Error with builder session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  async loadTemplate(templateId: string) {\n    if (templateId) {\n      Store.subscribe(\n        'templates',\n        this.templateId,\n        () => getTemplate(this.endpoint, this.templateId),\n        false,\n        (template: ITemplate) => {\n          this.template = template;\n          this.loading = false;\n        },\n      );\n    }\n  }\n\n  disconnectedCallback() {\n    console.log('[BUILD] Disconnected');\n    this.unlistenToTemplate();\n  }\n\n  unlistenToTemplate() {\n    if (this.templateListenerId) {\n      Store.store.delListener(this.templateListenerId);\n      this.templateListenerId = null;\n    }\n  }\n\n  handleCancel() {\n    this.step = 'preview';\n  }\n\n  async handleTemplateCreated(templateId: string) {\n    await this.loadTemplate(templateId);\n    this.templateId = templateId;\n    this.step = 'roles';\n    this.stepChanged?.emit('roles');\n  }\n\n  async handleRolesUpdated(e: any) {\n    this.templateUpdated?.emit(e.detail);\n  }\n\n  async handleTemplateUpdated(e: any) {\n    this.templateUpdated?.emit(e.detail);\n  }\n\n  handleAttachmentsNext() {\n    this.step = 'roles';\n    this.stepChanged?.emit('roles');\n  }\n\n  handleRolesNext() {\n    this.step = 'fields';\n    this.stepChanged?.emit('fields');\n  }\n\n  handleStepChanged(step: TVerdocsBuildStep) {\n    this.step = step;\n    this.stepChanged?.emit(step);\n  }\n\n  render() {\n    if (this.loading) {\n      return (\n        <Host class=\"loading\">\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    if (!this.endpoint.session) {\n      return (\n        <Host>\n          <verdocs-component-error message=\"You must be authenticated to use this module.\" />\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <div class=\"content\">\n          <verdocs-template-build-tabs\n            endpoint={this.endpoint}\n            templateId={this.templateId}\n            step={this.step}\n            onSdkError={e => this.sdkError?.emit(e.detail)}\n            onStepChanged={e => this.handleStepChanged(e.detail)}\n          />\n\n          {this.step === 'attachments' && (\n            <verdocs-template-attachments\n              templateId={this.templateId}\n              endpoint={this.endpoint}\n              onExit={() => this.handleCancel()}\n              onNext={() => this.handleAttachmentsNext()}\n              onTemplateUpdated={e => this.handleTemplateUpdated(e)}\n            />\n          )}\n\n          {this.step === 'roles' && (\n            <verdocs-template-roles\n              templateId={this.templateId}\n              endpoint={this.endpoint}\n              onExit={() => this.handleCancel()}\n              onNext={() => this.handleRolesNext()}\n              onRolesUpdated={e => this.handleRolesUpdated(e)}\n            />\n          )}\n\n          {this.step === 'settings' && <verdocs-template-settings templateId={this.templateId} endpoint={this.endpoint} onTemplateUpdated={e => this.handleTemplateUpdated(e)} />}\n\n          {this.step === 'fields' && <verdocs-template-fields templateId={this.templateId} endpoint={this.endpoint} onTemplateUpdated={e => this.handleTemplateUpdated(e)} />}\n\n          {this.step === 'preview' && (\n            <div class=\"preview-container\">\n              <div class=\"preview-send-wrapper\">\n                <verdocs-send templateId={this.templateId} endpoint={this.endpoint} onSend={e => this.send?.emit(e.detail)} style={{width: '100%'}} />\n              </div>\n              <div class=\"preview-preview-wrapper\">\n                <verdocs-preview templateId={this.templateId} endpoint={this.endpoint} style={{display: 'flex', flex: '1', maxWidth: '1000px'}} />\n              </div>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/verdocs-web-sdk/{p-cabfdb9d.system.entry.js → p-a63b359e.system.entry.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,i){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function s(e){try{a(i.next(e))}catch(e){o(e)}}function l(e){try{a(i["throw"](e))}catch(e){o(e)}}function a(e){e.done?n(e.value):r(e.value).then(s,l)}a((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(e){return function(t){return a([e,t])}}function a(l){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,l[0]&&(n=0)),n)try{if(i=1,r&&(o=l[0]&2?r["return"]:l[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;if(r=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:n.label++;return{value:l[1],done:false};case 5:n.label++;r=l[1];l=[0];continue;case 7:l=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){n=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){n.label=l[1];break}if(l[0]===6&&n.label<o[1]){n.label=o[1];o=l;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(l);break}if(o[2])n.ops.pop();n.trys.pop();continue}l=t.call(e,n)}catch(e){l=[6,e];r=0}finally{i=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-9186f42e.system.js","@verdocs/js-sdk","./p-c8a15cb7.system.js","./p-52c3e8b0.system.js"],(function(e){"use strict";var t,n,i,r,o,s,l,a,d;return{setters:[function(e){t=e.r;n=e.c;i=e.h;r=e.H;o=e.g},function(e){s=e.VerdocsEndpoint;l=e.getTemplate},function(e){a=e.S},function(e){d=e.S}],execute:function(){var c='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-build{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-build .content{-ms-flex:1;flex:1;gap:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}verdocs-build verdocs-template-attachments,verdocs-build verdocs-template-roles{margin:20px}verdocs-build verdocs-template-fields{border-top:1px solid #777777}verdocs-build verdocs-template-attachments{padding:20px;background:#ffffff}verdocs-build verdocs-template-fields{width:100%}verdocs-build verdocs-preview{-ms-flex:1;flex:1}verdocs-build .preview-container{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;width:100%;background-color:#eeeeee;max-height:100%}@media all and (max-width: 450px){verdocs-build .preview-container{-ms-flex-direction:column;flex-direction:column}}verdocs-build .preview-send-wrapper{display:-ms-flexbox;display:flex;-ms-flex:0 0 300px;flex:0 0 300px;background-color:#ffffff;-webkit-box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157);box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157)}@media all and (max-width: 450px){verdocs-build .preview-send-wrapper{-ms-flex:0;flex:0}}verdocs-build .preview-preview-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;overflow-y:scroll}';var u=c;var f=e("verdocs_build",function(){function e(e){t(this,e);this.sdkError=n(this,"sdkError",7);this.stepChanged=n(this,"stepChanged",7);this.send=n(this,"send",7);this.templateUpdated=n(this,"templateUpdated",7);this.templateCreated=n(this,"templateCreated",7);this.rolesUpdated=n(this,"rolesUpdated",7);this.templateListenerId=null;this.endpoint=s.getDefault();this.templateId=null;this.step="preview";this.loading=true;this.template=null}e.prototype.onTemplateIdChanged=function(e,t){if(!t&&e&&this.step==="attachments"){this.step="preview"}this.loadTemplate(e).catch((function(e){return console.log("Unknown Error",e)}))};e.prototype.onStepChanged=function(){this.loadTemplate(this.templateId).catch((function(e){return console.log("Unknown Error",e)}))};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n,i,r,o;return __generator(this,(function(s){try{this.endpoint.loadSession();if(!this.endpoint.session){console.log("[BUILD] Unable to start builder session, must be authenticated");return[2]}if(!this.templateId){console.log("[BUILD] No template ID, activating upload mode");this.step="attachments";return[2]}try{this.loadTemplate(this.templateId).catch((function(e){return console.log("[BUILD] Unable to load template",e)}))}catch(i){console.log("[BUILD] Error loading template",i);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new a(i.message,(t=i.response)===null||t===void 0?void 0:t.status,(n=i.response)===null||n===void 0?void 0:n.data))}}catch(e){console.log("[BUILD] Error with builder session",e);(i=this.sdkError)===null||i===void 0?void 0:i.emit(new a(e.message,(r=e.response)===null||r===void 0?void 0:r.status,(o=e.response)===null||o===void 0?void 0:o.data))}return[2]}))}))};e.prototype.loadTemplate=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){if(e){d.subscribe("templates",this.templateId,(function(){return l(t.endpoint,t.templateId)}),false,(function(e){t.template=e;t.loading=false}))}return[2]}))}))};e.prototype.disconnectedCallback=function(){console.log("[BUILD] Disconnected");this.unlistenToTemplate()};e.prototype.unlistenToTemplate=function(){if(this.templateListenerId){d.store.delListener(this.templateListenerId);this.templateListenerId=null}};e.prototype.handleCancel=function(){this.step="preview"};e.prototype.handleTemplateCreated=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){switch(n.label){case 0:return[4,this.loadTemplate(e)];case 1:n.sent();this.templateId=e;this.step="roles";(t=this.stepChanged)===null||t===void 0?void 0:t.emit("roles");return[2]}}))}))};e.prototype.handleRolesUpdated=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){(t=this.templateUpdated)===null||t===void 0?void 0:t.emit(e.detail);return[2]}))}))};e.prototype.handleTemplateUpdated=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){(t=this.templateUpdated)===null||t===void 0?void 0:t.emit(e.detail);return[2]}))}))};e.prototype.handleAttachmentsNext=function(){var e;this.step="roles";(e=this.stepChanged)===null||e===void 0?void 0:e.emit("roles")};e.prototype.handleRolesNext=function(){var e;this.step="fields";(e=this.stepChanged)===null||e===void 0?void 0:e.emit("fields")};e.prototype.handleStepChanged=function(e){var t;this.step=e;(t=this.stepChanged)===null||t===void 0?void 0:t.emit(e)};e.prototype.render=function(){var e=this;if(this.loading){return i(r,{class:"loading"},i("verdocs-loader",null))}if(!this.endpoint.session){return i(r,null,i("verdocs-component-error",{message:"You must be authenticated to use this module."}))}return i(r,null,i("div",{class:"content"},i("verdocs-template-build-tabs",{endpoint:this.endpoint,templateId:this.templateId,step:this.step,onSdkError:function(t){var n;return(n=e.sdkError)===null||n===void 0?void 0:n.emit(t.detail)},onStepChanged:function(t){return e.handleStepChanged(t.detail)}}),this.step==="attachments"&&i("verdocs-template-attachments",{templateId:this.templateId,endpoint:this.endpoint,onExit:function(){return e.handleCancel()},onNext:function(){return e.handleAttachmentsNext()},onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}}),this.step==="roles"&&i("verdocs-template-roles",{templateId:this.templateId,endpoint:this.endpoint,onExit:function(){return e.handleCancel()},onNext:function(){return e.handleRolesNext()},onRolesUpdated:function(t){return e.handleRolesUpdated(t)}}),this.step==="settings"&&i("div",{style:{flexDirection:"column",gap:"20px",display:"flex",maxWidth:"400px",margin:"20px"}},i("verdocs-template-name",{templateId:this.templateId,endpoint:this.endpoint,style:{backgroundColor:"#ffffff",padding:"20px"},onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}}),i("verdocs-template-reminders",{templateId:this.templateId,endpoint:this.endpoint,style:{backgroundColor:"#ffffff",padding:"20px"},onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}}),i("verdocs-template-visibility",{templateId:this.templateId,endpoint:this.endpoint,style:{backgroundColor:"#ffffff",padding:"20px"},onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}})),this.step==="fields"&&i("verdocs-template-fields",{templateId:this.templateId,endpoint:this.endpoint,onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}}),this.step==="preview"&&i("div",{class:"preview-container"},i("div",{class:"preview-send-wrapper"},i("verdocs-send",{templateId:this.templateId,endpoint:this.endpoint,onSend:function(t){var n;return(n=e.send)===null||n===void 0?void 0:n.emit(t.detail)},style:{width:"100%"}})),i("div",{class:"preview-preview-wrapper"},i("verdocs-preview",{templateId:this.templateId,endpoint:this.endpoint,style:{display:"flex",flex:"1",maxWidth:"1000px"}})))))};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{templateId:["onTemplateIdChanged"],step:["onStepChanged"]}},enumerable:false,configurable:true});return e}());f.style=u}}}));
-//# sourceMappingURL=p-cabfdb9d.system.entry.js.map
+var __awaiter=this&&this.__awaiter||function(e,t,n,i){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function s(e){try{a(i.next(e))}catch(e){o(e)}}function l(e){try{a(i["throw"](e))}catch(e){o(e)}}function a(e){e.done?n(e.value):r(e.value).then(s,l)}a((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(e){return function(t){return a([e,t])}}function a(l){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,l[0]&&(n=0)),n)try{if(i=1,r&&(o=l[0]&2?r["return"]:l[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;if(r=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:n.label++;return{value:l[1],done:false};case 5:n.label++;r=l[1];l=[0];continue;case 7:l=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){n=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){n.label=l[1];break}if(l[0]===6&&n.label<o[1]){n.label=o[1];o=l;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(l);break}if(o[2])n.ops.pop();n.trys.pop();continue}l=t.call(e,n)}catch(e){l=[6,e];r=0}finally{i=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-9186f42e.system.js","@verdocs/js-sdk","./p-c8a15cb7.system.js","./p-52c3e8b0.system.js"],(function(e){"use strict";var t,n,i,r,o,s,l,a,c;return{setters:[function(e){t=e.r;n=e.c;i=e.h;r=e.H;o=e.g},function(e){s=e.VerdocsEndpoint;l=e.getTemplate},function(e){a=e.S},function(e){c=e.S}],execute:function(){var d='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-build{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-build .content{-ms-flex:1;flex:1;gap:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}verdocs-build verdocs-template-attachments,verdocs-build verdocs-template-roles{margin:20px}verdocs-build verdocs-template-fields{border-top:1px solid #777777}verdocs-build verdocs-template-attachments{padding:20px;background:#ffffff}verdocs-build verdocs-template-fields{width:100%}verdocs-build verdocs-preview{-ms-flex:1;flex:1}verdocs-build .preview-container{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;width:100%;background-color:#eeeeee;max-height:100%}@media all and (max-width: 450px){verdocs-build .preview-container{-ms-flex-direction:column;flex-direction:column}}verdocs-build .preview-send-wrapper{display:-ms-flexbox;display:flex;-ms-flex:0 0 300px;flex:0 0 300px;background-color:#ffffff;-webkit-box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157);box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157)}@media all and (max-width: 450px){verdocs-build .preview-send-wrapper{-ms-flex:0;flex:0}}verdocs-build .preview-preview-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;overflow-y:scroll}';var u=d;var f=e("verdocs_build",function(){function e(e){t(this,e);this.sdkError=n(this,"sdkError",7);this.stepChanged=n(this,"stepChanged",7);this.send=n(this,"send",7);this.templateUpdated=n(this,"templateUpdated",7);this.templateCreated=n(this,"templateCreated",7);this.rolesUpdated=n(this,"rolesUpdated",7);this.templateListenerId=null;this.endpoint=s.getDefault();this.templateId=null;this.step="preview";this.loading=true;this.template=null}e.prototype.onTemplateIdChanged=function(e,t){if(!t&&e&&this.step==="attachments"){this.step="preview"}this.loadTemplate(e).catch((function(e){return console.log("Unknown Error",e)}))};e.prototype.onStepChanged=function(){this.loadTemplate(this.templateId).catch((function(e){return console.log("Unknown Error",e)}))};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n,i,r,o;return __generator(this,(function(s){try{this.endpoint.loadSession();if(!this.endpoint.session){console.log("[BUILD] Unable to start builder session, must be authenticated");return[2]}if(!this.templateId){console.log("[BUILD] No template ID, activating upload mode");this.step="attachments";return[2]}try{this.loadTemplate(this.templateId).catch((function(e){return console.log("[BUILD] Unable to load template",e)}))}catch(i){console.log("[BUILD] Error loading template",i);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new a(i.message,(t=i.response)===null||t===void 0?void 0:t.status,(n=i.response)===null||n===void 0?void 0:n.data))}}catch(e){console.log("[BUILD] Error with builder session",e);(i=this.sdkError)===null||i===void 0?void 0:i.emit(new a(e.message,(r=e.response)===null||r===void 0?void 0:r.status,(o=e.response)===null||o===void 0?void 0:o.data))}return[2]}))}))};e.prototype.loadTemplate=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){if(e){c.subscribe("templates",this.templateId,(function(){return l(t.endpoint,t.templateId)}),false,(function(e){t.template=e;t.loading=false}))}return[2]}))}))};e.prototype.disconnectedCallback=function(){console.log("[BUILD] Disconnected");this.unlistenToTemplate()};e.prototype.unlistenToTemplate=function(){if(this.templateListenerId){c.store.delListener(this.templateListenerId);this.templateListenerId=null}};e.prototype.handleCancel=function(){this.step="preview"};e.prototype.handleTemplateCreated=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){switch(n.label){case 0:return[4,this.loadTemplate(e)];case 1:n.sent();this.templateId=e;this.step="roles";(t=this.stepChanged)===null||t===void 0?void 0:t.emit("roles");return[2]}}))}))};e.prototype.handleRolesUpdated=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){(t=this.templateUpdated)===null||t===void 0?void 0:t.emit(e.detail);return[2]}))}))};e.prototype.handleTemplateUpdated=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){(t=this.templateUpdated)===null||t===void 0?void 0:t.emit(e.detail);return[2]}))}))};e.prototype.handleAttachmentsNext=function(){var e;this.step="roles";(e=this.stepChanged)===null||e===void 0?void 0:e.emit("roles")};e.prototype.handleRolesNext=function(){var e;this.step="fields";(e=this.stepChanged)===null||e===void 0?void 0:e.emit("fields")};e.prototype.handleStepChanged=function(e){var t;this.step=e;(t=this.stepChanged)===null||t===void 0?void 0:t.emit(e)};e.prototype.render=function(){var e=this;if(this.loading){return i(r,{class:"loading"},i("verdocs-loader",null))}if(!this.endpoint.session){return i(r,null,i("verdocs-component-error",{message:"You must be authenticated to use this module."}))}return i(r,null,i("div",{class:"content"},i("verdocs-template-build-tabs",{endpoint:this.endpoint,templateId:this.templateId,step:this.step,onSdkError:function(t){var n;return(n=e.sdkError)===null||n===void 0?void 0:n.emit(t.detail)},onStepChanged:function(t){return e.handleStepChanged(t.detail)}}),this.step==="attachments"&&i("verdocs-template-attachments",{templateId:this.templateId,endpoint:this.endpoint,onExit:function(){return e.handleCancel()},onNext:function(){return e.handleAttachmentsNext()},onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}}),this.step==="roles"&&i("verdocs-template-roles",{templateId:this.templateId,endpoint:this.endpoint,onExit:function(){return e.handleCancel()},onNext:function(){return e.handleRolesNext()},onRolesUpdated:function(t){return e.handleRolesUpdated(t)}}),this.step==="settings"&&i("verdocs-template-settings",{templateId:this.templateId,endpoint:this.endpoint,onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}}),this.step==="fields"&&i("verdocs-template-fields",{templateId:this.templateId,endpoint:this.endpoint,onTemplateUpdated:function(t){return e.handleTemplateUpdated(t)}}),this.step==="preview"&&i("div",{class:"preview-container"},i("div",{class:"preview-send-wrapper"},i("verdocs-send",{templateId:this.templateId,endpoint:this.endpoint,onSend:function(t){var n;return(n=e.send)===null||n===void 0?void 0:n.emit(t.detail)},style:{width:"100%"}})),i("div",{class:"preview-preview-wrapper"},i("verdocs-preview",{templateId:this.templateId,endpoint:this.endpoint,style:{display:"flex",flex:"1",maxWidth:"1000px"}})))))};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{templateId:["onTemplateIdChanged"],step:["onStepChanged"]}},enumerable:false,configurable:true});return e}());f.style=u}}}));
+//# sourceMappingURL=p-a63b359e.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsBuildCss","VerdocsBuildStyle0","VerdocsBuild","exports","this","templateListenerId","VerdocsEndpoint","getDefault","class_1","prototype","onTemplateIdChanged","newTemplateId","oldTemplateId","step","loadTemplate","catch","e","console","log","onStepChanged","templateId","componentWillLoad","endpoint","loadSession","session","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","_d","_e","_f","Store","subscribe","getTemplate","_this","template","loading","disconnectedCallback","unlistenToTemplate","store","delListener","handleCancel","handleTemplateCreated","_g","sent","stepChanged","handleRolesUpdated","templateUpdated","detail","handleTemplateUpdated","handleAttachmentsNext","handleRolesNext","handleStepChanged","render","h","Host","class","onSdkError","onExit","onNext","onTemplateUpdated","onRolesUpdated","onSend","send","style","width","display","flex","maxWidth"],"sources":["src/components/embeds/verdocs-build/verdocs-build.scss?tag=verdocs-build","src/components/embeds/verdocs-build/verdocs-build.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-build {\n  display: flex;\n  flex-direction: column;\n  font-family: $verdocs-primary-font;\n\n  .content {\n    flex: 1;\n    gap: 20px;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    //box-shadow: 0 0 7px -3px #000000cc;\n  }\n\n  verdocs-template-attachments,\n  verdocs-template-roles {\n    margin: 20px;\n  }\n\n  verdocs-template-fields {\n    border-top: 1px solid #777777;\n  }\n\n  verdocs-template-attachments {\n    padding: 20px;\n    background: #ffffff;\n  }\n\n  verdocs-template-fields {\n    width: 100%;\n  }\n\n  verdocs-preview {\n    flex: 1;\n  }\n\n  .preview-container {\n    flex-direction: row;\n    display: flex;\n    width: 100%;\n    background-color: #eeeeee;\n    max-height: 100%;\n\n    @media all and (max-width: 450px) {\n      flex-direction: column;\n    }\n  }\n\n  .preview-send-wrapper {\n    display: flex;\n    flex: 0 0 300px;\n    background-color: #ffffff;\n    box-shadow: 1px 1px 6px -2px #0000007f;\n\n    @media all and (max-width: 450px) {\n      flex: 0;\n    }\n  }\n\n  .preview-preview-wrapper {\n    display: flex;\n    flex: 1;\n    justify-content: center;\n    overflow-y: scroll;\n  }\n}\n","import {getTemplate, ICreateEnvelopeRecipient, IRole, ITemplate, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, Prop, h, Element, Event, EventEmitter, Host, Watch, State} from '@stencil/core';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nexport type TVerdocsBuildStep = 'attachments' | 'roles' | 'settings' | 'fields' | 'preview';\n\n/**\n * Display a template building experience. Several event callbacks provide status updates to the\n * parent application to support interface updates.\n *\n * ```ts\n * <verdocs-build templateId={templateId} step=\"preview\" onSend={(detail) => {\n *   console.log('Sent envelope from template', detail);\n * }} />\n * ```\n */\n@Component({\n  tag: 'verdocs-build',\n  styleUrl: 'verdocs-build.scss',\n  shadow: false,\n})\nexport class VerdocsBuild {\n  private templateListenerId = null;\n\n  @Element() el!: any;\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 ID of the template to create the document from. Unlike most other components, this is an optional parameter here.\n   * If the template ID is known, `step` may also be specified to force displaying a specific step in the creation process.\n   * If it is not specified, `step` will be ignored and the create step will be shown.\n   */\n  @Prop({reflect: true, mutable: true}) templateId: string | null = null;\n\n  /**\n   * The step in the creation process to display.\n   */\n  @Prop({reflect: true, mutable: true}) step: TVerdocsBuildStep = 'preview';\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 selects a different step.\n   */\n  @Event({composed: true}) stepChanged: EventEmitter<TVerdocsBuildStep>;\n\n  /**\n   * The user completed the Send form and clicked send.\n   */\n  @Event({composed: true}) send: EventEmitter<{recipients: ICreateEnvelopeRecipient[]; name: string; template_id: string}>;\n\n  /**\n   * Event fired when the template is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n   */\n  @Event({composed: true}) templateUpdated: EventEmitter<{endpoint: VerdocsEndpoint; template: ITemplate; event: string}>;\n\n  /**\n   * Event fired when the template is created by the upload step.\n   */\n  @Event({composed: true}) templateCreated: EventEmitter<{endpoint: VerdocsEndpoint; template: ITemplate; event: string}>;\n\n  /**\n   * Event fired when roles are updated in the roles step.\n   */\n  @Event({composed: true}) rolesUpdated: EventEmitter<{endpoint: VerdocsEndpoint; templateId: string; event: 'added' | 'deleted' | 'updated'; roles: IRole[]}>;\n\n  @State() loading = true;\n  @State() template: ITemplate | null = null;\n\n  @Watch('templateId')\n  onTemplateIdChanged(newTemplateId: string, oldTemplateId: string) {\n    if (!oldTemplateId && newTemplateId && this.step === 'attachments') {\n      this.step = 'preview';\n    }\n\n    this.loadTemplate(newTemplateId).catch((e: any) => console.log('Unknown Error', e));\n  }\n\n  @Watch('step')\n  onStepChanged() {\n    // We reload the template here even if only the step changed in case\n    // we were out of sync before\n    this.loadTemplate(this.templateId).catch((e: any) => console.log('Unknown Error', e));\n  }\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n      if (!this.endpoint.session) {\n        console.log('[BUILD] Unable to start builder session, must be authenticated');\n        return;\n      }\n\n      if (!this.templateId) {\n        console.log(`[BUILD] No template ID, activating upload mode`);\n        this.step = 'attachments';\n        return;\n      }\n\n      try {\n        this.loadTemplate(this.templateId).catch(e => console.log('[BUILD] Unable to load template', e));\n      } catch (e) {\n        console.log('[BUILD] Error loading template', e);\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      }\n    } catch (e) {\n      console.log('[BUILD] Error with builder session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  async loadTemplate(templateId: string) {\n    if (templateId) {\n      Store.subscribe(\n        'templates',\n        this.templateId,\n        () => getTemplate(this.endpoint, this.templateId),\n        false,\n        (template: ITemplate) => {\n          this.template = template;\n          this.loading = false;\n        },\n      );\n    }\n  }\n\n  disconnectedCallback() {\n    console.log('[BUILD] Disconnected');\n    this.unlistenToTemplate();\n  }\n\n  unlistenToTemplate() {\n    if (this.templateListenerId) {\n      Store.store.delListener(this.templateListenerId);\n      this.templateListenerId = null;\n    }\n  }\n\n  handleCancel() {\n    this.step = 'preview';\n  }\n\n  async handleTemplateCreated(templateId: string) {\n    await this.loadTemplate(templateId);\n    this.templateId = templateId;\n    this.step = 'roles';\n    this.stepChanged?.emit('roles');\n  }\n\n  async handleRolesUpdated(e: any) {\n    this.templateUpdated?.emit(e.detail);\n  }\n\n  async handleTemplateUpdated(e: any) {\n    this.templateUpdated?.emit(e.detail);\n  }\n\n  handleAttachmentsNext() {\n    this.step = 'roles';\n    this.stepChanged?.emit('roles');\n  }\n\n  handleRolesNext() {\n    this.step = 'fields';\n    this.stepChanged?.emit('fields');\n  }\n\n  handleStepChanged(step: TVerdocsBuildStep) {\n    this.step = step;\n    this.stepChanged?.emit(step);\n  }\n\n  render() {\n    if (this.loading) {\n      return (\n        <Host class=\"loading\">\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    if (!this.endpoint.session) {\n      return (\n        <Host>\n          <verdocs-component-error message=\"You must be authenticated to use this module.\" />\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <div class=\"content\">\n          <verdocs-template-build-tabs\n            endpoint={this.endpoint}\n            templateId={this.templateId}\n            step={this.step}\n            onSdkError={e => this.sdkError?.emit(e.detail)}\n            onStepChanged={e => this.handleStepChanged(e.detail)}\n          />\n\n          {this.step === 'attachments' && (\n            <verdocs-template-attachments\n              templateId={this.templateId}\n              endpoint={this.endpoint}\n              onExit={() => this.handleCancel()}\n              onNext={() => this.handleAttachmentsNext()}\n              onTemplateUpdated={e => this.handleTemplateUpdated(e)}\n            />\n          )}\n\n          {this.step === 'roles' && (\n            <verdocs-template-roles\n              templateId={this.templateId}\n              endpoint={this.endpoint}\n              onExit={() => this.handleCancel()}\n              onNext={() => this.handleRolesNext()}\n              onRolesUpdated={e => this.handleRolesUpdated(e)}\n            />\n          )}\n\n          {this.step === 'settings' && <verdocs-template-settings templateId={this.templateId} endpoint={this.endpoint} onTemplateUpdated={e => this.handleTemplateUpdated(e)} />}\n\n          {this.step === 'fields' && <verdocs-template-fields templateId={this.templateId} endpoint={this.endpoint} onTemplateUpdated={e => this.handleTemplateUpdated(e)} />}\n\n          {this.step === 'preview' && (\n            <div class=\"preview-container\">\n              <div class=\"preview-send-wrapper\">\n                <verdocs-send templateId={this.templateId} endpoint={this.endpoint} onSend={e => this.send?.emit(e.detail)} style={{width: '100%'}} />\n              </div>\n              <div class=\"preview-preview-wrapper\">\n                <verdocs-preview templateId={this.templateId} endpoint={this.endpoint} style={{display: 'flex', flex: '1', maxWidth: '1000px'}} />\n              </div>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mxDAAA,IAAMA,EAAkB,quDACxB,IAAAC,EAAeD,E,ICqBFE,EAAYC,EAAA,2B,4QACfC,KAAAC,mBAAqB,K,cAOOC,EAAgBC,a,gBAOc,K,UAKF,U,aAiC7C,K,cACmB,I,CAGtCC,EAAAC,UAAAC,oBAAA,SAAoBC,EAAuBC,GACzC,IAAKA,GAAiBD,GAAiBP,KAAKS,OAAS,cAAe,CAClET,KAAKS,KAAO,S,CAGdT,KAAKU,aAAaH,GAAeI,OAAM,SAACC,GAAW,OAAAC,QAAQC,IAAI,gBAAiBF,EAA7B,G,EAIrDR,EAAAC,UAAAU,cAAA,WAGEf,KAAKU,aAAaV,KAAKgB,YAAYL,OAAM,SAACC,GAAW,OAAAC,QAAQC,IAAI,gBAAiBF,EAA7B,G,EAGjDR,EAAAC,UAAAY,kBAAN,W,qGACE,IACEjB,KAAKkB,SAASC,cACd,IAAKnB,KAAKkB,SAASE,QAAS,CAC1BP,QAAQC,IAAI,kEACZ,S,CAGF,IAAKd,KAAKgB,WAAY,CACpBH,QAAQC,IAAI,kDACZd,KAAKS,KAAO,cACZ,S,CAGF,IACET,KAAKU,aAAaV,KAAKgB,YAAYL,OAAM,SAAAC,GAAK,OAAAC,QAAQC,IAAI,kCAAmCF,EAA/C,G,CAC9C,MAAOA,GACPC,QAAQC,IAAI,iCAAkCF,IAC9CS,EAAArB,KAAKsB,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,KAAK,IAAIC,EAASZ,EAAEa,SAASC,EAAAd,EAAEe,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,QAAQC,EAAAjB,EAAEe,YAAQ,MAAAE,SAAA,SAAAA,EAAEC,M,EAE9E,MAAOlB,GACPC,QAAQC,IAAI,qCAAsCF,IAClDmB,EAAA/B,KAAKsB,YAAQ,MAAAS,SAAA,SAAAA,EAAER,KAAK,IAAIC,EAASZ,EAAEa,SAASO,EAAApB,EAAEe,YAAQ,MAAAK,SAAA,SAAAA,EAAEJ,QAAQK,EAAArB,EAAEe,YAAQ,MAAAM,SAAA,SAAAA,EAAEH,M,kBAI1E1B,EAAAC,UAAAK,aAAN,SAAmBM,G,gGACjB,GAAIA,EAAY,CACdkB,EAAMC,UACJ,YACAnC,KAAKgB,YACL,WAAM,OAAAoB,EAAYC,EAAKnB,SAAUmB,EAAKrB,WAAhC,GACN,OACA,SAACsB,GACCD,EAAKC,SAAWA,EAChBD,EAAKE,QAAU,K,qBAMvBnC,EAAAC,UAAAmC,qBAAA,WACE3B,QAAQC,IAAI,wBACZd,KAAKyC,oB,EAGPrC,EAAAC,UAAAoC,mBAAA,WACE,GAAIzC,KAAKC,mBAAoB,CAC3BiC,EAAMQ,MAAMC,YAAY3C,KAAKC,oBAC7BD,KAAKC,mBAAqB,I,GAI9BG,EAAAC,UAAAuC,aAAA,WACE5C,KAAKS,KAAO,S,EAGRL,EAAAC,UAAAwC,sBAAN,SAA4B7B,G,kHAC1B,SAAMhB,KAAKU,aAAaM,I,OAAxB8B,EAAAC,OACA/C,KAAKgB,WAAaA,EAClBhB,KAAKS,KAAO,SACZY,EAAArB,KAAKgD,eAAW,MAAA3B,SAAA,SAAAA,EAAEE,KAAK,S,kBAGnBnB,EAAAC,UAAA4C,mBAAN,SAAyBrC,G,4FACvBS,EAAArB,KAAKkD,mBAAe,MAAA7B,SAAA,SAAAA,EAAEE,KAAKX,EAAEuC,Q,iBAGzB/C,EAAAC,UAAA+C,sBAAN,SAA4BxC,G,4FAC1BS,EAAArB,KAAKkD,mBAAe,MAAA7B,SAAA,SAAAA,EAAEE,KAAKX,EAAEuC,Q,iBAG/B/C,EAAAC,UAAAgD,sBAAA,W,MACErD,KAAKS,KAAO,SACZY,EAAArB,KAAKgD,eAAW,MAAA3B,SAAA,SAAAA,EAAEE,KAAK,Q,EAGzBnB,EAAAC,UAAAiD,gBAAA,W,MACEtD,KAAKS,KAAO,UACZY,EAAArB,KAAKgD,eAAW,MAAA3B,SAAA,SAAAA,EAAEE,KAAK,S,EAGzBnB,EAAAC,UAAAkD,kBAAA,SAAkB9C,G,MAChBT,KAAKS,KAAOA,GACZY,EAAArB,KAAKgD,eAAW,MAAA3B,SAAA,SAAAA,EAAEE,KAAKd,E,EAGzBL,EAAAC,UAAAmD,OAAA,eAAAnB,EAAArC,KACE,GAAIA,KAAKuC,QAAS,CAChB,OACEkB,EAACC,EAAI,CAACC,MAAM,WACVF,EAAA,uB,CAKN,IAAKzD,KAAKkB,SAASE,QAAS,CAC1B,OACEqC,EAACC,EAAI,KACHD,EAAA,2BAAyBhC,QAAQ,kD,CAKvC,OACEgC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAM,WACTF,EAAA,+BACEvC,SAAUlB,KAAKkB,SACfF,WAAYhB,KAAKgB,WACjBP,KAAMT,KAAKS,KACXmD,WAAY,SAAAhD,GAAC,IAAAS,EAAI,OAAAA,EAAAgB,EAAKf,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,KAAKX,EAAEuC,OAAO,EAC9CpC,cAAe,SAAAH,GAAK,OAAAyB,EAAKkB,kBAAkB3C,EAAEuC,OAAzB,IAGrBnD,KAAKS,OAAS,eACbgD,EAAA,gCACEzC,WAAYhB,KAAKgB,WACjBE,SAAUlB,KAAKkB,SACf2C,OAAQ,WAAM,OAAAxB,EAAKO,cAAL,EACdkB,OAAQ,WAAM,OAAAzB,EAAKgB,uBAAL,EACdU,kBAAmB,SAAAnD,GAAK,OAAAyB,EAAKe,sBAAsBxC,EAA3B,IAI3BZ,KAAKS,OAAS,SACbgD,EAAA,0BACEzC,WAAYhB,KAAKgB,WACjBE,SAAUlB,KAAKkB,SACf2C,OAAQ,WAAM,OAAAxB,EAAKO,cAAL,EACdkB,OAAQ,WAAM,OAAAzB,EAAKiB,iBAAL,EACdU,eAAgB,SAAApD,GAAK,OAAAyB,EAAKY,mBAAmBrC,EAAxB,IAIxBZ,KAAKS,OAAS,YAAcgD,EAAA,6BAA2BzC,WAAYhB,KAAKgB,WAAYE,SAAUlB,KAAKkB,SAAU6C,kBAAmB,SAAAnD,GAAK,OAAAyB,EAAKe,sBAAsBxC,EAA3B,IAErIZ,KAAKS,OAAS,UAAYgD,EAAA,2BAAyBzC,WAAYhB,KAAKgB,WAAYE,SAAUlB,KAAKkB,SAAU6C,kBAAmB,SAAAnD,GAAK,OAAAyB,EAAKe,sBAAsBxC,EAA3B,IAEjIZ,KAAKS,OAAS,WACbgD,EAAA,OAAKE,MAAM,qBACTF,EAAA,OAAKE,MAAM,wBACTF,EAAA,gBAAczC,WAAYhB,KAAKgB,WAAYE,SAAUlB,KAAKkB,SAAU+C,OAAQ,SAAArD,GAAC,IAAAS,EAAI,OAAAA,EAAAgB,EAAK6B,QAAI,MAAA7C,SAAA,SAAAA,EAAEE,KAAKX,EAAEuC,OAAO,EAAEgB,MAAO,CAACC,MAAO,WAE7HX,EAAA,OAAKE,MAAM,2BACTF,EAAA,mBAAiBzC,WAAYhB,KAAKgB,WAAYE,SAAUlB,KAAKkB,SAAUiD,MAAO,CAACE,QAAS,OAAQC,KAAM,IAAKC,SAAU,e,kRAzN5G,I","ignoreList":[]}