@verdocs/web-sdk 5.0.13 → 5.0.15

package/dist/esm-es5/verdocs-quick-functions.entry.js

@@ -1 +1,2 @@
-import{r as registerInstance,c as createEvent,h}from"./index-272d51a4.js";import{VerdocsEndpoint}from"@verdocs/js-sdk";var verdocsQuickFunctionsCss='@-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-quick-functions{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-quick-functions .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;background-color:#1e2031;text-transform:uppercase;padding:10px 10px 20px 10px;font-family:sans-serif;color:#ffffff}verdocs-quick-functions .title{font-size:22px;font-weight:700;line-height:30px;margin:1em 0 40px 0}verdocs-quick-functions button{width:140px;height:40px;border:none;display:-ms-flexbox;display:flex;color:#ffffff;cursor:pointer;font-size:14px;font-weight:700;line-height:25px;-ms-flex-align:center;align-items:center;margin-bottom:20px;border-radius:5px;text-transform:uppercase;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:#55bc81}verdocs-quick-functions button svg{fill:#ffffff}';var VerdocsQuickFunctionsStyle0=verdocsQuickFunctionsCss;var DocumentIcon='<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>';var TemplateIcon='<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/><g><path d="M19,5v14H5V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3L19,3z"/></g><path d="M14,17H7v-2h7V17z M17,13H7v-2h10V13z M17,9H7V7h10V9z"/></g></svg>';var VerdocsQuickFunctions=function(){function e(e){registerInstance(this,e);this.createTemplate=createEvent(this,"createTemplate",7);this.createDocument=createEvent(this,"createDocument",7);this.endpoint=VerdocsEndpoint.getDefault()}e.prototype.handleCreateTemplate=function(){this.createTemplate.emit()};e.prototype.handleCreateDocument=function(){this.createDocument.emit()};e.prototype.render=function(){var e=this;return h("div",{key:"9dc60eeb3d9357d121e53a7fb3050ee4d25a0a36",class:"container"},h("p",{key:"51860a235d912a4dc6d166add4b982c71805fc8d",class:"title"},"Quick Create"),h("button",{key:"9f530aa3e54655cbf1ce9d95ae7a08fa5b57f644",onClick:function(){return e.handleCreateTemplate()},innerHTML:TemplateIcon},"Template"),h("button",{key:"e3e33afb47acf64ba78d9b156c5dc986d977f881",onClick:function(){return e.handleCreateDocument()},innerHTML:DocumentIcon},"Document"))};return e}();VerdocsQuickFunctions.style=VerdocsQuickFunctionsStyle0;export{VerdocsQuickFunctions as verdocs_quick_functions};
+import{r as registerInstance,c as createEvent,h}from"./index-272d51a4.js";import{VerdocsEndpoint}from"@verdocs/js-sdk";var verdocsQuickFunctionsCss='@-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-quick-functions{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-quick-functions .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;background-color:#1e2031;text-transform:uppercase;padding:10px 10px 20px 10px;font-family:sans-serif;color:#ffffff}verdocs-quick-functions .title{font-size:22px;font-weight:700;line-height:30px;margin:1em 0 40px 0}verdocs-quick-functions button{width:140px;height:40px;border:none;display:-ms-flexbox;display:flex;color:#ffffff;cursor:pointer;font-size:14px;font-weight:700;line-height:25px;-ms-flex-align:center;align-items:center;margin-bottom:20px;border-radius:5px;text-transform:uppercase;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:#55bc81}verdocs-quick-functions button svg{fill:#ffffff}';var VerdocsQuickFunctionsStyle0=verdocsQuickFunctionsCss;var DocumentIcon='<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>';var TemplateIcon='<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/><g><path d="M19,5v14H5V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3L19,3z"/></g><path d="M14,17H7v-2h7V17z M17,13H7v-2h10V13z M17,9H7V7h10V9z"/></g></svg>';var VerdocsQuickFunctions=function(){function e(e){registerInstance(this,e);this.createTemplate=createEvent(this,"createTemplate",7);this.createDocument=createEvent(this,"createDocument",7);this.endpoint=VerdocsEndpoint.getDefault()}e.prototype.handleCreateTemplate=function(){this.createTemplate.emit()};e.prototype.handleCreateDocument=function(){this.createDocument.emit()};e.prototype.render=function(){var e=this;return h("div",{key:"9dc60eeb3d9357d121e53a7fb3050ee4d25a0a36",class:"container"},h("p",{key:"51860a235d912a4dc6d166add4b982c71805fc8d",class:"title"},"Quick Create"),h("button",{key:"9f530aa3e54655cbf1ce9d95ae7a08fa5b57f644",onClick:function(){return e.handleCreateTemplate()},innerHTML:TemplateIcon},"Template"),h("button",{key:"e3e33afb47acf64ba78d9b156c5dc986d977f881",onClick:function(){return e.handleCreateDocument()},innerHTML:DocumentIcon},"Document"))};return e}();VerdocsQuickFunctions.style=VerdocsQuickFunctionsStyle0;export{VerdocsQuickFunctions as verdocs_quick_functions};
+//# sourceMappingURL=verdocs-quick-functions.entry.js.map

package/dist/esm-es5/verdocs-quick-functions.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsQuickFunctionsCss","VerdocsQuickFunctionsStyle0","DocumentIcon","TemplateIcon","VerdocsQuickFunctions","VerdocsEndpoint","getDefault","prototype","handleCreateTemplate","this","createTemplate","emit","handleCreateDocument","createDocument","render","_this","h","key","class","onClick","innerHTML"],"sources":["src/components/elements/verdocs-quick-functions/verdocs-quick-functions.scss?tag=verdocs-quick-functions","src/components/elements/verdocs-quick-functions/verdocs-quick-functions.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-quick-functions {\n  font-family: $verdocs-primary-font;\n\n  .container {\n    display: flex;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    width: 240px;\n    background-color: $verdocs-bg-5;\n    text-transform: uppercase;\n    padding: 10px 10px 20px 10px;\n    font-family: sans-serif;\n    color: #ffffff;\n  }\n\n  .title {\n    font-size: 22px;\n    font-weight: 700;\n    line-height: 30px;\n    margin: 1em 0 40px 0;\n  }\n\n  button {\n    width: 140px;\n    height: 40px;\n    border: none;\n    display: flex;\n    color: $verdocs-grey-4;\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 25px;\n    align-items: center;\n    margin-bottom: 20px;\n    border-radius: 5px;\n    text-transform: uppercase;\n    justify-content: space-evenly;\n    background-color: $verdocs-green;\n  }\n\n  button svg {\n    fill: $verdocs-grey-4;\n  }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Prop} from '@stencil/core';\n\nconst DocumentIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z\"/></svg>`;\n\nconst TemplateIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><g><rect fill=\"none\" height=\"24\" width=\"24\"/><g><path d=\"M19,5v14H5V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3L19,3z\"/></g><path d=\"M14,17H7v-2h7V17z M17,13H7v-2h10V13z M17,9H7V7h10V9z\"/></g></svg>`;\n\n/**\n * Display quick-function buttons for creating templates and documents.\n *\n * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth\n * embed. This Element will reuse the same session produced by logging in via that Embed.\n */\n@Component({\n  tag: 'verdocs-quick-functions',\n  styleUrl: 'verdocs-quick-functions.scss',\n})\nexport class VerdocsQuickFunctions {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * Event fired when an entry is clicked.\n   */\n  @Event({composed: true}) createTemplate: EventEmitter;\n\n  /**\n   * Event fired when an entry is clicked.\n   */\n  @Event({composed: true}) createDocument: EventEmitter;\n\n  handleCreateTemplate() {\n    this.createTemplate.emit();\n  }\n\n  handleCreateDocument() {\n    this.createDocument.emit();\n  }\n\n  render() {\n    return (\n      <div class=\"container\">\n        <p class=\"title\">Quick Create</p>\n        <button onClick={() => this.handleCreateTemplate()} innerHTML={TemplateIcon}>\n          Template\n        </button>\n        <button onClick={() => this.handleCreateDocument()} innerHTML={DocumentIcon}>\n          Document\n        </button>\n      </div>\n    );\n  }\n}\n"],"mappings":"uHAAA,IAAMA,yBAA2B,+rCACjC,IAAAC,4BAAeD,yBCEf,IAAME,aAAe,kRAErB,IAAMC,aAAe,6X,IAYRC,sBAAqB,W,uKAIIC,gBAAgBC,Y,CAYpDF,EAAAG,UAAAC,qBAAA,WACEC,KAAKC,eAAeC,M,EAGtBP,EAAAG,UAAAK,qBAAA,WACEH,KAAKI,eAAeF,M,EAGtBP,EAAAG,UAAAO,OAAA,eAAAC,EAAAN,KACE,OACEO,EAAA,OAAAC,IAAA,2CAAKC,MAAM,aACTF,EAAA,KAAAC,IAAA,2CAAGC,MAAM,SAAO,gBAChBF,EAAA,UAAAC,IAAA,2CAAQE,QAAS,WAAM,OAAAJ,EAAKP,sBAAL,EAA6BY,UAAWjB,cAAY,YAG3Ea,EAAA,UAAAC,IAAA,2CAAQE,QAAS,WAAM,OAAAJ,EAAKH,sBAAL,EAA6BQ,UAAWlB,cAAY,Y,WA/BjD,G","ignoreList":[]}

package/dist/esm-es5/verdocs-radio-button.entry.js

@@ -1 +1,2 @@
-import{r as registerInstance,h,H as Host}from"./index-272d51a4.js";var verdocsRadioButtonCss='@-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-radio-button{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:20px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-radio-button.disabled{opacity:0.5}verdocs-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-radio-button input[type=radio]+label:before{content:"";background:#f5f5fa;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:16px;height:16px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-radio-button.hide{display:none}verdocs-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';var VerdocsRadioButtonStyle0=verdocsRadioButtonCss;var VerdocsRadioButton=function(){function o(o){registerInstance(this,o);this.checked=false;this.name="";this.value="";this.disabled=false}o.prototype.render=function(){return h(Host,{key:"e984c0a368751cc746753431372aac64bd1753be",class:{disabled:this.disabled}},h("input",{key:"d8cf4c5c73d6ccb7cc7350e1adf5f2458c3feec7",type:"radio",value:this.value,name:this.name,id:"verdocs-radio-button-".concat(this.name,"-").concat(this.value),checked:this.checked,disabled:this.disabled}),h("label",{key:"dfffa1e4ffdfbd76155e029568cb5f3965928b37",htmlFor:"verdocs-radio-button-".concat(this.name,"-").concat(this.value)}))};return o}();VerdocsRadioButton.style=VerdocsRadioButtonStyle0;export{VerdocsRadioButton as verdocs_radio_button};
+import{r as registerInstance,h,H as Host}from"./index-272d51a4.js";var verdocsRadioButtonCss='@-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-radio-button{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:20px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-radio-button.disabled{opacity:0.5}verdocs-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-radio-button input[type=radio]+label:before{content:"";background:#f5f5fa;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:16px;height:16px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-radio-button.hide{display:none}verdocs-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';var VerdocsRadioButtonStyle0=verdocsRadioButtonCss;var VerdocsRadioButton=function(){function o(o){registerInstance(this,o);this.checked=false;this.name="";this.value="";this.disabled=false}o.prototype.render=function(){return h(Host,{key:"e984c0a368751cc746753431372aac64bd1753be",class:{disabled:this.disabled}},h("input",{key:"d8cf4c5c73d6ccb7cc7350e1adf5f2458c3feec7",type:"radio",value:this.value,name:this.name,id:"verdocs-radio-button-".concat(this.name,"-").concat(this.value),checked:this.checked,disabled:this.disabled}),h("label",{key:"dfffa1e4ffdfbd76155e029568cb5f3965928b37",htmlFor:"verdocs-radio-button-".concat(this.name,"-").concat(this.value)}))};return o}();VerdocsRadioButton.style=VerdocsRadioButtonStyle0;export{VerdocsRadioButton as verdocs_radio_button};
+//# sourceMappingURL=verdocs-radio-button.entry.js.map

package/dist/esm-es5/verdocs-radio-button.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsRadioButtonCss","VerdocsRadioButtonStyle0","VerdocsRadioButton","prototype","render","h","Host","key","class","disabled","this","type","value","name","id","concat","checked","htmlFor"],"sources":["src/components/controls/verdocs-radio-button/verdocs-radio-button.scss?tag=verdocs-radio-button","src/components/controls/verdocs-radio-button/verdocs-radio-button.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\n// See https://www.sliderrevolution.com/resources/styling-radio-buttons/\nverdocs-radio-button {\n  font-family: $verdocs-primary-font;\n  width: 20px;\n  height: 20px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n  border-radius: 100%;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  input[type='radio'] {\n    position: absolute;\n    opacity: 0;\n\n    + label {\n      &:before {\n        content: '';\n        background: $verdocs-grey-3;\n        border-radius: 100%;\n        border: 1px solid rgba(0, 0, 0, 0.6);\n        display: inline-block;\n        width: 16px;\n        height: 16px;\n        position: absolute;\n        left: 1px;\n        top: 1px;\n        cursor: pointer;\n        text-align: center;\n        transition: all 250ms ease;\n      }\n    }\n\n    &:checked {\n      + label {\n        &:before {\n          background-color: $verdocs-green;\n          box-shadow: inset 0 0 0 2px $verdocs-grey-3;\n        }\n      }\n    }\n\n    &:focus {\n      + label {\n        &:before {\n          outline: none;\n          border-color: $verdocs-green;\n        }\n      }\n    }\n\n    &:disabled {\n      + label {\n        &:before {\n          box-shadow: inset 0 0 0 4px $verdocs-grey-3;\n          border-color: darken($verdocs-grey-3, 25%);\n          background: darken($verdocs-grey-3, 25%);\n        }\n      }\n    }\n\n    + label {\n      &:empty {\n        &:before {\n          margin-right: 0;\n        }\n      }\n    }\n  }\n\n  &.required {\n    input[type='radio'] {\n      + label {\n        &:before {\n          border: 1px solid $verdocs-red-1;\n        }\n      }\n    }\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\n","import {Component, h, Host, Prop} from '@stencil/core';\n\n/**\n * Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is\n * designed to be used in signing experiences and contains settings that connect to template fields. This is just a\n * simple radio button for UI displays e.g. dialog boxes.\n *\n * This control encapsulates a standard HTML radio button. To subscribe to change events, connect an `onChange`\n * handler. Sample usage:\n *\n * ```ts\n * <verdocs-radio-button\n *    value=\"val1\"\n *    name=\"someProperty\"\n *    checked={this.someProperty === 'val1'}\n *    onInput={(e: any) => { this.someProperty = 'val1' }}\n *    disabled={false}\n * />\n * ```\n */\n@Component({\n  tag: 'verdocs-radio-button',\n  styleUrl: 'verdocs-radio-button.scss',\n  shadow: false,\n})\nexport class VerdocsRadioButton {\n  /**\n   * Whether the radio button is currently selected.\n   */\n  @Prop() checked: boolean = false;\n\n  /**\n   * HTML form field name for the input.\n   */\n  @Prop() name: string = '';\n\n  /**\n   * Value to track with the input.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * If set, the button will still be displayed but not selectable.\n   */\n  @Prop() disabled?: boolean = false;\n\n  render() {\n    return (\n      <Host class={{disabled: this.disabled}}>\n        <input\n          type=\"radio\"\n          value={this.value}\n          name={this.name}\n          id={`verdocs-radio-button-${this.name}-${this.value}`}\n          checked={this.checked}\n          disabled={this.disabled}\n          // onChange={e => this.handleChange(e)}\n        />\n        <label htmlFor={`verdocs-radio-button-${this.name}-${this.value}`} />\n      </Host>\n    );\n  }\n}\n"],"mappings":"mEAAA,IAAMA,sBAAwB,0uDAC9B,IAAAC,yBAAeD,sB,ICwBFE,mBAAkB,W,oDAIF,M,UAKJ,G,WAKC,G,cAKK,K,CAE7BA,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,KAAI,CAAAC,IAAA,2CAACC,MAAO,CAACC,SAAUC,KAAKD,WAC3BJ,EAAA,SAAAE,IAAA,2CACEI,KAAK,QACLC,MAAOF,KAAKE,MACZC,KAAMH,KAAKG,KACXC,GAAI,wBAAAC,OAAwBL,KAAKG,KAAI,KAAAE,OAAIL,KAAKE,OAC9CI,QAASN,KAAKM,QACdP,SAAUC,KAAKD,WAGjBJ,EAAA,SAAAE,IAAA,2CAAOU,QAAS,wBAAAF,OAAwBL,KAAKG,KAAI,KAAAE,OAAIL,KAAKE,S,WAjCnC,G","ignoreList":[]}

package/dist/esm-es5/verdocs-search-box.entry.js

@@ -1 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,r,o,t){function n(e){return e instanceof o?e:new o((function(r){r(e)}))}return new(o||(o=Promise))((function(o,i){function c(e){try{a(t.next(e))}catch(e){i(e)}}function s(e){try{a(t["throw"](e))}catch(e){i(e)}}function a(e){e.done?o(e.value):n(e.value).then(c,s)}a((t=t.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},t,n,i,c;return c={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function s(e){return function(r){return a([e,r])}}function a(s){if(t)throw new TypeError("Generator is already executing.");while(c&&(c=0,s[0]&&(o=0)),o)try{if(t=1,n&&(i=s[0]&2?n["return"]:s[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;if(n=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;n=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){o.label=s[1];break}if(s[0]===6&&o.label<i[1]){o.label=i[1];i=s;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(s);break}if(i[2])o.ops.pop();o.trys.pop();continue}s=r.call(e,o)}catch(e){s=[6,e];n=0}finally{t=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h}from"./index-272d51a4.js";import{VerdocsEndpoint}from"@verdocs/js-sdk";var verdocsSearchBoxCss='@-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-search-box{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-search-box form{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:45px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0 0;border-radius:5px;-ms-flex-align:center;align-items:center;background-color:#fff;padding:0 8px;border-width:1px;border-style:solid;border-color:#707ae5}verdocs-search-box form input{-webkit-box-sizing:border-box;box-sizing:border-box;height:43px;width:100%;font-size:18px;border:none}verdocs-search-box form input:focus{outline:none}verdocs-search-box form button.search{cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border:none;width:100px;height:28px;font-weight:700;font-size:10px;letter-spacing:1px;background-color:#55bc81;text-transform:uppercase;color:#fff}verdocs-search-box form .type{background-color:#707ae5;height:30px;display:-ms-inline-flexbox;display:inline-flex;padding:1px 0 2px 10px;font-size:13px;line-height:16px;border-radius:4px;-ms-flex-pack:center;justify-content:center;text-transform:uppercase;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;color:#fff;margin-right:10px}verdocs-search-box form .type button{border:none;color:#fff;margin:5px 0 0 8px;background:transparent}verdocs-search-box form svg{width:12px;height:12px;margin-right:6px}verdocs-search-box ::-webkit-input-placeholder{color:#aeb4bf}verdocs-search-box ::-moz-placeholder{color:#aeb4bf}verdocs-search-box :-ms-input-placeholder{color:#aeb4bf}verdocs-search-box ::-ms-input-placeholder{color:#aeb4bf}verdocs-search-box ::placeholder{color:#aeb4bf}';var VerdocsSearchBoxStyle0=verdocsSearchBoxCss;var SearchIcon='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.4809 20.7176L17.9111 15.2536C19.0961 13.6368 19.727 11.6926 19.7128 9.70131C19.7201 7.53345 18.9846 5.42606 17.6244 3.71753C16.2642 2.009 14.3581 0.798456 12.2123 0.280282C10.0665 -0.237892 7.80552 -0.0336342 5.79227 0.86026C3.77902 1.75415 2.13038 3.28582 1.1111 5.20931C0.0918114 7.1328 -0.238985 9.33652 0.171813 11.4666C0.582612 13.5967 1.71117 15.5296 3.37628 16.9548C5.0414 18.3801 7.14646 19.2151 9.35344 19.3257C11.5604 19.4364 13.7413 18.8162 15.5458 17.5649L21.1372 23.05L21.1563 23.0663C21.4841 23.3487 21.9039 23.507 22.3401 23.5128C22.7823 23.5125 23.2063 23.3402 23.5191 23.0337V23.0337C23.6749 22.8812 23.7979 22.6995 23.8804 22.4993C23.963 22.2991 24.0036 22.0847 23.9997 21.8688C23.9959 21.6529 23.9477 21.44 23.858 21.2428C23.7683 21.0456 23.639 20.8682 23.4778 20.7212L23.4809 20.7176ZM14.5167 14.1975C13.4564 15.2349 12.0623 15.8797 10.5719 16.022C9.08145 16.1644 7.58681 15.7955 6.34249 14.9781C5.09816 14.1608 4.18109 12.9456 3.74751 11.5395C3.31393 10.1334 3.39064 8.6233 3.96455 7.26643C4.53846 5.90955 5.57409 4.7898 6.89507 4.09787C8.21606 3.40594 9.74071 3.18461 11.2093 3.4716C12.678 3.75858 13.9998 4.53612 14.9497 5.6718C15.8996 6.80748 16.4188 8.23105 16.4189 9.7001C16.4196 10.5357 16.2519 11.3632 15.9254 12.135C15.599 12.9069 15.1202 13.6078 14.5167 14.1975V14.1975Z" fill="white"/></svg>';var CloseIcon='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0739 11.7565L19.7127 6.23228C20.0875 5.85692 20.0875 5.25309 19.7127 4.87773L19.0213 4.20046C18.6382 3.82511 18.0219 3.82511 17.6387 4.20046L12 9.72472L6.36127 4.20046C5.97814 3.82511 5.36179 3.82511 4.97866 4.20046L4.28735 4.87773C3.90422 5.25309 3.90422 5.85692 4.28735 6.23228L9.92608 11.7565L4.28735 17.2808C3.90422 17.6561 3.90422 18.26 4.28735 18.6353L4.97866 19.3126C5.36179 19.688 5.97814 19.688 6.36127 19.3126L12 13.7883L17.6387 19.3126C18.0219 19.688 18.6382 19.688 19.0213 19.3126L19.7127 18.6353C20.0958 18.26 20.0958 17.6561 19.7127 17.2808L14.0739 11.7565Z" fill="white"/></svg>';var VerdocsSearchBox=function(){function e(e){registerInstance(this,e);this.searchClicked=createEvent(this,"searchClicked",7);this.typeChanged=createEvent(this,"typeChanged",7);this.queryChanged=createEvent(this,"queryChanged",7);this.endpoint=VerdocsEndpoint.getDefault();this.placeholder="Search envelopes, templates, organizations...";this.type="all";this.query="";this.grabsFocus=false}e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.inputEl.focus();return[2]}))}))};e.prototype.componentDidRender=function(){if(this.grabsFocus){this.inputEl.focus()}};e.prototype.handleSearch=function(e){this.searchClicked.emit({type:this.type,query:this.query});e.preventDefault();return false};e.prototype.handleChange=function(e){this.queryChanged.emit(e.target.value)};e.prototype.handleClearFilter=function(){this.typeChanged.emit("all")};e.prototype.handleKeyUp=function(e){if(e.key==="Enter"){this.searchClicked.emit({type:this.type,query:this.query})}};e.prototype.render=function(){var e=this;return h("form",{key:"0a0ff0dfa9ee6be3ded1c6b169d28d7a35804336",onSubmit:function(r){return e.handleSearch(r)}},this.type!==undefined&&this.type!=="all"&&h("span",{key:"1bc2808c678e4502a8a91dcb5cc4130ff433847a",class:"type"},this.type,"s ",h("button",{key:"d86c649ef1b0c18513474c85e62d362993fe13e7",class:"remove",innerHTML:CloseIcon,onClick:function(){return e.handleClearFilter()}})),h("input",{key:"848235e32539c294c4be6969cabc523a786c9524",type:"text",value:this.query,placeholder:this.placeholder,onInput:function(r){return e.handleChange(r)},onKeyUp:function(r){return e.handleKeyUp(r)},ref:function(r){return e.inputEl=r}}),h("button",{key:"8679d4b98adbfdc8b7b45c6faab5b6a7a8e18d95",onClick:function(r){return e.handleSearch(r)},class:"search"},h("span",{key:"06d492ec322302918ac8e497eb83accd77812267",innerHTML:SearchIcon}),"Search"))};return e}();VerdocsSearchBox.style=VerdocsSearchBoxStyle0;export{VerdocsSearchBox as verdocs_search_box};
+var __awaiter=this&&this.__awaiter||function(e,r,o,t){function n(e){return e instanceof o?e:new o((function(r){r(e)}))}return new(o||(o=Promise))((function(o,i){function c(e){try{a(t.next(e))}catch(e){i(e)}}function s(e){try{a(t["throw"](e))}catch(e){i(e)}}function a(e){e.done?o(e.value):n(e.value).then(c,s)}a((t=t.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},t,n,i,c;return c={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function s(e){return function(r){return a([e,r])}}function a(s){if(t)throw new TypeError("Generator is already executing.");while(c&&(c=0,s[0]&&(o=0)),o)try{if(t=1,n&&(i=s[0]&2?n["return"]:s[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;if(n=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;n=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){o.label=s[1];break}if(s[0]===6&&o.label<i[1]){o.label=i[1];i=s;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(s);break}if(i[2])o.ops.pop();o.trys.pop();continue}s=r.call(e,o)}catch(e){s=[6,e];n=0}finally{t=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h}from"./index-272d51a4.js";import{VerdocsEndpoint}from"@verdocs/js-sdk";var verdocsSearchBoxCss='@-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-search-box{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-search-box form{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:45px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0 0;border-radius:5px;-ms-flex-align:center;align-items:center;background-color:#fff;padding:0 8px;border-width:1px;border-style:solid;border-color:#707ae5}verdocs-search-box form input{-webkit-box-sizing:border-box;box-sizing:border-box;height:43px;width:100%;font-size:18px;border:none}verdocs-search-box form input:focus{outline:none}verdocs-search-box form button.search{cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border:none;width:100px;height:28px;font-weight:700;font-size:10px;letter-spacing:1px;background-color:#55bc81;text-transform:uppercase;color:#fff}verdocs-search-box form .type{background-color:#707ae5;height:30px;display:-ms-inline-flexbox;display:inline-flex;padding:1px 0 2px 10px;font-size:13px;line-height:16px;border-radius:4px;-ms-flex-pack:center;justify-content:center;text-transform:uppercase;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;color:#fff;margin-right:10px}verdocs-search-box form .type button{border:none;color:#fff;margin:5px 0 0 8px;background:transparent}verdocs-search-box form svg{width:12px;height:12px;margin-right:6px}verdocs-search-box ::-webkit-input-placeholder{color:#aeb4bf}verdocs-search-box ::-moz-placeholder{color:#aeb4bf}verdocs-search-box :-ms-input-placeholder{color:#aeb4bf}verdocs-search-box ::-ms-input-placeholder{color:#aeb4bf}verdocs-search-box ::placeholder{color:#aeb4bf}';var VerdocsSearchBoxStyle0=verdocsSearchBoxCss;var SearchIcon='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.4809 20.7176L17.9111 15.2536C19.0961 13.6368 19.727 11.6926 19.7128 9.70131C19.7201 7.53345 18.9846 5.42606 17.6244 3.71753C16.2642 2.009 14.3581 0.798456 12.2123 0.280282C10.0665 -0.237892 7.80552 -0.0336342 5.79227 0.86026C3.77902 1.75415 2.13038 3.28582 1.1111 5.20931C0.0918114 7.1328 -0.238985 9.33652 0.171813 11.4666C0.582612 13.5967 1.71117 15.5296 3.37628 16.9548C5.0414 18.3801 7.14646 19.2151 9.35344 19.3257C11.5604 19.4364 13.7413 18.8162 15.5458 17.5649L21.1372 23.05L21.1563 23.0663C21.4841 23.3487 21.9039 23.507 22.3401 23.5128C22.7823 23.5125 23.2063 23.3402 23.5191 23.0337V23.0337C23.6749 22.8812 23.7979 22.6995 23.8804 22.4993C23.963 22.2991 24.0036 22.0847 23.9997 21.8688C23.9959 21.6529 23.9477 21.44 23.858 21.2428C23.7683 21.0456 23.639 20.8682 23.4778 20.7212L23.4809 20.7176ZM14.5167 14.1975C13.4564 15.2349 12.0623 15.8797 10.5719 16.022C9.08145 16.1644 7.58681 15.7955 6.34249 14.9781C5.09816 14.1608 4.18109 12.9456 3.74751 11.5395C3.31393 10.1334 3.39064 8.6233 3.96455 7.26643C4.53846 5.90955 5.57409 4.7898 6.89507 4.09787C8.21606 3.40594 9.74071 3.18461 11.2093 3.4716C12.678 3.75858 13.9998 4.53612 14.9497 5.6718C15.8996 6.80748 16.4188 8.23105 16.4189 9.7001C16.4196 10.5357 16.2519 11.3632 15.9254 12.135C15.599 12.9069 15.1202 13.6078 14.5167 14.1975V14.1975Z" fill="white"/></svg>';var CloseIcon='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0739 11.7565L19.7127 6.23228C20.0875 5.85692 20.0875 5.25309 19.7127 4.87773L19.0213 4.20046C18.6382 3.82511 18.0219 3.82511 17.6387 4.20046L12 9.72472L6.36127 4.20046C5.97814 3.82511 5.36179 3.82511 4.97866 4.20046L4.28735 4.87773C3.90422 5.25309 3.90422 5.85692 4.28735 6.23228L9.92608 11.7565L4.28735 17.2808C3.90422 17.6561 3.90422 18.26 4.28735 18.6353L4.97866 19.3126C5.36179 19.688 5.97814 19.688 6.36127 19.3126L12 13.7883L17.6387 19.3126C18.0219 19.688 18.6382 19.688 19.0213 19.3126L19.7127 18.6353C20.0958 18.26 20.0958 17.6561 19.7127 17.2808L14.0739 11.7565Z" fill="white"/></svg>';var VerdocsSearchBox=function(){function e(e){registerInstance(this,e);this.searchClicked=createEvent(this,"searchClicked",7);this.typeChanged=createEvent(this,"typeChanged",7);this.queryChanged=createEvent(this,"queryChanged",7);this.endpoint=VerdocsEndpoint.getDefault();this.placeholder="Search envelopes, templates, organizations...";this.type="all";this.query="";this.grabsFocus=false}e.prototype.focusField=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.inputEl.focus();return[2]}))}))};e.prototype.componentDidRender=function(){if(this.grabsFocus){this.inputEl.focus()}};e.prototype.handleSearch=function(e){this.searchClicked.emit({type:this.type,query:this.query});e.preventDefault();return false};e.prototype.handleChange=function(e){this.queryChanged.emit(e.target.value)};e.prototype.handleClearFilter=function(){this.typeChanged.emit("all")};e.prototype.handleKeyUp=function(e){if(e.key==="Enter"){this.searchClicked.emit({type:this.type,query:this.query})}};e.prototype.render=function(){var e=this;return h("form",{key:"0a0ff0dfa9ee6be3ded1c6b169d28d7a35804336",onSubmit:function(r){return e.handleSearch(r)}},this.type!==undefined&&this.type!=="all"&&h("span",{key:"1bc2808c678e4502a8a91dcb5cc4130ff433847a",class:"type"},this.type,"s ",h("button",{key:"d86c649ef1b0c18513474c85e62d362993fe13e7",class:"remove",innerHTML:CloseIcon,onClick:function(){return e.handleClearFilter()}})),h("input",{key:"848235e32539c294c4be6969cabc523a786c9524",type:"text",value:this.query,placeholder:this.placeholder,onInput:function(r){return e.handleChange(r)},onKeyUp:function(r){return e.handleKeyUp(r)},ref:function(r){return e.inputEl=r}}),h("button",{key:"8679d4b98adbfdc8b7b45c6faab5b6a7a8e18d95",onClick:function(r){return e.handleSearch(r)},class:"search"},h("span",{key:"06d492ec322302918ac8e497eb83accd77812267",innerHTML:SearchIcon}),"Search"))};return e}();VerdocsSearchBox.style=VerdocsSearchBoxStyle0;export{VerdocsSearchBox as verdocs_search_box};
+//# sourceMappingURL=verdocs-search-box.entry.js.map

package/dist/esm-es5/verdocs-search-box.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsSearchBoxCss","VerdocsSearchBoxStyle0","SearchIcon","CloseIcon","VerdocsSearchBox","VerdocsEndpoint","getDefault","class_1","prototype","focusField","this","inputEl","focus","componentDidRender","grabsFocus","handleSearch","e","searchClicked","emit","type","query","preventDefault","handleChange","queryChanged","target","value","handleClearFilter","typeChanged","handleKeyUp","key","render","_this","h","onSubmit","undefined","class","innerHTML","onClick","placeholder","onInput","onKeyUp","ref","el"],"sources":["src/components/elements/verdocs-search-box/verdocs-search-box.scss?tag=verdocs-search-box","src/components/elements/verdocs-search-box/verdocs-search-box.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-search-box {\n  font-family: $verdocs-primary-font;\n\n  form {\n    display: flex;\n    flex-direction: row;\n    height: 45px;\n    box-sizing: border-box;\n    margin: 5px 0 0;\n    border-radius: 5px;\n    align-items: center;\n    background-color: #fff;\n    padding: 0 8px;\n    border-width: 1px;\n    border-style: solid;\n    border-color: $verdocs-light-blue;\n\n    input {\n      box-sizing: border-box;\n      height: 43px;\n      width: 100%;\n      font-size: 18px;\n      border: none;\n\n      &:focus {\n        outline: none;\n      }\n    }\n\n    button.search {\n      cursor: pointer;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      box-sizing: border-box;\n      border-radius: 4px;\n      border: none;\n      width: 100px;\n      height: 28px;\n      font-weight: 700;\n      font-size: 10px;\n      letter-spacing: 1px;\n      background-color: $verdocs-green;\n      text-transform: uppercase;\n      color: #fff;\n    }\n\n    .type {\n      background-color: $verdocs-light-blue;\n      height: 30px;\n      display: inline-flex;\n      padding: 1px 0 2px 10px;\n      font-size: 13px;\n      line-height: 16px;\n      border-radius: 4px;\n      justify-content: center;\n      text-transform: uppercase;\n      align-items: center;\n      flex-direction: row;\n      color: #fff;\n      margin-right: 10px;\n\n      button {\n        border: none;\n        color: #fff;\n        margin: 5px 0 0 8px;\n        background: transparent;\n      }\n    }\n\n    svg {\n      width: 12px;\n      height: 12px;\n      margin-right: 6px;\n    }\n  }\n\n  ::placeholder {\n    color: $verdocs-grey-2;\n  }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Prop, Method} from '@stencil/core';\n\nconst SearchIcon = `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M23.4809 20.7176L17.9111 15.2536C19.0961 13.6368 19.727 11.6926 19.7128 9.70131C19.7201 7.53345 18.9846 5.42606 17.6244 3.71753C16.2642 2.009 14.3581 0.798456 12.2123 0.280282C10.0665 -0.237892 7.80552 -0.0336342 5.79227 0.86026C3.77902 1.75415 2.13038 3.28582 1.1111 5.20931C0.0918114 7.1328 -0.238985 9.33652 0.171813 11.4666C0.582612 13.5967 1.71117 15.5296 3.37628 16.9548C5.0414 18.3801 7.14646 19.2151 9.35344 19.3257C11.5604 19.4364 13.7413 18.8162 15.5458 17.5649L21.1372 23.05L21.1563 23.0663C21.4841 23.3487 21.9039 23.507 22.3401 23.5128C22.7823 23.5125 23.2063 23.3402 23.5191 23.0337V23.0337C23.6749 22.8812 23.7979 22.6995 23.8804 22.4993C23.963 22.2991 24.0036 22.0847 23.9997 21.8688C23.9959 21.6529 23.9477 21.44 23.858 21.2428C23.7683 21.0456 23.639 20.8682 23.4778 20.7212L23.4809 20.7176ZM14.5167 14.1975C13.4564 15.2349 12.0623 15.8797 10.5719 16.022C9.08145 16.1644 7.58681 15.7955 6.34249 14.9781C5.09816 14.1608 4.18109 12.9456 3.74751 11.5395C3.31393 10.1334 3.39064 8.6233 3.96455 7.26643C4.53846 5.90955 5.57409 4.7898 6.89507 4.09787C8.21606 3.40594 9.74071 3.18461 11.2093 3.4716C12.678 3.75858 13.9998 4.53612 14.9497 5.6718C15.8996 6.80748 16.4188 8.23105 16.4189 9.7001C16.4196 10.5357 16.2519 11.3632 15.9254 12.135C15.599 12.9069 15.1202 13.6078 14.5167 14.1975V14.1975Z\" fill=\"white\"/></svg>`;\n\nconst CloseIcon = `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.0739 11.7565L19.7127 6.23228C20.0875 5.85692 20.0875 5.25309 19.7127 4.87773L19.0213 4.20046C18.6382 3.82511 18.0219 3.82511 17.6387 4.20046L12 9.72472L6.36127 4.20046C5.97814 3.82511 5.36179 3.82511 4.97866 4.20046L4.28735 4.87773C3.90422 5.25309 3.90422 5.85692 4.28735 6.23228L9.92608 11.7565L4.28735 17.2808C3.90422 17.6561 3.90422 18.26 4.28735 18.6353L4.97866 19.3126C5.36179 19.688 5.97814 19.688 6.36127 19.3126L12 13.7883L17.6387 19.3126C18.0219 19.688 18.6382 19.688 19.0213 19.3126L19.7127 18.6353C20.0958 18.26 20.0958 17.6561 19.7127 17.2808L14.0739 11.7565Z\" fill=\"white\"/></svg>`;\n\nexport type TContentType = 'all' | 'document' | 'template' | 'organization';\n\nexport interface ISearchEvent {\n  query: string;\n  type: TContentType;\n}\n\n/**\n * Displays a customizable input box for search queries.\n *\n * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth\n * embed. This Element will reuse the same session produced by logging in via that Embed.\n */\n@Component({\n  tag: 'verdocs-search-box',\n  styleUrl: 'verdocs-search-box.scss',\n  shadow: false,\n})\nexport class VerdocsSearchBox {\n  private inputEl: HTMLInputElement;\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 placeholder to display in the input field.\n   */\n  @Prop() placeholder = 'Search envelopes, templates, organizations...';\n\n  /**\n   * If set to a value other than 'all', a removeable filter indicator will be displayed.\n   */\n  @Prop() type: TContentType = 'all';\n\n  /**\n   * The text search string entered by the user.\n   */\n  @Prop() query = '';\n\n  /**\n   * If set, the input field will attempt to \"grab\" focus after being rendered.\n   */\n  @Prop() grabsFocus = false;\n\n  /**\n   * Event fired when the user changes the type.\n   */\n  @Event({composed: true}) searchClicked: EventEmitter<ISearchEvent>;\n\n  /**\n   * Event fired when the user changes the type.\n   */\n  @Event({composed: true}) typeChanged: EventEmitter<TContentType>;\n\n  /**\n   * Event fired when the user changes the query string.\n   */\n  @Event({composed: true}) queryChanged: EventEmitter<string>;\n\n  @Method() async focusField() {\n    this.inputEl.focus();\n  }\n\n  componentDidRender() {\n    if (this.grabsFocus) {\n      this.inputEl.focus();\n    }\n  }\n\n  handleSearch(e) {\n    this.searchClicked.emit({type: this.type, query: this.query});\n    e.preventDefault();\n    return false;\n  }\n\n  handleChange(e) {\n    this.queryChanged.emit(e.target.value);\n  }\n\n  handleClearFilter() {\n    this.typeChanged.emit('all');\n  }\n\n  handleKeyUp(e) {\n    if (e.key === 'Enter') {\n      this.searchClicked.emit({type: this.type, query: this.query});\n    }\n  }\n\n  render() {\n    return (\n      <form onSubmit={e => this.handleSearch(e)}>\n        {this.type !== undefined && this.type !== 'all' && (\n          <span class=\"type\">\n            {this.type}s <button class=\"remove\" innerHTML={CloseIcon} onClick={() => this.handleClearFilter()} />\n          </span>\n        )}\n        <input\n          type=\"text\"\n          value={this.query}\n          placeholder={this.placeholder}\n          onInput={e => this.handleChange(e)}\n          onKeyUp={e => this.handleKeyUp(e)}\n          ref={el => (this.inputEl = el)}\n        />\n        <button onClick={e => this.handleSearch(e)} class=\"search\">\n          <span innerHTML={SearchIcon} />\n          Search\n        </button>\n      </form>\n    );\n  }\n}\n"],"mappings":"qkDAAA,IAAMA,oBAAsB,imEAC5B,IAAAC,uBAAeD,oBCEf,IAAME,WAAa,y5CAEnB,IAAMC,UAAY,gsB,IAoBLC,iBAAgB,W,oNAMSC,gBAAgBC,a,iBAK9B,gD,UAKO,M,WAKb,G,gBAKK,K,CAiBLC,EAAAC,UAAAC,WAAN,W,qFACRC,KAAKC,QAAQC,Q,iBAGfL,EAAAC,UAAAK,mBAAA,WACE,GAAIH,KAAKI,WAAY,CACnBJ,KAAKC,QAAQC,O,GAIjBL,EAAAC,UAAAO,aAAA,SAAaC,GACXN,KAAKO,cAAcC,KAAK,CAACC,KAAMT,KAAKS,KAAMC,MAAOV,KAAKU,QACtDJ,EAAEK,iBACF,OAAO,K,EAGTd,EAAAC,UAAAc,aAAA,SAAaN,GACXN,KAAKa,aAAaL,KAAKF,EAAEQ,OAAOC,M,EAGlClB,EAAAC,UAAAkB,kBAAA,WACEhB,KAAKiB,YAAYT,KAAK,M,EAGxBX,EAAAC,UAAAoB,YAAA,SAAYZ,GACV,GAAIA,EAAEa,MAAQ,QAAS,CACrBnB,KAAKO,cAAcC,KAAK,CAACC,KAAMT,KAAKS,KAAMC,MAAOV,KAAKU,O,GAI1Db,EAAAC,UAAAsB,OAAA,eAAAC,EAAArB,KACE,OACEsB,EAAA,QAAAH,IAAA,2CAAMI,SAAU,SAAAjB,GAAK,OAAAe,EAAKhB,aAAaC,EAAlB,GAClBN,KAAKS,OAASe,WAAaxB,KAAKS,OAAS,OACxCa,EAAA,QAAAH,IAAA,2CAAMM,MAAM,QACTzB,KAAKS,KAAI,KAAGa,EAAA,UAAAH,IAAA,2CAAQM,MAAM,SAASC,UAAWjC,UAAWkC,QAAS,WAAM,OAAAN,EAAKL,mBAAL,KAG7EM,EAAA,SAAAH,IAAA,2CACEV,KAAK,OACLM,MAAOf,KAAKU,MACZkB,YAAa5B,KAAK4B,YAClBC,QAAS,SAAAvB,GAAK,OAAAe,EAAKT,aAAaN,EAAlB,EACdwB,QAAS,SAAAxB,GAAK,OAAAe,EAAKH,YAAYZ,EAAjB,EACdyB,IAAK,SAAAC,GAAE,OAAKX,EAAKpB,QAAU+B,CAApB,IAETV,EAAA,UAAAH,IAAA,2CAAQQ,QAAS,SAAArB,GAAK,OAAAe,EAAKhB,aAAaC,EAAlB,EAAsBmB,MAAM,UAChDH,EAAA,QAAAH,IAAA,2CAAMO,UAAWlC,aAAc,U,WA1FZ,G","ignoreList":[]}

package/dist/esm-es5/verdocs-search-tabs.entry.js

@@ -1 +1,2 @@
-import{r as registerInstance,h}from"./index-272d51a4.js";var verdocsSearchTabsCss='@-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-search-tabs{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:block}';var VerdocsSearchTabsStyle0=verdocsSearchTabsCss;var VerdocsSearchTabs=function(){function e(e){registerInstance(this,e);this.selected="all"}e.prototype.render=function(){return h("div",{key:"4c809496e5ade75145e1e3c5b5d9b4749078b3e6"}," ")};return e}();VerdocsSearchTabs.style=VerdocsSearchTabsStyle0;export{VerdocsSearchTabs as verdocs_search_tabs};
+import{r as registerInstance,h}from"./index-272d51a4.js";var verdocsSearchTabsCss='@-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-search-tabs{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:block}';var VerdocsSearchTabsStyle0=verdocsSearchTabsCss;var VerdocsSearchTabs=function(){function e(e){registerInstance(this,e);this.selected="all"}e.prototype.render=function(){return h("div",{key:"4c809496e5ade75145e1e3c5b5d9b4749078b3e6"}," ")};return e}();VerdocsSearchTabs.style=VerdocsSearchTabsStyle0;export{VerdocsSearchTabs as verdocs_search_tabs};
+//# sourceMappingURL=verdocs-search-tabs.entry.js.map

package/dist/esm-es5/verdocs-search-tabs.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsSearchTabsCss","VerdocsSearchTabsStyle0","VerdocsSearchTabs","prototype","render","h","key"],"sources":["src/components/elements/verdocs-search-tabs/verdocs-search-tabs.scss?tag=verdocs-search-tabs","src/components/elements/verdocs-search-tabs/verdocs-search-tabs.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-search-tabs {\n  font-family: $verdocs-primary-font;\n  display: block;\n}\n","import {Component, h, State} from '@stencil/core';\n\nexport type TContentType = 'all' | 'document' | 'template' | 'organization';\n\n@Component({\n  tag: 'verdocs-search-tabs',\n  styleUrl: 'verdocs-search-tabs.scss',\n  shadow: false,\n})\nexport class VerdocsSearchTabs {\n  @State() selected: TContentType = 'all';\n\n  render() {\n    return <div>&nbsp;</div>;\n  }\n}\n"],"mappings":"yDAAA,IAAMA,qBAAuB,obAC7B,IAAAC,wBAAeD,qB,ICQFE,kBAAiB,W,qDACM,K,CAElCA,EAAAC,UAAAC,OAAA,WACE,OAAOC,EAAA,OAAAC,IAAA,gD,WAJmB,G","ignoreList":[]}

package/dist/esm-es5/verdocs-sign.entry.js

@@ -1 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,n){function s(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function o(e){try{l(n.next(e))}catch(e){r(e)}}function a(e){try{l(n["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):s(e.value).then(o,a)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,s,r,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(e){return function(t){return l([e,t])}}function l(a){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(i=0)),i)try{if(n=1,s&&(r=a[0]&2?s["return"]:a[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,a[1])).done)return r;if(s=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;s=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(a[0]===6&&i.label<r[1]){i.label=r[1];r=a;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(a);break}if(r[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e];s=0}finally{n=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var n=0,s=t.length,r;n<s;n++){if(r||!(n in t)){if(!r)r=Array.prototype.slice.call(t,0,n);r[n]=t[n]}}return e.concat(r||Array.prototype.slice.call(t))};import{r as registerInstance,c as createEvent,h,H as Host,F as Fragment}from"./index-272d51a4.js";import{VerdocsEndpoint,startSigningSession,getKbaStep,envelopeRecipientAgree,envelopeRecipientDecline,updateEnvelopeField,createSignature,updateEnvelopeFieldSignature,createInitials,updateEnvelopeFieldInitials,isValidPhone,isValidEmail,sortFields,envelopeRecipientSubmit,getEnvelope,uploadEnvelopeFieldAttachment,deleteEnvelopeFieldAttachment,formatFullName,fullNameToInitials,submitKbaPin,submitKbaIdentity,submitKbaChallengeResponse,integerSequence}from"@verdocs/js-sdk";import{a as saveAttachment,u as updateDocumentFieldValue,r as renderDocumentField,g as getFieldId}from"./utils-bd656c37.js";import{V as VerdocsToast}from"./Toast-c4843828.js";import{S as SDKError}from"./errors-887f1e88.js";import{S as Store}from"./Datastore-b55570ff.js";import"./_commonjsHelpers-bdec4bbd.js";import"./Types-95d86a44.js";import"./format-b8602175.js";var verdocsSignCss='@-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-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-sign div{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign input{vertical-align:top}verdocs-sign>.document{-ms-flex:1;flex:1;width:100%;height:100%;-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;max-width:1200px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-sign>.document .inner{width:100%;max-width:1028px}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:5000;position:absolute;padding-top:100px;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;background:rgba(0, 0, 0, 0.5)}verdocs-sign .agree{-ms-flex:0;flex:0;width:600px;display:-ms-flexbox;display:flex;max-width:90%;padding:30px 15px;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff}verdocs-sign .agree .header{-ms-flex:0 0 56px;flex:0 0 56px}verdocs-sign .agree li{margin:0.5em 0}verdocs-sign verdocs-ok-dialog .background-overlay{-ms-flex-align:start;align-items:flex-start;padding-top:100px}verdocs-sign .loading-indicator{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.7)}verdocs-sign .fatal-error{position:absolute;z-index:100;top:0;left:0;right:0;bottom:0;background-color:#4a4a4a;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .fatal-error .placeholder{position:absolute;opacity:0.1;z-index:-1;top:0;left:0;right:0;bottom:0;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);margin-top:15px}verdocs-sign .fatal-error .message{width:50%;font-size:16px;background:white;border-radius:5px;-webkit-box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235);box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235)}verdocs-sign .fatal-error .header{color:white;font-size:18px;font-weight:500;padding:5px 10px;margin:0 0 10px 0;background:#654dcb}verdocs-sign .fatal-error p{margin:1rem;font-size:14px;font-weight:400}@media print{verdocs-sign .header{display:none}}#verdocs-sign-header{color:#fff;width:100%;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 46px;flex:0 0 46px;font-size:12px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}#verdocs-sign-header .inner{width:100%;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 12px;max-width:1200px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}#verdocs-sign-header .logo{width:80px;display:none;margin:-6px 0 0 0}#verdocs-sign-header .title{font-size:18px;font-weight:500;overflow:hidden;white-space:nowrap;padding:0 10px 0 0;text-overflow:ellipsis}.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}';var VerdocsSignStyle0=verdocsSignCss;var inProgressMenuOptions=[{id:"later",label:"Finish Later"},{id:"decline",label:"Decline to Sign"},{id:"print",label:"Print Without Signing"},{id:"download",label:"Download"}];var doneMenuOptions=[{id:"print",label:"Print"},{id:"download",label:"Download"}];var VerdocsSign=function(){function e(e){registerInstance(this,e);this.sdkError=createEvent(this,"sdkError",7);this.envelopeLoaded=createEvent(this,"envelopeLoaded",7);this.envelopeUpdated=createEvent(this,"envelopeUpdated",7);this.recipientIndex=-1;this.endpoint=null;this.envelopeId=null;this.roleId=null;this.inviteCode=null;this.headerTargetId=null;this.roleNames=[];this.sortedRecipients=[];this.recipient=null;this.hasSignature=false;this.nextButtonLabel="Start";this.nextSubmits=false;this.fatalErrorHeader="";this.fatalErrorMessage="";this.focusedField="";this.submitting=false;this.submitted=false;this.isDone=false;this.showDone=false;this.showLoadError=false;this.finishLater=false;this.showFinishLater=false;this.agreed=false;this.documentsSingularPlural="document";this.kbaStep="";this.kbaQuestions=[];this.showSpinner=false;this.kbaChoices=[];this.loading=true;this.envelope=null}e.prototype.componentWillLoad=function(){if(!this.endpoint){console.log("[SIGN] Creating signing endpoint");this.endpoint=new VerdocsEndpoint({sessionType:"signing"})}};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,n,s,r,o,a,l,c,d;var h=this;return __generator(this,(function(u){switch(u.label){case 0:if(!this.envelopeId){(e=this.sdkError)===null||e===void 0?void 0:e.emit(new SDKError("[SIGN] Missing required envelopId",500,""));return[2]}if(!this.roleId){(t=this.sdkError)===null||t===void 0?void 0:t.emit(new SDKError("[SIGN] Missing required roleId",500,""));return[2]}if(!this.inviteCode){(i=this.sdkError)===null||i===void 0?void 0:i.emit(new SDKError("[SIGN] Missing required inviteCode",500,""));return[2]}u.label=1;case 1:u.trys.push([1,3,,4]);console.log("[SIGN] Processing invite code for ".concat(this.envelopeId," / ").concat(this.roleId));return[4,startSigningSession(this.endpoint,this.envelopeId,this.roleId,this.inviteCode)];case 2:a=u.sent(),l=a.envelope,c=a.recipient;console.log("[SIGN] Loaded signing session",l,c);this.recipient=c;this.envelope=l;Store.updateEnvelope(this.envelopeId,l);this.sortedRecipients=__spreadArray([],this.envelope.recipients,true);this.sortedRecipients.sort((function(e,t){return e.sequence===t.sequence?e.order-t.order:e.sequence-t.sequence}));this.roleNames=this.sortedRecipients.map((function(e){return e.role_name}));if(this.envelope.documents.length>0){this.documentsSingularPlural="document(s)"}this.recipientIndex=this.roleNames.findIndex((function(e){return e==h.roleId}));if(this.recipientIndex>-1){this.recipient=this.sortedRecipients[this.recipientIndex];this.agreed=this.recipient.agreed}else{console.warn("[SIGN] Could not find our recipient record",this.roleId,this.sortedRecipients)}this.submitted=this.recipient.status==="submitted";this.isDone=this.submitted;this.showDone=this.submitted;if(this.envelope.status==="canceled"){this.fatalErrorHeader="Unable to Start Signing Session";this.fatalErrorMessage="This envelope has been canceled. Please contact its sender for more information."}else if(this.recipient.status==="declined"){this.fatalErrorHeader="Unable to Start Signing Session";this.fatalErrorMessage="You have declined to sign this envelope."}else if(this.agreed){this.nextButtonLabel="Next"}this.checkRecipientFields();(n=this.envelopeLoaded)===null||n===void 0?void 0:n.emit({endpoint:this.endpoint,envelope:this.envelope});if(!this.isDone){getKbaStep(this.endpoint,this.envelopeId,this.roleId).then((function(e){var t;console.log("[SIGN] KBA Step",e);h.kbaStep=e.kba_step;if(h.kbaStep==="failed"){h.fatalErrorHeader="Identity Verification Failed";h.fatalErrorMessage="We were unable to verify your identity. Please contact the document's sender.";h.isDone=true}else{h.kbaQuestions=((t=e.questions)===null||t===void 0?void 0:t.question)||[];h.kbaChoices=[]}})).catch((function(e){return console.log("Error getting KBA step",e)}))}return[3,4];case 3:d=u.sent();console.log("[SIGN] Error with signing session",d);(s=this.sdkError)===null||s===void 0?void 0:s.emit(new SDKError(d.message,(r=d.response)===null||r===void 0?void 0:r.status,(o=d.response)===null||o===void 0?void 0:o.data));this.showLoadError=true;return[3,4];case 4:return[2]}}))}))};e.prototype.componentDidRender=function(){var e=this.headerTargetId?document.getElementById(this.headerTargetId):null;var t=document.getElementById("verdocs-sign-header");if(e&&t){console.log("[SIGN] Moving header");t.remove();e.append(t)}};e.prototype.handleClickAgree=function(){var e=this;this.submitting=true;envelopeRecipientAgree(this.endpoint,this.envelopeId,this.roleId,true).then((function(){var t;e.nextButtonLabel="Next";e.recipient.agreed=true;e.submitting=false;e.agreed=true;(t=e.envelopeUpdated)===null||t===void 0?void 0:t.emit({endpoint:e.endpoint,envelope:e.envelope,event:"agreed"})})).catch((function(t){var i,n,s;console.log("[SIGN] Update failure",t);e.submitting=false;(i=e.sdkError)===null||i===void 0?void 0:i.emit(new SDKError(t.message,(n=t.response)===null||n===void 0?void 0:n.status,(s=t.response)===null||s===void 0?void 0:s.data))}))};e.prototype.handleOptionSelected=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,n,s,r,o,a,l;return __generator(this,(function(c){switch(c.label){case 0:o=e.detail.id;switch(o){case"later":return[3,1];case"claim":return[3,2];case"decline":return[3,3];case"print":return[3,5];case"download":return[3,6]}return[3,7];case 1:this.finishLater=true;this.showFinishLater=true;(t=this.envelopeUpdated)===null||t===void 0?void 0:t.emit({endpoint:this.endpoint,envelope:this.envelope,event:"later"});return[3,7];case 2:VerdocsToast("This feature will be available in an upcoming release.");(i=this.envelopeUpdated)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:this.envelope,event:"claimed"});return[3,7];case 3:this.submitting=true;return[4,envelopeRecipientDecline(this.endpoint,this.envelopeId,this.roleId)];case 4:a=c.sent();console.log("[SIGN] Decline result",a);(n=this.envelopeUpdated)===null||n===void 0?void 0:n.emit({endpoint:this.endpoint,envelope:this.envelope,event:"declined"});this.submitting=false;this.fatalErrorHeader="Unable to Start Signing Session";this.fatalErrorMessage="You have declined to sign this envelope.";return[3,7];case 5:window.print();(s=this.envelopeUpdated)===null||s===void 0?void 0:s.emit({endpoint:this.endpoint,envelope:this.envelope,event:"printed"});return[3,7];case 6:{l=this.envelope.documents.find((function(e){return e.type==="attachment"}));if(l){saveAttachment(this.endpoint,this.envelope,l.id).catch((function(e){console.log("[SIGN] Error downloading PDF",e)}));(r=this.envelopeUpdated)===null||r===void 0?void 0:r.emit({endpoint:this.endpoint,envelope:this.envelope,event:"downloaded"})}}return[3,7];case 7:return[2]}}))}))};e.prototype.updateRecipientFieldValue=function(e,t){var i=this;console.log("[SIGN] updateRecipientFieldValue",e,t);this.getRecipientFields().forEach((function(n){if(n.name===e){n.value=t.value;n.settings=t.settings;updateDocumentFieldValue(n);i.checkRecipientFields()}}))};e.prototype.saveFieldChange=function(e,t){var i=this;console.log("[SIGN] saveFieldChange",e,t);updateEnvelopeField(this.endpoint,this.envelopeId,e,t).then((function(t){return i.updateRecipientFieldValue(e,t)})).catch((function(e){var t,n,s,r,o,a;if(((t=e.response)===null||t===void 0?void 0:t.status)===401&&((s=(n=e.response)===null||n===void 0?void 0:n.data)===null||s===void 0?void 0:s.error)==="jwt expired"){console.log("[SIGN] Signing session expired");i.fatalErrorHeader="Signing Session Expired";i.fatalErrorMessage="Please reload your browser to continue."}else{console.log("[SIGN] Server error",e)}(r=i.sdkError)===null||r===void 0?void 0:r.emit(new SDKError(e.message,(o=e.response)===null||o===void 0?void 0:o.status,(a=e.response)===null||a===void 0?void 0:a.data))}))};e.prototype.handleFieldChange=function(e,t){return __awaiter(this,void 0,void 0,(function(){var i,n,s,r,o,a,l;var c=this;return __generator(this,(function(d){switch(d.label){case 0:i=t.target,n=i.value,s=i.checked;r=e.type;switch(r){case"textarea":return[3,1];case"textbox":return[3,1];case"checkbox":return[3,2];case"radio":return[3,3];case"dropdown":return[3,4];case"initial":return[3,5];case"signature":return[3,8];case"date":return[3,11];case"timestamp":return[3,12]}return[3,13];case 1:return[2,this.saveFieldChange(e.name,{prepared:false,value:n})];case 2:{return[2,this.saveFieldChange(e.name,{prepared:false,value:String(t.target.checked)})]}d.label=3;case 3:{return[2,this.saveFieldChange(e.name,{prepared:false,value:String(t.target.checked)})]}d.label=4;case 4:console.log("Saving dropdown",e.name,t.detail);return[2,this.saveFieldChange(e.name,{prepared:false,value:t.detail})];case 5:if(!t.detail){return[2]}this.showSpinner=true;return[4,fetch(t.detail)];case 6:return[4,d.sent().blob()];case 7:o=d.sent();return[2,createInitials(this.endpoint,"initial",o).then((function(t){return __awaiter(c,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:return[4,updateEnvelopeFieldInitials(this.endpoint,this.envelopeId,e.name,t.id)];case 1:i=n.sent();this.updateRecipientFieldValue(e.name,i);this.showSpinner=false;return[2]}}))}))})).catch((function(e){console.log("Error updating initials",e);c.showSpinner=false}))];case 8:if(!t.detail){return[2]}this.showSpinner=true;return[4,fetch(t.detail)];case 9:return[4,d.sent().blob()];case 10:a=d.sent();return[2,createSignature(this.endpoint,"signature",a).then((function(t){return __awaiter(c,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:console.log("Signature update result",t);return[4,updateEnvelopeFieldSignature(this.endpoint,this.envelopeId,e.name,t.id)];case 1:i=n.sent();this.updateRecipientFieldValue(e.name,i);this.showSpinner=false;return[2]}}))}))})).catch((function(e){console.warn("[SIGN] Error updating signature",e);c.showSpinner=false}))];case 11:l=t.detail.formattedDate;if(l){return[2,this.saveFieldChange(e.name,{prepared:false,value:l})]}return[3,14];case 12:console.log("[SIGN] Updating timestamp",{value:n,ts:t.target.getAttribute("timestamp")});return[3,14];case 13:console.log("[SIGN] Unhandled field update",{value:n,checked:s},e);return[3,14];case 14:return[2]}}))}))};e.prototype.isFieldFilled=function(e){var t=e.value,i=t===void 0?"":t;switch(e.type){case"textarea":case"textbox":switch(e.validator||""){case"email":return isValidEmail(i);case"phone":return isValidPhone(i);default:return(i||"").trim()!==""}case"signature":return i==="signed";case"initial":return i==="initialed";case"timestamp":return true;case"date":return!!i;case"attachment":return i==="attached";case"dropdown":return i!=="";case"checkbox":return i==="true";case"radio":if(!!e.group){return this.getRecipientFields().filter((function(t){return t.group===e.group})).some((function(e){return e.value==="true"}))}return e.value==="true";default:return false}};e.prototype.isFieldValid=function(e){return!e.required||this.isFieldFilled(e)};e.prototype.getSortedFillableFields=function(){var e=this.getRecipientFields().filter((function(e){return e.type!=="timestamp"}));sortFields(e);return e};e.prototype.handleNext=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,n,s,r,o,a,l,c;var d=this;return __generator(this,(function(h){switch(h.label){case 0:if(!this.nextSubmits)return[3,5];h.label=1;case 1:h.trys.push([1,3,,4]);(e=document.getElementById("air-datepicker-global-container"))===null||e===void 0?void 0:e.remove();this.submitting=true;return[4,envelopeRecipientSubmit(this.endpoint,this.envelopeId,this.roleId)];case 2:t=h.sent();console.log("[SIGN] Submitted successfully",t);this.recipient.status="submitted";this.showDone=true;console.log("[SIGN] Reloading envelope");getEnvelope(this.endpoint,this.envelopeId).then((function(e){d.envelope=e;d.submitting=false})).catch((function(e){console.log("[SIGN] Error reloading envelope",e);d.submitting=false}));return[3,4];case 3:i=h.sent();console.log("[SIGN] Error submitting",i);return[3,4];case 4:return[2];case 5:n=this.getSortedFillableFields().filter((function(e){return e.required&&!d.isFieldFilled(e)}));sortFields(n);s=n.findIndex((function(e){return e.name===d.focusedField}));r=s+1;if(r>=n.length){r=0}o=n[r];a=0;if(a<n.length&&["signature","initial"].includes(o.type)&&["initialed","signed"].includes(o.value)){a++;r++;if(r>=n.length){r=0}o=n[r]}if(a>=n.length){o=null}if(o){l=getFieldId(o);c=document.getElementById(l);c===null||c===void 0?void 0:c.scrollIntoView({behavior:"smooth"});c===null||c===void 0?void 0:c.focusField();this.focusedField=o.name}return[2]}}))}))};e.prototype.getRecipientFields=function(){var e=this;return this.envelope.fields.filter((function(t){return t.role_name===e.recipient.role_name}))};e.prototype.checkRecipientFields=function(){var e=this;var t=this.getRecipientFields().filter((function(t){return!e.isFieldValid(t)}));if(t.length<1){this.nextButtonLabel="Finish";if(!this.nextSubmits){this.nextSubmits=true}}else{console.log("[SIGN] Invalid fields remaining",t.map((function(e){return e.name})));this.nextButtonLabel="Next";this.nextSubmits=false}};e.prototype.attachFieldAttributes=function(e,t,i){var n=this;if(i.getAttribute("attached")==="1"){return}i.setAttribute("attached","1");i.addEventListener("input",(function(e){if(e.target.type==="radio"||e.target.type==="checkbox"){n.handleFieldChange(t,e).finally((function(){return n.checkRecipientFields()}))}else{n.checkRecipientFields()}}));i.addEventListener("attached",(function(i){return __awaiter(n,void 0,void 0,(function(){var n,s,r;return __generator(this,(function(o){switch(o.label){case 0:console.log("[SIGN] onAttached",i.detail,i.target.value);this.showSpinner=true;o.label=1;case 1:o.trys.push([1,3,,4]);return[4,uploadEnvelopeFieldAttachment(this.endpoint,this.envelopeId,t.name,i.detail)];case 2:n=o.sent();this.updateRecipientFieldValue(t.name,n);this.checkRecipientFields();s=renderDocumentField("envelope",t,e,{disabled:false,editable:false,draggable:false,done:this.isDone});this.attachFieldAttributes(e,t,s);this.showSpinner=false;return[3,4];case 3:r=o.sent();console.log("Error uploading attachment",r);VerdocsToast("Unable to upload attachment, please try again later",{style:"error"});this.showSpinner=false;return[3,4];case 4:return[2]}}))}))}));i.addEventListener("deleted",(function(i){return __awaiter(n,void 0,void 0,(function(){var n,s,r;return __generator(this,(function(o){switch(o.label){case 0:console.log("[SIGN] onDeleted",i.detail,i.target.value);this.showSpinner=true;o.label=1;case 1:o.trys.push([1,3,,4]);return[4,deleteEnvelopeFieldAttachment(this.endpoint,this.envelopeId,t.name)];case 2:n=o.sent();console.log("[SIGN] Deleted attachment",n);this.updateRecipientFieldValue(t.name,n);this.checkRecipientFields();s=renderDocumentField("envelope",t,e,{disabled:false,editable:false,draggable:false,done:this.isDone});this.attachFieldAttributes(e,t,s);this.showSpinner=false;return[3,4];case 3:r=o.sent();console.log("Error uploading attachment",r);VerdocsToast("Unable to upload attachment, please try again later",{style:"error"});this.showSpinner=false;return[3,4];case 4:return[2]}}))}))}));i.addEventListener("focusout",(function(e){if(t.type!=="dropdown"&&t.type!=="attachment"){n.handleFieldChange(t,e).finally((function(){return n.checkRecipientFields()}))}}));i.addEventListener("fieldChange",(function(e){n.handleFieldChange(t,e).finally((function(){return n.checkRecipientFields()}))}));i.setAttribute("templateid",this.envelope.template_id);i.setAttribute("fieldname",t.name);i.setAttribute("page",e.pageNumber);i.setAttribute("xScale",e.xScale);i.setAttribute("yScale",e.yScale);var s=formatFullName(this.recipient);i.setAttribute("initials",fullNameToInitials(s));i.setAttribute("name",s)};e.prototype.handlePageRendered=function(e){var t=this;var i=e.detail;var n=this.getSortedFillableFields();console.log("[SIGN] Rendering fields for page",i.pageNumber,n);n.forEach((function(e,n){if(e.page!==i.pageNumber){return}var s=renderDocumentField("envelope",e,i,{disabled:false,editable:false,draggable:false,done:t.isDone},n);if(!s){return}if(Array.isArray(s)){s.map((function(n){return t.attachFieldAttributes(i,e,n)}))}else{t.attachFieldAttributes(i,e,s)}}));this.sortedRecipients.filter((function(e){return e.role_name!==t.recipient.role_name&&(e.status==="invited"||e.status==="opened"||e.status==="pending")})).forEach((function(){t.getRecipientFields().filter((function(e){return e.page===i.pageNumber})).forEach((function(e){var n=renderDocumentField("envelope",e,i,{disabled:true,editable:false,draggable:false,done:t.isDone});if(!n){return}if(Array.isArray(n)){n.map((function(n){return t.attachFieldAttributes(i,e,n)}))}else{t.attachFieldAttributes(i,e,n)}}))}));this.checkRecipientFields()};e.prototype.render=function(){var e=this;if(this.showLoadError){return h(Host,null,h("verdocs-ok-dialog",{heading:"Unable to Start Signing",message:"Sorry, your invite code is invalid or has expired. Please check your email for an updated invitation, or contact the sender.",buttonLabel:"OK",onNext:function(){window.location.reload()}}))}if(!this.envelope){return h(Host,null,h("verdocs-loader",null))}if(this.fatalErrorMessage){return h(Host,{class:{agreed:this.agreed}},h("div",{class:"fatal-error"},h("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",class:"placeholder",alt:"Placeholder page"}),h("div",{class:"message"},h("div",{class:"header"},this.fatalErrorHeader),h("p",null,this.fatalErrorMessage))))}if(this.isDone){return h(Host,{class:{agreed:this.agreed}},h("verdocs-view",{endpoint:this.endpoint,envelopeId:this.envelopeId,onSdkError:function(t){var i;return(i=e.sdkError)===null||i===void 0?void 0:i.emit(t.detail)}}),this.showDone&&h("verdocs-ok-dialog",{heading:"You're Done!",message:"You can access the ".concat(this.documentsSingularPlural," at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached."),onNext:function(t){t.preventDefault();t.stopPropagation();e.showDone=false;e.isDone=true}}),this.submitting&&h("div",{class:"loading-indicator"},h("verdocs-loader",null)))}if(!this.agreed){return h(Host,{class:"agreed"},h("div",{id:"verdocs-sign-header"},h("div",{class:"inner"},h("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),h("div",{class:"title"},this.envelope.name))),h("div",{class:"document",style:{paddingTop:"15px"}},h("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"})),h("div",{class:"cover"},h("div",{class:"agree"},h("verdocs-checkbox",{name:"agree",label:"By checking this box, you:",onInput:function(){return e.handleClickAgree()}}),h("ul",null,h("li",null,"Agree to use electronic records and signatures, and confirm you have read the"," ",h("a",{href:"https://verdocs.com/en/electronic-record-signature-disclosure/",target:"_blank"},"Electronic Record and Signatures Disclosure"),"."),h("li",null,"Agree to Verdocs'"," ",h("a",{href:"https://verdocs.com/en/eula",target:"_blank"},"End User License Agreement")," ","and confirm you have read Verdocs'"," ",h("a",{href:"https://verdocs.com/en/privacy-policy/",target:"_blank"},"Privacy Policy"),".")))))}if(this.kbaStep==="pin"){return h(Host,{class:"kba"},h("div",{id:"verdocs-sign-header"},h("div",{class:"inner"},h("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),h("div",{class:"title"},this.envelope.name))),h("div",{class:"document",style:{paddingTop:"15px"}},h("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"})),h("div",{class:"cover"},h("div",{class:"kba"},h("verdocs-kba-dialog",{mode:"text",step:1,steps:1,helptitle:"Document is protected by a PIN code",helptext:"Please enter your PIN code to proceed. If you do not have one, please contact the sender.",label:"PIN Code",onNext:function(t){return __awaiter(e,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){submitKbaPin(this.endpoint,this.envelopeId,this.roleId,t.detail).then((function(t){console.log("[SIGN] PIN code submission result",t);if(t.kba_step==="complete"){e.kbaStep=""}})).catch((function(e){var t,i;console.log("[SIGN] Error submitting PIN",e);VerdocsToast(((i=(t=e.response)===null||t===void 0?void 0:t.data)===null||i===void 0?void 0:i.error)||"Unable to verify PIN code. Please try again.",{style:"error"})}));return[2]}))}))}}))))}if(this.kbaStep==="identity"){return h(Host,{class:"kba"},h("div",{id:"verdocs-sign-header"},h("div",{class:"inner"},h("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),h("div",{class:"title"},this.envelope.name))),h("div",{class:"document",style:{paddingTop:"15px"}},h("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"})),h("div",{class:"cover"},h("div",{class:"kba"},h("verdocs-kba-dialog",{mode:"identity",helptitle:"Document requires identity verification",helptext:"Please complete your contact details to proceed.",recipient:this.recipient,onNext:function(t){return __awaiter(e,void 0,void 0,(function(){var e;var i=this;return __generator(this,(function(n){e=t.detail;submitKbaIdentity(this.endpoint,this.envelopeId,this.roleId,{firstName:e.first_name,lastName:e.last_name,address:e.address,city:e.city,state:e.state,zip:e.zip,ssnLast4:e.ssn_last_4}).then((function(e){console.log("[SIGN] Identity submission result",e);i.kbaStep=e.kba_step})).catch((function(e){var t,i;console.log("[SIGN] Error submitting identity",e);VerdocsToast(((i=(t=e.response)===null||t===void 0?void 0:t.data)===null||i===void 0?void 0:i.error)||"Unable to verify identity.",{style:"error"})}));return[2]}))}))}}))))}if(this.kbaStep==="challenge"){var t=this.kbaChoices.length;var i=this.kbaQuestions[t];console.log("Showing KBA question",{questionNumber:t,kbaQuestion:i},this.kbaChoices);return h(Host,{class:"kba"},h("div",{id:"verdocs-sign-header"},h("div",{class:"inner"},h("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),h("div",{class:"title"},this.envelope.name))),h("div",{class:"document",style:{paddingTop:"15px"}},h("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"})),h("div",{class:"cover"},h("div",{class:"kba"},this.kbaChoices.length>=this.kbaQuestions.length?h("verdocs-spinner",null):h("verdocs-kba-dialog",{mode:"choice",helptitle:"Your identity requires additional verification",helptext:(i===null||i===void 0?void 0:i.prompt)||"Please select one of the options below.",choices:(i===null||i===void 0?void 0:i.answer)||["Skip Question"],step:t+1,steps:this.kbaQuestions.length,onNext:function(t){return __awaiter(e,void 0,void 0,(function(){var e,i,n,s,r,o,a;var l=this;return __generator(this,(function(c){switch(c.label){case 0:s=t.detail;this.kbaChoices=__spreadArray(__spreadArray([],this.kbaChoices,true),[s],false);if(!(this.kbaChoices.length>=this.kbaQuestions.length))return[3,4];r=this.kbaQuestions.map((function(e,t){return{type:e.type,answer:l.kbaChoices[t]}}));console.log("Submitting KBA responses",this.kbaChoices,r);c.label=1;case 1:c.trys.push([1,3,,4]);return[4,submitKbaChallengeResponse(this.endpoint,this.envelopeId,this.roleId,r)];case 2:o=c.sent();console.log("KBA challenge response",o);this.kbaStep=o.kba_step;if(this.kbaStep==="failed"){this.fatalErrorHeader="Identity Verification Failed";this.fatalErrorMessage="We were unable to verify your identity. Please contact the document's sender.";this.isDone=true}else{this.kbaQuestions=((e=o.questions)===null||e===void 0?void 0:e.question)||[];this.kbaChoices=[]}return[3,4];case 3:a=c.sent();console.log("Error submitting KBA challenge",a);this.kbaStep="";this.fatalErrorHeader="Unable to Verify Identity";this.fatalErrorMessage=((n=(i=a.response)===null||i===void 0?void 0:i.data)===null||n===void 0?void 0:n.error)||"Please try again later.";this.isDone=true;return[3,4];case 4:return[2]}}))}))}}))))}return h(Host,null,h("div",{id:"verdocs-sign-header"},h("div",{class:"inner"},h("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),h("div",{class:"title"},this.envelope.name),h("div",{style:{flex:"1"}}),!this.finishLater&&h("verdocs-button",{size:"xsmall",label:this.nextButtonLabel,disabled:!this.agreed,onClick:function(){return e.handleNext()}}),h("div",{style:{marginLeft:"10px"}}),h("verdocs-dropdown",{options:!this.isDone&&!this.finishLater?inProgressMenuOptions:doneMenuOptions,onOptionSelected:function(t){return e.handleOptionSelected(t)}}))),h("div",{class:"document",style:{paddingTop:"15px"}},(this.envelope.documents||[]).map((function(t){var i=integerSequence(1,t.pages);return h(Fragment,null,i.map((function(i){var n;var s=((n=t.page_sizes)===null||n===void 0?void 0:n[i])||{width:612,height:792};return h("verdocs-envelope-document-page",{envelopeId:e.envelopeId,documentId:t.id,endpoint:e.endpoint,virtualWidth:s.width,virtualHeight:s.height,pageNumber:i,onPageRendered:function(t){return e.handlePageRendered(t)},type:"filled",layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))}))),this.showFinishLater&&h("verdocs-ok-dialog",{heading:"You've saved your document to finish later.",message:"To complete the ".concat(this.documentsSingularPlural,", use the link in the original email notification inviting you to review and finish the document."),onNext:function(){return e.showFinishLater=false}}),this.showDone&&h("verdocs-ok-dialog",{heading:"You're Done!",message:"You can access the ".concat(this.documentsSingularPlural," at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached."),onNext:function(){e.showDone=false;e.isDone=true}}),this.submitting||this.showSpinner&&h("verdocs-portal",null,h("div",{class:"spinner-overlay"},h("verdocs-spinner",null))))};return e}();VerdocsSign.style=VerdocsSignStyle0;export{VerdocsSign as verdocs_sign};
+var __awaiter=this&&this.__awaiter||function(e,t,i,n){function s(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function o(e){try{l(n.next(e))}catch(e){r(e)}}function a(e){try{l(n["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):s(e.value).then(o,a)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,s,r,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(e){return function(t){return l([e,t])}}function l(a){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(i=0)),i)try{if(n=1,s&&(r=a[0]&2?s["return"]:a[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,a[1])).done)return r;if(s=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;s=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(a[0]===6&&i.label<r[1]){i.label=r[1];r=a;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(a);break}if(r[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e];s=0}finally{n=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var n=0,s=t.length,r;n<s;n++){if(r||!(n in t)){if(!r)r=Array.prototype.slice.call(t,0,n);r[n]=t[n]}}return e.concat(r||Array.prototype.slice.call(t))};import{r as registerInstance,c as createEvent,h,H as Host,F as Fragment}from"./index-272d51a4.js";import{VerdocsEndpoint,startSigningSession,getKbaStep,envelopeRecipientAgree,envelopeRecipientDecline,updateEnvelopeField,createSignature,updateEnvelopeFieldSignature,createInitials,updateEnvelopeFieldInitials,isValidPhone,isValidEmail,sortFields,envelopeRecipientSubmit,getEnvelope,uploadEnvelopeFieldAttachment,deleteEnvelopeFieldAttachment,formatFullName,fullNameToInitials,submitKbaPin,submitKbaIdentity,submitKbaChallengeResponse,integerSequence}from"@verdocs/js-sdk";import{a as saveAttachment,u as updateDocumentFieldValue,r as renderDocumentField,g as getFieldId}from"./utils-bd656c37.js";import{V as VerdocsToast}from"./Toast-c4843828.js";import{S as SDKError}from"./errors-887f1e88.js";import{S as Store}from"./Datastore-b55570ff.js";import"./_commonjsHelpers-bdec4bbd.js";import"./Types-95d86a44.js";import"./format-b8602175.js";var verdocsSignCss='@-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-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-sign div{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign input{vertical-align:top}verdocs-sign>.document{-ms-flex:1;flex:1;width:100%;height:100%;-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;max-width:1200px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-sign>.document .inner{width:100%;max-width:1028px}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:5000;position:absolute;padding-top:100px;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;background:rgba(0, 0, 0, 0.5)}verdocs-sign .agree{-ms-flex:0;flex:0;width:600px;display:-ms-flexbox;display:flex;max-width:90%;padding:30px 15px;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff}verdocs-sign .agree .header{-ms-flex:0 0 56px;flex:0 0 56px}verdocs-sign .agree li{margin:0.5em 0}verdocs-sign verdocs-ok-dialog .background-overlay{-ms-flex-align:start;align-items:flex-start;padding-top:100px}verdocs-sign .loading-indicator{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.7)}verdocs-sign .fatal-error{position:absolute;z-index:100;top:0;left:0;right:0;bottom:0;background-color:#4a4a4a;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .fatal-error .placeholder{position:absolute;opacity:0.1;z-index:-1;top:0;left:0;right:0;bottom:0;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);margin-top:15px}verdocs-sign .fatal-error .message{width:50%;font-size:16px;background:white;border-radius:5px;-webkit-box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235);box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235)}verdocs-sign .fatal-error .header{color:white;font-size:18px;font-weight:500;padding:5px 10px;margin:0 0 10px 0;background:#654dcb}verdocs-sign .fatal-error p{margin:1rem;font-size:14px;font-weight:400}@media print{verdocs-sign .header{display:none}}#verdocs-sign-header{color:#fff;width:100%;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 46px;flex:0 0 46px;font-size:12px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}#verdocs-sign-header .inner{width:100%;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 12px;max-width:1200px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}#verdocs-sign-header .logo{width:80px;display:none;margin:-6px 0 0 0}#verdocs-sign-header .title{font-size:18px;font-weight:500;overflow:hidden;white-space:nowrap;padding:0 10px 0 0;text-overflow:ellipsis}.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}';var VerdocsSignStyle0=verdocsSignCss;var inProgressMenuOptions=[{id:"later",label:"Finish Later"},{id:"decline",label:"Decline to Sign"},{id:"print",label:"Print Without Signing"},{id:"download",label:"Download"}];var doneMenuOptions=[{id:"print",label:"Print"},{id:"download",label:"Download"}];var VerdocsSign=function(){function e(e){registerInstance(this,e);this.sdkError=createEvent(this,"sdkError",7);this.envelopeLoaded=createEvent(this,"envelopeLoaded",7);this.envelopeUpdated=createEvent(this,"envelopeUpdated",7);this.recipientIndex=-1;this.endpoint=null;this.envelopeId=null;this.roleId=null;this.inviteCode=null;this.headerTargetId=null;this.roleNames=[];this.sortedRecipients=[];this.recipient=null;this.hasSignature=false;this.nextButtonLabel="Start";this.nextSubmits=false;this.fatalErrorHeader="";this.fatalErrorMessage="";this.focusedField="";this.submitting=false;this.submitted=false;this.isDone=false;this.showDone=false;this.showLoadError=false;this.finishLater=false;this.showFinishLater=false;this.agreed=false;this.documentsSingularPlural="document";this.kbaStep="";this.kbaQuestions=[];this.showSpinner=false;this.kbaChoices=[];this.loading=true;this.envelope=null}e.prototype.componentWillLoad=function(){if(!this.endpoint){console.log("[SIGN] Creating signing endpoint");this.endpoint=new VerdocsEndpoint({sessionType:"signing"})}};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,n,s,r,o,a,l,c,d;var h=this;return __generator(this,(function(u){switch(u.label){case 0:if(!this.envelopeId){(e=this.sdkError)===null||e===void 0?void 0:e.emit(new SDKError("[SIGN] Missing required envelopId",500,""));return[2]}if(!this.roleId){(t=this.sdkError)===null||t===void 0?void 0:t.emit(new SDKError("[SIGN] Missing required roleId",500,""));return[2]}if(!this.inviteCode){(i=this.sdkError)===null||i===void 0?void 0:i.emit(new SDKError("[SIGN] Missing required inviteCode",500,""));return[2]}u.label=1;case 1:u.trys.push([1,3,,4]);console.log("[SIGN] Processing invite code for ".concat(this.envelopeId," / ").concat(this.roleId));return[4,startSigningSession(this.endpoint,this.envelopeId,this.roleId,this.inviteCode)];case 2:a=u.sent(),l=a.envelope,c=a.recipient;console.log("[SIGN] Loaded signing session",l,c);this.recipient=c;this.envelope=l;Store.updateEnvelope(this.envelopeId,l);this.sortedRecipients=__spreadArray([],this.envelope.recipients,true);this.sortedRecipients.sort((function(e,t){return e.sequence===t.sequence?e.order-t.order:e.sequence-t.sequence}));this.roleNames=this.sortedRecipients.map((function(e){return e.role_name}));if(this.envelope.documents.length>0){this.documentsSingularPlural="document(s)"}this.recipientIndex=this.roleNames.findIndex((function(e){return e==h.roleId}));if(this.recipientIndex>-1){this.recipient=this.sortedRecipients[this.recipientIndex];this.agreed=this.recipient.agreed}else{console.warn("[SIGN] Could not find our recipient record",this.roleId,this.sortedRecipients)}this.submitted=this.recipient.status==="submitted";this.isDone=this.submitted;this.showDone=this.submitted;if(this.envelope.status==="canceled"){this.fatalErrorHeader="Unable to Start Signing Session";this.fatalErrorMessage="This envelope has been canceled. Please contact its sender for more information."}else if(this.recipient.status==="declined"){this.fatalErrorHeader="Unable to Start Signing Session";this.fatalErrorMessage="You have declined to sign this envelope."}else if(this.agreed){this.nextButtonLabel="Next"}this.checkRecipientFields();(n=this.envelopeLoaded)===null||n===void 0?void 0:n.emit({endpoint:this.endpoint,envelope:this.envelope});if(!this.isDone){getKbaStep(this.endpoint,this.envelopeId,this.roleId).then((function(e){var t;console.log("[SIGN] KBA Step",e);h.kbaStep=e.kba_step;if(h.kbaStep==="failed"){h.fatalErrorHeader="Identity Verification Failed";h.fatalErrorMessage="We were unable to verify your identity. Please contact the document's sender.";h.isDone=true}else{h.kbaQuestions=((t=e.questions)===null||t===void 0?void 0:t.question)||[];h.kbaChoices=[]}})).catch((function(e){return console.log("Error getting KBA step",e)}))}return[3,4];case 3:d=u.sent();console.log("[SIGN] Error with signing session",d);(s=this.sdkError)===null||s===void 0?void 0:s.emit(new SDKError(d.message,(r=d.response)===null||r===void 0?void 0:r.status,(o=d.response)===null||o===void 0?void 0:o.data));this.showLoadError=true;return[3,4];case 4:return[2]}}))}))};e.prototype.componentDidRender=function(){var e=this.headerTargetId?document.getElementById(this.headerTargetId):null;var t=document.getElementById("verdocs-sign-header");if(e&&t){console.log("[SIGN] Moving header");t.remove();e.append(t)}};e.prototype.handleClickAgree=function(){var e=this;this.submitting=true;envelopeRecipientAgree(this.endpoint,this.envelopeId,this.roleId,true).then((function(){var t;e.nextButtonLabel="Next";e.recipient.agreed=true;e.submitting=false;e.agreed=true;(t=e.envelopeUpdated)===null||t===void 0?void 0:t.emit({endpoint:e.endpoint,envelope:e.envelope,event:"agreed"})})).catch((function(t){var i,n,s;console.log("[SIGN] Update failure",t);e.submitting=false;(i=e.sdkError)===null||i===void 0?void 0:i.emit(new SDKError(t.message,(n=t.response)===null||n===void 0?void 0:n.status,(s=t.response)===null||s===void 0?void 0:s.data))}))};e.prototype.handleOptionSelected=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,n,s,r,o,a,l;return __generator(this,(function(c){switch(c.label){case 0:o=e.detail.id;switch(o){case"later":return[3,1];case"claim":return[3,2];case"decline":return[3,3];case"print":return[3,5];case"download":return[3,6]}return[3,7];case 1:this.finishLater=true;this.showFinishLater=true;(t=this.envelopeUpdated)===null||t===void 0?void 0:t.emit({endpoint:this.endpoint,envelope:this.envelope,event:"later"});return[3,7];case 2:VerdocsToast("This feature will be available in an upcoming release.");(i=this.envelopeUpdated)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:this.envelope,event:"claimed"});return[3,7];case 3:this.submitting=true;return[4,envelopeRecipientDecline(this.endpoint,this.envelopeId,this.roleId)];case 4:a=c.sent();console.log("[SIGN] Decline result",a);(n=this.envelopeUpdated)===null||n===void 0?void 0:n.emit({endpoint:this.endpoint,envelope:this.envelope,event:"declined"});this.submitting=false;this.fatalErrorHeader="Unable to Start Signing Session";this.fatalErrorMessage="You have declined to sign this envelope.";return[3,7];case 5:window.print();(s=this.envelopeUpdated)===null||s===void 0?void 0:s.emit({endpoint:this.endpoint,envelope:this.envelope,event:"printed"});return[3,7];case 6:{l=this.envelope.documents.find((function(e){return e.type==="attachment"}));if(l){saveAttachment(this.endpoint,this.envelope,l.id).catch((function(e){console.log("[SIGN] Error downloading PDF",e)}));(r=this.envelopeUpdated)===null||r===void 0?void 0:r.emit({endpoint:this.endpoint,envelope:this.envelope,event:"downloaded"})}}return[3,7];case 7:return[2]}}))}))};e.prototype.updateRecipientFieldValue=function(e,t){var i=this;console.log("[SIGN] updateRecipientFieldValue",e,t);this.getRecipientFields().forEach((function(n){if(n.name===e){n.value=t.value;n.settings=t.settings;updateDocumentFieldValue(n);i.checkRecipientFields()}}))};e.prototype.saveFieldChange=function(e,t){var i=this;console.log("[SIGN] saveFieldChange",e,t);updateEnvelopeField(this.endpoint,this.envelopeId,e,t).then((function(t){return i.updateRecipientFieldValue(e,t)})).catch((function(e){var t,n,s,r,o,a;if(((t=e.response)===null||t===void 0?void 0:t.status)===401&&((s=(n=e.response)===null||n===void 0?void 0:n.data)===null||s===void 0?void 0:s.error)==="jwt expired"){console.log("[SIGN] Signing session expired");i.fatalErrorHeader="Signing Session Expired";i.fatalErrorMessage="Please reload your browser to continue."}else{console.log("[SIGN] Server error",e)}(r=i.sdkError)===null||r===void 0?void 0:r.emit(new SDKError(e.message,(o=e.response)===null||o===void 0?void 0:o.status,(a=e.response)===null||a===void 0?void 0:a.data))}))};e.prototype.handleFieldChange=function(e,t){return __awaiter(this,void 0,void 0,(function(){var i,n,s,r,o,a,l;var c=this;return __generator(this,(function(d){switch(d.label){case 0:i=t.target,n=i.value,s=i.checked;r=e.type;switch(r){case"textarea":return[3,1];case"textbox":return[3,1];case"checkbox":return[3,2];case"radio":return[3,3];case"dropdown":return[3,4];case"initial":return[3,5];case"signature":return[3,8];case"date":return[3,11];case"timestamp":return[3,12]}return[3,13];case 1:return[2,this.saveFieldChange(e.name,{prepared:false,value:n})];case 2:{return[2,this.saveFieldChange(e.name,{prepared:false,value:String(t.target.checked)})]}d.label=3;case 3:{return[2,this.saveFieldChange(e.name,{prepared:false,value:String(t.target.checked)})]}d.label=4;case 4:console.log("Saving dropdown",e.name,t.detail);return[2,this.saveFieldChange(e.name,{prepared:false,value:t.detail})];case 5:if(!t.detail){return[2]}this.showSpinner=true;return[4,fetch(t.detail)];case 6:return[4,d.sent().blob()];case 7:o=d.sent();return[2,createInitials(this.endpoint,"initial",o).then((function(t){return __awaiter(c,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:return[4,updateEnvelopeFieldInitials(this.endpoint,this.envelopeId,e.name,t.id)];case 1:i=n.sent();this.updateRecipientFieldValue(e.name,i);this.showSpinner=false;return[2]}}))}))})).catch((function(e){console.log("Error updating initials",e);c.showSpinner=false}))];case 8:if(!t.detail){return[2]}this.showSpinner=true;return[4,fetch(t.detail)];case 9:return[4,d.sent().blob()];case 10:a=d.sent();return[2,createSignature(this.endpoint,"signature",a).then((function(t){return __awaiter(c,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:console.log("Signature update result",t);return[4,updateEnvelopeFieldSignature(this.endpoint,this.envelopeId,e.name,t.id)];case 1:i=n.sent();this.updateRecipientFieldValue(e.name,i);this.showSpinner=false;return[2]}}))}))})).catch((function(e){console.warn("[SIGN] Error updating signature",e);c.showSpinner=false}))];case 11:l=t.detail.formattedDate;if(l){return[2,this.saveFieldChange(e.name,{prepared:false,value:l})]}return[3,14];case 12:console.log("[SIGN] Updating timestamp",{value:n,ts:t.target.getAttribute("timestamp")});return[3,14];case 13:console.log("[SIGN] Unhandled field update",{value:n,checked:s},e);return[3,14];case 14:return[2]}}))}))};e.prototype.isFieldFilled=function(e){var t=e.value,i=t===void 0?"":t;switch(e.type){case"textarea":case"textbox":switch(e.validator||""){case"email":return isValidEmail(i);case"phone":return isValidPhone(i);default:return(i||"").trim()!==""}case"signature":return i==="signed";case"initial":return i==="initialed";case"timestamp":return true;case"date":return!!i;case"attachment":return i==="attached";case"dropdown":return i!=="";case"checkbox":return i==="true";case"radio":if(!!e.group){return this.getRecipientFields().filter((function(t){return t.group===e.group})).some((function(e){return e.value==="true"}))}return e.value==="true";default:return false}};e.prototype.isFieldValid=function(e){return!e.required||this.isFieldFilled(e)};e.prototype.getSortedFillableFields=function(){var e=this.getRecipientFields().filter((function(e){return e.type!=="timestamp"}));sortFields(e);return e};e.prototype.handleNext=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,n,s,r,o,a,l,c;var d=this;return __generator(this,(function(h){switch(h.label){case 0:if(!this.nextSubmits)return[3,5];h.label=1;case 1:h.trys.push([1,3,,4]);(e=document.getElementById("air-datepicker-global-container"))===null||e===void 0?void 0:e.remove();this.submitting=true;return[4,envelopeRecipientSubmit(this.endpoint,this.envelopeId,this.roleId)];case 2:t=h.sent();console.log("[SIGN] Submitted successfully",t);this.recipient.status="submitted";this.showDone=true;console.log("[SIGN] Reloading envelope");getEnvelope(this.endpoint,this.envelopeId).then((function(e){d.envelope=e;d.submitting=false})).catch((function(e){console.log("[SIGN] Error reloading envelope",e);d.submitting=false}));return[3,4];case 3:i=h.sent();console.log("[SIGN] Error submitting",i);return[3,4];case 4:return[2];case 5:n=this.getSortedFillableFields().filter((function(e){return e.required&&!d.isFieldFilled(e)}));sortFields(n);s=n.findIndex((function(e){return e.name===d.focusedField}));r=s+1;if(r>=n.length){r=0}o=n[r];a=0;if(a<n.length&&["signature","initial"].includes(o.type)&&["initialed","signed"].includes(o.value)){a++;r++;if(r>=n.length){r=0}o=n[r]}if(a>=n.length){o=null}if(o){l=getFieldId(o);c=document.getElementById(l);c===null||c===void 0?void 0:c.scrollIntoView({behavior:"smooth"});c===null||c===void 0?void 0:c.focusField();this.focusedField=o.name}return[2]}}))}))};e.prototype.getRecipientFields=function(){var e=this;return this.envelope.fields.filter((function(t){return t.role_name===e.recipient.role_name}))};e.prototype.checkRecipientFields=function(){var e=this;var t=this.getRecipientFields().filter((function(t){return!e.isFieldValid(t)}));if(t.length<1){this.nextButtonLabel="Finish";if(!this.nextSubmits){this.nextSubmits=true}}else{console.log("[SIGN] Invalid fields remaining",t.map((function(e){return e.name})));this.nextButtonLabel="Next";this.nextSubmits=false}};e.prototype.attachFieldAttributes=function(e,t,i){var n=this;if(i.getAttribute("attached")==="1"){return}i.setAttribute("attached","1");i.addEventListener("input",(function(e){if(e.target.type==="radio"||e.target.type==="checkbox"){n.handleFieldChange(t,e).finally((function(){return n.checkRecipientFields()}))}else{n.checkRecipientFields()}}));i.addEventListener("attached",(function(i){return __awaiter(n,void 0,void 0,(function(){var n,s,r;return __generator(this,(function(o){switch(o.label){case 0:console.log("[SIGN] onAttached",i.detail,i.target.value);this.showSpinner=true;o.label=1;case 1:o.trys.push([1,3,,4]);return[4,uploadEnvelopeFieldAttachment(this.endpoint,this.envelopeId,t.name,i.detail)];case 2:n=o.sent();this.updateRecipientFieldValue(t.name,n);this.checkRecipientFields();s=renderDocumentField("envelope",t,e,{disabled:false,editable:false,draggable:false,done:this.isDone});this.attachFieldAttributes(e,t,s);this.showSpinner=false;return[3,4];case 3:r=o.sent();console.log("Error uploading attachment",r);VerdocsToast("Unable to upload attachment, please try again later",{style:"error"});this.showSpinner=false;return[3,4];case 4:return[2]}}))}))}));i.addEventListener("deleted",(function(i){return __awaiter(n,void 0,void 0,(function(){var n,s,r;return __generator(this,(function(o){switch(o.label){case 0:console.log("[SIGN] onDeleted",i.detail,i.target.value);this.showSpinner=true;o.label=1;case 1:o.trys.push([1,3,,4]);return[4,deleteEnvelopeFieldAttachment(this.endpoint,this.envelopeId,t.name)];case 2:n=o.sent();console.log("[SIGN] Deleted attachment",n);this.updateRecipientFieldValue(t.name,n);this.checkRecipientFields();s=renderDocumentField("envelope",t,e,{disabled:false,editable:false,draggable:false,done:this.isDone});this.attachFieldAttributes(e,t,s);this.showSpinner=false;return[3,4];case 3:r=o.sent();console.log("Error uploading attachment",r);VerdocsToast("Unable to upload attachment, please try again later",{style:"error"});this.showSpinner=false;return[3,4];case 4:return[2]}}))}))}));i.addEventListener("focusout",(function(e){if(t.type!=="dropdown"&&t.type!=="attachment"){n.handleFieldChange(t,e).finally((function(){return n.checkRecipientFields()}))}}));i.addEventListener("fieldChange",(function(e){n.handleFieldChange(t,e).finally((function(){return n.checkRecipientFields()}))}));i.setAttribute("templateid",this.envelope.template_id);i.setAttribute("fieldname",t.name);i.setAttribute("page",e.pageNumber);i.setAttribute("xScale",e.xScale);i.setAttribute("yScale",e.yScale);var s=formatFullName(this.recipient);i.setAttribute("initials",fullNameToInitials(s));i.setAttribute("name",s)};e.prototype.handlePageRendered=function(e){var t=this;var i=e.detail;var n=this.getSortedFillableFields();console.log("[SIGN] Rendering fields for page",i.pageNumber,n);n.forEach((function(e,n){if(e.page!==i.pageNumber){return}var s=renderDocumentField("envelope",e,i,{disabled:false,editable:false,draggable:false,done:t.isDone},n);if(!s){return}if(Array.isArray(s)){s.map((function(n){return t.attachFieldAttributes(i,e,n)}))}else{t.attachFieldAttributes(i,e,s)}}));this.sortedRecipients.filter((function(e){return e.role_name!==t.recipient.role_name&&(e.status==="invited"||e.status==="opened"||e.status==="pending")})).forEach((function(){t.getRecipientFields().filter((function(e){return e.page===i.pageNumber})).forEach((function(e){var n=renderDocumentField("envelope",e,i,{disabled:true,editable:false,draggable:false,done:t.isDone});if(!n){return}if(Array.isArray(n)){n.map((function(n){return t.attachFieldAttributes(i,e,n)}))}else{t.attachFieldAttributes(i,e,n)}}))}));this.checkRecipientFields()};e.prototype.render=function(){var e=this;if(this.showLoadError){return h(Host,null,h("verdocs-ok-dialog",{heading:"Unable to Start Signing",message:"Sorry, your invite code is invalid or has expired. Please check your email for an updated invitation, or contact the sender.",buttonLabel:"OK",onNext:function(){window.location.reload()}}))}if(!this.envelope){return h(Host,null,h("verdocs-loader",null))}if(this.fatalErrorMessage){return h(Host,{class:{agreed:this.agreed}},h("div",{class:"fatal-error"},h("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",class:"placeholder",alt:"Placeholder page"}),h("div",{class:"message"},h("div",{class:"header"},this.fatalErrorHeader),h("p",null,this.fatalErrorMessage))))}if(this.isDone){return h(Host,{class:{agreed:this.agreed}},h("verdocs-view",{endpoint:this.endpoint,envelopeId:this.envelopeId,onSdkError:function(t){var i;return(i=e.sdkError)===null||i===void 0?void 0:i.emit(t.detail)}}),this.showDone&&h("verdocs-ok-dialog",{heading:"You're Done!",message:"You can access the ".concat(this.documentsSingularPlural," at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached."),onNext:function(t){t.preventDefault();t.stopPropagation();e.showDone=false;e.isDone=true}}),this.submitting&&h("div",{class:"loading-indicator"},h("verdocs-loader",null)))}if(!this.agreed){return h(Host,{class:"agreed"},h("div",{id:"verdocs-sign-header"},h("div",{class:"inner"},h("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),h("div",{class:"title"},this.envelope.name))),h("div",{class:"document",style:{paddingTop:"15px"}},h("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"})),h("div",{class:"cover"},h("div",{class:"agree"},h("verdocs-checkbox",{name:"agree",label:"By checking this box, you:",onInput:function(){return e.handleClickAgree()}}),h("ul",null,h("li",null,"Agree to use electronic records and signatures, and confirm you have read the"," ",h("a",{href:"https://verdocs.com/en/electronic-record-signature-disclosure/",target:"_blank"},"Electronic Record and Signatures Disclosure"),"."),h("li",null,"Agree to Verdocs'"," ",h("a",{href:"https://verdocs.com/en/eula",target:"_blank"},"End User License Agreement")," ","and confirm you have read Verdocs'"," ",h("a",{href:"https://verdocs.com/en/privacy-policy/",target:"_blank"},"Privacy Policy"),".")))))}if(this.kbaStep==="pin"){return h(Host,{class:"kba"},h("div",{id:"verdocs-sign-header"},h("div",{class:"inner"},h("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),h("div",{class:"title"},this.envelope.name))),h("div",{class:"document",style:{paddingTop:"15px"}},h("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"})),h("div",{class:"cover"},h("div",{class:"kba"},h("verdocs-kba-dialog",{mode:"text",step:1,steps:1,helptitle:"Document is protected by a PIN code",helptext:"Please enter your PIN code to proceed. If you do not have one, please contact the sender.",label:"PIN Code",onNext:function(t){return __awaiter(e,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){submitKbaPin(this.endpoint,this.envelopeId,this.roleId,t.detail).then((function(t){console.log("[SIGN] PIN code submission result",t);if(t.kba_step==="complete"){e.kbaStep=""}})).catch((function(e){var t,i;console.log("[SIGN] Error submitting PIN",e);VerdocsToast(((i=(t=e.response)===null||t===void 0?void 0:t.data)===null||i===void 0?void 0:i.error)||"Unable to verify PIN code. Please try again.",{style:"error"})}));return[2]}))}))}}))))}if(this.kbaStep==="identity"){return h(Host,{class:"kba"},h("div",{id:"verdocs-sign-header"},h("div",{class:"inner"},h("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),h("div",{class:"title"},this.envelope.name))),h("div",{class:"document",style:{paddingTop:"15px"}},h("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"})),h("div",{class:"cover"},h("div",{class:"kba"},h("verdocs-kba-dialog",{mode:"identity",helptitle:"Document requires identity verification",helptext:"Please complete your contact details to proceed.",recipient:this.recipient,onNext:function(t){return __awaiter(e,void 0,void 0,(function(){var e;var i=this;return __generator(this,(function(n){e=t.detail;submitKbaIdentity(this.endpoint,this.envelopeId,this.roleId,{firstName:e.first_name,lastName:e.last_name,address:e.address,city:e.city,state:e.state,zip:e.zip,ssnLast4:e.ssn_last_4}).then((function(e){console.log("[SIGN] Identity submission result",e);i.kbaStep=e.kba_step})).catch((function(e){var t,i;console.log("[SIGN] Error submitting identity",e);VerdocsToast(((i=(t=e.response)===null||t===void 0?void 0:t.data)===null||i===void 0?void 0:i.error)||"Unable to verify identity.",{style:"error"})}));return[2]}))}))}}))))}if(this.kbaStep==="challenge"){var t=this.kbaChoices.length;var i=this.kbaQuestions[t];console.log("Showing KBA question",{questionNumber:t,kbaQuestion:i},this.kbaChoices);return h(Host,{class:"kba"},h("div",{id:"verdocs-sign-header"},h("div",{class:"inner"},h("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),h("div",{class:"title"},this.envelope.name))),h("div",{class:"document",style:{paddingTop:"15px"}},h("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",style:{width:"612px",height:"792px",boxShadow:"0 0 10px 5px #0000000f",marginTop:"15px"},alt:"Placeholder page"})),h("div",{class:"cover"},h("div",{class:"kba"},this.kbaChoices.length>=this.kbaQuestions.length?h("verdocs-spinner",null):h("verdocs-kba-dialog",{mode:"choice",helptitle:"Your identity requires additional verification",helptext:(i===null||i===void 0?void 0:i.prompt)||"Please select one of the options below.",choices:(i===null||i===void 0?void 0:i.answer)||["Skip Question"],step:t+1,steps:this.kbaQuestions.length,onNext:function(t){return __awaiter(e,void 0,void 0,(function(){var e,i,n,s,r,o,a;var l=this;return __generator(this,(function(c){switch(c.label){case 0:s=t.detail;this.kbaChoices=__spreadArray(__spreadArray([],this.kbaChoices,true),[s],false);if(!(this.kbaChoices.length>=this.kbaQuestions.length))return[3,4];r=this.kbaQuestions.map((function(e,t){return{type:e.type,answer:l.kbaChoices[t]}}));console.log("Submitting KBA responses",this.kbaChoices,r);c.label=1;case 1:c.trys.push([1,3,,4]);return[4,submitKbaChallengeResponse(this.endpoint,this.envelopeId,this.roleId,r)];case 2:o=c.sent();console.log("KBA challenge response",o);this.kbaStep=o.kba_step;if(this.kbaStep==="failed"){this.fatalErrorHeader="Identity Verification Failed";this.fatalErrorMessage="We were unable to verify your identity. Please contact the document's sender.";this.isDone=true}else{this.kbaQuestions=((e=o.questions)===null||e===void 0?void 0:e.question)||[];this.kbaChoices=[]}return[3,4];case 3:a=c.sent();console.log("Error submitting KBA challenge",a);this.kbaStep="";this.fatalErrorHeader="Unable to Verify Identity";this.fatalErrorMessage=((n=(i=a.response)===null||i===void 0?void 0:i.data)===null||n===void 0?void 0:n.error)||"Please try again later.";this.isDone=true;return[3,4];case 4:return[2]}}))}))}}))))}return h(Host,null,h("div",{id:"verdocs-sign-header"},h("div",{class:"inner"},h("img",{src:"https://verdocs.com/assets/white-logo.svg",alt:"Verdocs Logo",class:"logo"}),h("div",{class:"title"},this.envelope.name),h("div",{style:{flex:"1"}}),!this.finishLater&&h("verdocs-button",{size:"xsmall",label:this.nextButtonLabel,disabled:!this.agreed,onClick:function(){return e.handleNext()}}),h("div",{style:{marginLeft:"10px"}}),h("verdocs-dropdown",{options:!this.isDone&&!this.finishLater?inProgressMenuOptions:doneMenuOptions,onOptionSelected:function(t){return e.handleOptionSelected(t)}}))),h("div",{class:"document",style:{paddingTop:"15px"}},(this.envelope.documents||[]).map((function(t){var i=integerSequence(1,t.pages);return h(Fragment,null,i.map((function(i){var n;var s=((n=t.page_sizes)===null||n===void 0?void 0:n[i])||{width:612,height:792};return h("verdocs-envelope-document-page",{envelopeId:e.envelopeId,documentId:t.id,endpoint:e.endpoint,virtualWidth:s.width,virtualHeight:s.height,pageNumber:i,onPageRendered:function(t){return e.handlePageRendered(t)},type:"filled",layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))}))),this.showFinishLater&&h("verdocs-ok-dialog",{heading:"You've saved your document to finish later.",message:"To complete the ".concat(this.documentsSingularPlural,", use the link in the original email notification inviting you to review and finish the document."),onNext:function(){return e.showFinishLater=false}}),this.showDone&&h("verdocs-ok-dialog",{heading:"You're Done!",message:"You can access the ".concat(this.documentsSingularPlural," at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached."),onNext:function(){e.showDone=false;e.isDone=true}}),this.submitting||this.showSpinner&&h("verdocs-portal",null,h("div",{class:"spinner-overlay"},h("verdocs-spinner",null))))};return e}();VerdocsSign.style=VerdocsSignStyle0;export{VerdocsSign as verdocs_sign};
+//# sourceMappingURL=verdocs-sign.entry.js.map

package/dist/esm-es5/verdocs-sign.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsSignCss","VerdocsSignStyle0","inProgressMenuOptions","id","label","doneMenuOptions","VerdocsSign","this","recipientIndex","class_1","prototype","componentWillLoad","endpoint","console","log","VerdocsEndpoint","sessionType","componentDidLoad","envelopeId","_a","sdkError","emit","SDKError","roleId","_b","inviteCode","_c","concat","startSigningSession","_h","_j","sent","envelope","recipient","Store","updateEnvelope","sortedRecipients","__spreadArray","recipients","sort","a","b","sequence","order","roleNames","map","r","role_name","documents","length","documentsSingularPlural","findIndex","roleName","_this","agreed","warn","submitted","status","isDone","showDone","fatalErrorHeader","fatalErrorMessage","nextButtonLabel","checkRecipientFields","_d","envelopeLoaded","getKbaStep","then","kbaStep","kba_step","kbaQuestions","questions","question","kbaChoices","catch","e","e_1","_e","message","_f","response","_g","data","showLoadError","componentDidRender","headerTarget","headerTargetId","document","getElementById","headerEl","remove","append","handleClickAgree","submitting","envelopeRecipientAgree","envelopeUpdated","event","handleOptionSelected","detail","finishLater","showFinishLater","VerdocsToast","envelopeRecipientDecline","declineResult","window","print","firstDoc","find","doc","type","saveAttachment","updateRecipientFieldValue","fieldName","updateResult","getRecipientFields","forEach","oldField","name","value","settings","updateDocumentFieldValue","saveFieldChange","fields","updateEnvelopeField","error","handleFieldChange","field","target","checked","prepared","String","showSpinner","fetch","_k","blob","initialsBlob","createInitials","newInitials","__awaiter","updateEnvelopeFieldInitials","signatureBlob","createSignature","newSignature","updateEnvelopeFieldSignature","formattedDate","ts","getAttribute","isFieldFilled","validator","isValidEmail","isValidPhone","trim","group","filter","f","some","isFieldValid","required","getSortedFillableFields","recipientFields","sortFields","handleNext","nextSubmits","envelopeRecipientSubmit","result","getEnvelope","e_2","emptyFields","focusedIndex","focusedField","nextFocusedIndex","nextRequiredField","skips","includes","getFieldId","el","scrollIntoView","behavior","focusField","invalidFields","attachFieldAttributes","pageInfo","setAttribute","addEventListener","finally","uploadEnvelopeFieldAttachment","newEl","renderDocumentField","disabled","editable","draggable","done","e_3","style","deleteEnvelopeFieldAttachment","e_4","template_id","pageNumber","xScale","yScale","fullName","formatFullName","fullNameToInitials","handlePageRendered","tabIndex","page","Array","isArray","render","h","Host","heading","buttonLabel","onNext","location","reload","class","src","alt","onSdkError","preventDefault","stopPropagation","paddingTop","width","height","boxShadow","marginTop","onInput","href","mode","step","steps","helptitle","helptext","submitKbaPin","recipDetails","submitKbaIdentity","firstName","first_name","lastName","last_name","address","city","state","zip","ssnLast4","ssn_last_4","questionNumber","kbaQuestion","prompt","choices","answer","responses","q","i","submitKbaChallengeResponse","e_5","flex","size","onClick","marginLeft","options","onOptionSelected","envelopeDocument","pageNumbers","integerSequence","pages","Fragment","pageSize","page_sizes","documentId","virtualWidth","virtualHeight","onPageRendered","layers"],"sources":["src/components/embeds/verdocs-sign/verdocs-sign.scss?tag=verdocs-sign","src/components/embeds/verdocs-sign/verdocs-sign.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-sign {\n  display: flex;\n  overflow: hidden;\n  position: relative;\n  min-height: 600px;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: $verdocs-primary-font;\n\n  div {\n    display: block;\n    box-sizing: border-box;\n  }\n\n  input {\n    vertical-align: top;\n  }\n\n  //.intro {\n  //  width: 100%;\n  //  display: flex;\n  //  flex: 0 0 60px;\n  //  color: #111111;\n  //  font-size: 18px;\n  //  font-weight: 500;\n  //  line-height: 28px;\n  //  flex-direction: row;\n  //  background: #ffffff;\n  //\n  //  .inner {\n  //    width: 100%;\n  //    display: flex;\n  //    margin: 0 auto;\n  //    padding: 0 20px;\n  //    max-width: 1200px;\n  //    flex-direction: row;\n  //    align-items: center;\n  //  }\n  //}\n\n  > .document {\n    flex: 1;\n    width: 100%;\n    height: 100%;\n    align-self: center;\n    display: flex;\n    padding: 15px;\n    row-gap: 15px;\n    max-width: 1200px;\n    min-height: 200px;\n    position: relative;\n    overflow-y: scroll;\n    align-items: center;\n    box-sizing: border-box;\n    flex-direction: column;\n    //justify-content: center;\n\n    .inner {\n      width: 100%;\n      max-width: 1028px;\n    }\n  }\n\n  .cover {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    z-index: 5000;\n    position: absolute;\n    padding-top: 100px;\n    align-items: center;\n    flex-direction: column;\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .agree {\n    flex: 0;\n    width: 600px;\n    display: flex;\n    max-width: 90%;\n    padding: 30px 15px;\n    flex-direction: column;\n    background-color: #ffffff;\n\n    .header {\n      flex: 0 0 56px;\n    }\n\n    li {\n      margin: 0.5em 0;\n    }\n  }\n\n  verdocs-ok-dialog .background-overlay {\n    align-items: flex-start;\n    padding-top: 100px;\n  }\n\n  .loading-indicator {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    z-index: 10000;\n    position: fixed;\n    background-color: rgba(0, 0, 0, 0.7);\n  }\n\n  .fatal-error {\n    position: absolute;\n    z-index: 100;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: #4a4a4a;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .placeholder {\n      position: absolute;\n      opacity: 0.1;\n      z-index: -1;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      width: 612px;\n      height: 792px;\n      box-shadow: 0 0 10px 5px #0000000f;\n      margin-top: 15px;\n    }\n\n    .message {\n      width: 50%;\n      font-size: 16px;\n      background: white;\n      border-radius: 5px;\n      box-shadow: 3px 3px 9px -1px #0000003f;\n    }\n\n    .header {\n      color: white;\n      font-size: 18px;\n      font-weight: 500;\n      padding: 5px 10px;\n      margin: 0 0 10px 0;\n      background: $verdocs-purple;\n    }\n\n    p {\n      margin: 1rem;\n      font-size: 14px;\n      font-weight: 400;\n    }\n  }\n}\n\n@media print {\n  verdocs-sign .header {\n    display: none;\n  }\n}\n\n#verdocs-sign-header {\n  color: #fff;\n  width: 100%;\n  display: flex;\n  z-index: 1000;\n  flex: 0 0 46px;\n  font-size: 12px;\n  column-gap: 15px;\n  align-items: center;\n  flex-direction: row;\n  transition: all 0.25s;\n  background-color: $medium-bg;\n  box-shadow:\n    0 4px 4px 0 rgb(0 0 0 / 24%),\n    0 0 4px 0 rgb(0 0 0 / 12%);\n\n  .inner {\n    width: 100%;\n    display: flex;\n    margin: 0 auto;\n    padding: 0 12px;\n    max-width: 1200px;\n    align-items: center;\n    flex-direction: row;\n  }\n\n  .logo {\n    width: 80px;\n    display: none;\n    margin: -6px 0 0 0;\n  }\n\n  .title {\n    font-size: 18px;\n    font-weight: 500;\n    overflow: hidden;\n    white-space: nowrap;\n    padding: 0 10px 0 0;\n    text-overflow: ellipsis;\n  }\n}\n\n.spinner-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  display: flex;\n  align-items: center;\n  background: #0000007f;\n  justify-content: center;\n}\n","import type {IEnvelope, IEnvelopeField, IRecipient} from '@verdocs/js-sdk';\nimport {Event, EventEmitter, Host, Fragment, Component, Prop, State, h} from '@stencil/core';\nimport {updateEnvelopeFieldSignature, uploadEnvelopeFieldAttachment, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {updateEnvelopeField, sortFields, submitKbaIdentity, submitKbaChallengeResponse} from '@verdocs/js-sdk';\nimport {fullNameToInitials, startSigningSession, deleteEnvelopeFieldAttachment, getKbaStep} from '@verdocs/js-sdk';\nimport {getEnvelope, integerSequence, isValidEmail, isValidPhone, submitKbaPin, updateEnvelopeFieldInitials} from '@verdocs/js-sdk';\nimport {createInitials, createSignature, envelopeRecipientAgree, envelopeRecipientDecline, envelopeRecipientSubmit, formatFullName} from '@verdocs/js-sdk';\nimport {getFieldId, renderDocumentField, saveAttachment, updateDocumentFieldValue} from '../../../utils/utils';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst inProgressMenuOptions = [\n  {id: 'later', label: 'Finish Later'}, //\n  // {id: 'claim', label: 'Claim the Document', disabled: true},\n  {id: 'decline', label: 'Decline to Sign'},\n  {id: 'print', label: 'Print Without Signing'},\n  {id: 'download', label: 'Download'},\n];\n\nconst doneMenuOptions = [\n  {id: 'print', label: 'Print'},\n  {id: 'download', label: 'Download'},\n];\n\n/**\n * Display an envelope signing experience. This will display the envelope's attached\n * documents with signing fields overlaid on each page.\n *\n * The component will attempt to initiate a signing session and load the specified\n * envelope. If successful, the recipient's fields will be enabled and the user will\n * be able to sign the envelope's attached documents. If not, an `sdkError` will be\n * thrown and the component will be blank/empty. To provide the best user experience,\n * applications should capture and handle this error to provide the user with\n * instructions/options for next steps based on the application's design and workflow.\n *\n * Unlike other components, this will always create its own endpoint to manage the\n * session session. This endpoint will be included in event callbacks for the\n * convenience of host applications that may wish to make server calls using the\n * signer's credentials once signing is complete (e.g. to obtain copies of\n * the signed attachments.)\n */\n@Component({\n  tag: 'verdocs-sign',\n  styleUrl: 'verdocs-sign.scss',\n  shadow: false,\n})\nexport class VerdocsSign {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop({mutable: true}) endpoint: VerdocsEndpoint = null;\n\n  /**\n   * The ID of the envelope to sign.\n   */\n  @Prop({reflect: true}) envelopeId: string | null = null;\n\n  /**\n   * The ID of the role that will be signing e.g. 'Recipient 1'\n   */\n  @Prop({reflect: true}) roleId: string | null = null;\n\n  /**\n   * The invite code for the signer.\n   */\n  @Prop({reflect: true}) inviteCode: string | null = null;\n\n  /**\n   * If set, (recommended), the host application should create a <DIV> element with a unique ID. When this\n   * component renders, the header will be removed from its default location and placed in the target element.\n   * This allows the parent application to more easily control its placement and scroll effects (e.g. \"fixed\").\n   *\n   * The movement of the header to the target container is not dynamic - it is performed only on the initial\n   * render. Host applications should not conditionally render this container. If the header's visibility must\n   * be externally controlled, use CSS display options to hide/show it instead.\n   */\n  @Prop() headerTargetId: string | null = null;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when the envelope is updated in any way.\n   */\n  @Event({composed: true}) envelopeLoaded: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope}>;\n\n  /**\n   * Event fired when the envelope is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n   */\n  @Event({composed: true}) envelopeUpdated: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string}>;\n\n  @State() roleNames: string[] = [];\n  @State() sortedRecipients: IRecipient[] = [];\n  @State() recipient: IRecipient | null = null;\n  @State() hasSignature = false;\n  @State() nextButtonLabel = 'Start';\n  @State() nextSubmits = false;\n  @State() fatalErrorHeader = '';\n  @State() fatalErrorMessage = '';\n  @State() focusedField = '';\n  @State() submitting = false;\n  @State() submitted = false;\n  @State() isDone = false;\n  @State() showDone = false;\n  @State() showLoadError = false;\n  @State() finishLater = false;\n  @State() showFinishLater = false;\n  @State() agreed = false;\n  @State() documentsSingularPlural = 'document';\n  @State() kbaStep = '';\n  @State() kbaQuestions: any[] = [];\n  @State() showSpinner = false;\n  @State() kbaChoices = [];\n\n  @State() loading = true;\n  @State() envelope: IEnvelope | null = null;\n\n  recipientIndex: number = -1;\n\n  componentWillLoad() {\n    if (!this.endpoint) {\n      console.log('[SIGN] Creating signing endpoint');\n      this.endpoint = new VerdocsEndpoint({sessionType: 'signing'});\n    }\n  }\n\n  async componentDidLoad() {\n    if (!this.envelopeId) {\n      this.sdkError?.emit(new SDKError('[SIGN] Missing required envelopId', 500, ''));\n      return;\n    }\n\n    if (!this.roleId) {\n      this.sdkError?.emit(new SDKError('[SIGN] Missing required roleId', 500, ''));\n      return;\n    }\n\n    if (!this.inviteCode) {\n      this.sdkError?.emit(new SDKError('[SIGN] Missing required inviteCode', 500, ''));\n      return;\n    }\n\n    try {\n      console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);\n\n      // NOTE: We don't listen to the store here because we are often an independent\n      // session and might have a different \"view\" of the envelope.\n      const {envelope, recipient} = await startSigningSession(this.endpoint, this.envelopeId, this.roleId, this.inviteCode);\n      console.log(`[SIGN] Loaded signing session`, envelope, recipient);\n      this.recipient = recipient;\n      this.envelope = envelope;\n\n      Store.updateEnvelope(this.envelopeId, envelope);\n\n      // TODO: Can be cleaned up shortly.\n      this.sortedRecipients = [...this.envelope.recipients];\n      this.sortedRecipients.sort((a, b) => {\n        return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;\n      });\n\n      this.roleNames = this.sortedRecipients.map(r => r.role_name);\n\n      if (this.envelope.documents.length > 0) {\n        this.documentsSingularPlural = 'document(s)';\n      }\n\n      this.recipientIndex = this.roleNames.findIndex(roleName => roleName == this.roleId);\n      if (this.recipientIndex > -1) {\n        this.recipient = this.sortedRecipients[this.recipientIndex];\n        this.agreed = this.recipient.agreed;\n      } else {\n        console.warn('[SIGN] Could not find our recipient record', this.roleId, this.sortedRecipients);\n      }\n\n      // TODO: Envelope \"complete\" | \"declined\" | \"canceled\"\n      // TODO: Recipient \"canceled\"\n      this.submitted = this.recipient.status === 'submitted';\n      this.isDone = this.submitted;\n      this.showDone = this.submitted;\n\n      if (this.envelope.status === 'canceled') {\n        this.fatalErrorHeader = 'Unable to Start Signing Session';\n        this.fatalErrorMessage = 'This envelope has been canceled. Please contact its sender for more information.';\n      } else if (this.recipient.status === 'declined') {\n        this.fatalErrorHeader = 'Unable to Start Signing Session';\n        this.fatalErrorMessage = 'You have declined to sign this envelope.';\n      } else if (this.agreed) {\n        this.nextButtonLabel = 'Next';\n      }\n\n      this.checkRecipientFields();\n      this.envelopeLoaded?.emit({endpoint: this.endpoint, envelope: this.envelope});\n\n      if (!this.isDone) {\n        getKbaStep(this.endpoint, this.envelopeId, this.roleId)\n          .then(r => {\n            console.log('[SIGN] KBA Step', r);\n            this.kbaStep = r.kba_step;\n            if (this.kbaStep === 'failed') {\n              this.fatalErrorHeader = 'Identity Verification Failed';\n              this.fatalErrorMessage = \"We were unable to verify your identity. Please contact the document's sender.\";\n              this.isDone = true;\n            } else {\n              this.kbaQuestions = (r as any).questions?.question || [];\n              this.kbaChoices = [];\n            }\n          })\n          .catch(e => console.log('Error getting KBA step', e));\n      }\n    } catch (e) {\n      console.log('[SIGN] Error with signing session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      this.showLoadError = true;\n    }\n  }\n\n  componentDidRender() {\n    const headerTarget = this.headerTargetId ? document.getElementById(this.headerTargetId) : null;\n    const headerEl = document.getElementById('verdocs-sign-header');\n    if (headerTarget && headerEl) {\n      console.log('[SIGN] Moving header');\n      headerEl.remove();\n      headerTarget.append(headerEl);\n    }\n  }\n\n  handleClickAgree() {\n    this.submitting = true;\n    envelopeRecipientAgree(this.endpoint, this.envelopeId, this.roleId, true)\n      .then(() => {\n        this.nextButtonLabel = 'Next';\n        this.recipient.agreed = true;\n        this.submitting = false;\n        this.agreed = true; // The server returns a recipient object but it's not \"deep\" so we track this locally\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'agreed'});\n      })\n      .catch(e => {\n        console.log('[SIGN] Update failure', e);\n        this.submitting = false;\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      });\n  }\n\n  async handleOptionSelected(e: any) {\n    switch (e.detail.id) {\n      case 'later':\n        this.finishLater = true;\n        this.showFinishLater = true;\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'later'});\n        break;\n\n      case 'claim':\n        VerdocsToast('This feature will be available in an upcoming release.');\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'claimed'});\n        break;\n\n      case 'decline':\n        {\n          this.submitting = true;\n          const declineResult = await envelopeRecipientDecline(this.endpoint, this.envelopeId, this.roleId);\n          console.log('[SIGN] Decline result', declineResult);\n          this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'declined'});\n          this.submitting = false;\n          this.fatalErrorHeader = 'Unable to Start Signing Session';\n          this.fatalErrorMessage = 'You have declined to sign this envelope.';\n        }\n        break;\n\n      case 'print':\n        window.print();\n        this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'printed'});\n        break;\n\n      case 'download':\n        {\n          const firstDoc = this.envelope.documents.find(doc => doc.type === 'attachment');\n          if (firstDoc) {\n            saveAttachment(this.endpoint, this.envelope, firstDoc.id).catch(e => {\n              console.log('[SIGN] Error downloading PDF', e);\n            });\n            this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'downloaded'});\n          }\n        }\n        break;\n    }\n  }\n\n  updateRecipientFieldValue(fieldName: string, updateResult: any) {\n    console.log('[SIGN] updateRecipientFieldValue', fieldName, updateResult);\n    this.getRecipientFields().forEach(oldField => {\n      if (oldField.name === fieldName) {\n        oldField.value = updateResult.value;\n        // TODO: Keeping this while attachments still rely on it\n        oldField.settings = updateResult.settings;\n        updateDocumentFieldValue(oldField);\n        this.checkRecipientFields();\n      }\n    });\n  }\n\n  saveFieldChange(fieldName: string, fields: Record<string, any>) {\n    console.log('[SIGN] saveFieldChange', fieldName, fields);\n    updateEnvelopeField(this.endpoint, this.envelopeId, fieldName, fields) //\n      .then(updateResult => this.updateRecipientFieldValue(fieldName, updateResult))\n      .catch(e => {\n        if (e.response?.status === 401 && e.response?.data?.error === 'jwt expired') {\n          console.log('[SIGN] Signing session expired');\n          this.fatalErrorHeader = 'Signing Session Expired';\n          this.fatalErrorMessage = 'Please reload your browser to continue.';\n        } else {\n          console.log('[SIGN] Server error', e);\n        }\n\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      });\n  }\n\n  async handleFieldChange(field: IEnvelopeField, e: any) {\n    const {value, checked} = e.target;\n\n    switch (field.type as any) {\n      // TODO: Remove legacy type when no longer needed\n      case 'textarea':\n      case 'textbox':\n        return this.saveFieldChange(field.name, {prepared: false, value});\n\n      case 'checkbox': {\n        return this.saveFieldChange(field.name, {prepared: false, value: String(e.target.checked)});\n      }\n\n      case 'radio': {\n        return this.saveFieldChange(field.name, {prepared: false, value: String(e.target.checked)});\n      }\n\n      case 'dropdown':\n        // TODO: Set prepared to false server-side.\n        console.log('Saving dropdown', field.name, e.detail);\n        return this.saveFieldChange(field.name, {prepared: false, value: e.detail});\n\n      case 'initial':\n        // This can be caused by a focus-out event if the user clicks the field\n        // after it's already filled in, then clicks something else like a textbox.\n        // We don't visually indicate the focus, but it's still there.\n        if (!e.detail) {\n          return;\n        }\n\n        this.showSpinner = true;\n        const initialsBlob = await (await fetch(e.detail)).blob();\n        return createInitials(this.endpoint, 'initial', initialsBlob) //\n          .then(async newInitials => {\n            const updateResult = await updateEnvelopeFieldInitials(this.endpoint, this.envelopeId, field.name, newInitials.id);\n            this.updateRecipientFieldValue(field.name, updateResult);\n            this.showSpinner = false;\n          })\n          .catch(e => {\n            console.log('Error updating initials', e);\n            this.showSpinner = false;\n          });\n\n      case 'signature':\n        // This can be caused by a focus-out event if the user clicks the field\n        // after it's already filled in, then clicks something else like a textbox.\n        // We don't visually indicate the focus, but it's still there.\n        if (!e.detail) {\n          return;\n        }\n\n        this.showSpinner = true;\n        const signatureBlob = await (await fetch(e.detail)).blob();\n        return createSignature(this.endpoint, 'signature', signatureBlob) //\n          .then(async newSignature => {\n            console.log('Signature update result', newSignature);\n            const updateResult = await updateEnvelopeFieldSignature(this.endpoint, this.envelopeId, field.name, newSignature.id);\n            this.updateRecipientFieldValue(field.name, updateResult);\n            this.showSpinner = false;\n          })\n          .catch(e => {\n            console.warn('[SIGN] Error updating signature', e);\n            this.showSpinner = false;\n          });\n\n      case 'date':\n        const {formattedDate} = e.detail;\n        if (formattedDate) {\n          return this.saveFieldChange(field.name, {prepared: false, value: formattedDate});\n        }\n        break;\n\n      case 'timestamp':\n        console.log('[SIGN] Updating timestamp', {value, ts: e.target.getAttribute('timestamp')});\n        break;\n\n      default:\n        console.log('[SIGN] Unhandled field update', {value, checked}, field);\n        break;\n    }\n  }\n\n  isFieldFilled(field: IEnvelopeField) {\n    const {value = ''} = field;\n    switch (field.type as any) {\n      case 'textarea':\n      case 'textbox':\n        switch (field.validator || '') {\n          case 'email':\n            return isValidEmail(value);\n          case 'phone':\n            return isValidPhone(value);\n          default:\n            return (value || '').trim() !== '';\n        }\n\n      case 'signature':\n        return value === 'signed';\n\n      case 'initial':\n        return value === 'initialed';\n\n      // Timestamp fields get automatically filled when the envelope is submitted.\n      case 'timestamp':\n        return true;\n\n      case 'date':\n        return !!value;\n\n      case 'attachment':\n        return value === 'attached';\n\n      case 'dropdown':\n        return value !== '';\n\n      case 'checkbox':\n        return value === 'true';\n\n      case 'radio':\n        if (!!field.group) {\n          return this.getRecipientFields()\n            .filter(f => f.group === field.group)\n            .some(field => field.value === 'true');\n        }\n\n        return field.value === 'true';\n\n      default:\n        return false;\n    }\n  }\n\n  isFieldValid(field: IEnvelopeField) {\n    return !field.required || this.isFieldFilled(field);\n  }\n\n  getSortedFillableFields() {\n    const recipientFields = this.getRecipientFields().filter(field => field.type !== 'timestamp');\n    sortFields(recipientFields);\n    return recipientFields;\n  }\n\n  async handleNext() {\n    if (this.nextSubmits) {\n      try {\n        // Patches the date picker to be forcibly removed if still showing during submission\n        document.getElementById('air-datepicker-global-container')?.remove();\n\n        this.submitting = true;\n        const result = await envelopeRecipientSubmit(this.endpoint, this.envelopeId, this.roleId);\n        console.log('[SIGN] Submitted successfully', result);\n        this.recipient.status = 'submitted';\n        this.showDone = true;\n        console.log('[SIGN] Reloading envelope');\n        getEnvelope(this.endpoint, this.envelopeId)\n          .then(envelope => {\n            this.envelope = envelope;\n            // The show-done dialog does this\n            // this.isDone = true;\n            this.submitting = false;\n          })\n          .catch(e => {\n            // this.isDone = true;\n            console.log('[SIGN] Error reloading envelope', e);\n            this.submitting = false;\n          });\n      } catch (e) {\n        console.log('[SIGN] Error submitting', e);\n      }\n\n      return;\n    }\n\n    // Find and focus the next incomplete field (that is fillable)\n    const emptyFields = this.getSortedFillableFields().filter(field => field.required && !this.isFieldFilled(field));\n    sortFields(emptyFields);\n\n    const focusedIndex = emptyFields.findIndex(field => field.name === this.focusedField);\n    let nextFocusedIndex = focusedIndex + 1;\n    if (nextFocusedIndex >= emptyFields.length) {\n      nextFocusedIndex = 0;\n    }\n\n    let nextRequiredField = emptyFields[nextFocusedIndex];\n    // console.log('Next field', nextRequiredField, emptyFields);\n\n    // Skip signature and initial fields that are already filled in. We have to count our \"skips\" just in case, to avoid infinite loops.\n    let skips = 0;\n    if (skips < emptyFields.length && ['signature', 'initial'].includes(nextRequiredField.type) && ['initialed', 'signed'].includes(nextRequiredField.value)) {\n      skips++;\n      nextFocusedIndex++;\n      if (nextFocusedIndex >= emptyFields.length) {\n        nextFocusedIndex = 0;\n      }\n      nextRequiredField = emptyFields[nextFocusedIndex];\n    }\n\n    if (skips >= emptyFields.length) {\n      nextRequiredField = null;\n    }\n\n    if (nextRequiredField) {\n      const id = getFieldId(nextRequiredField);\n      const el = document.getElementById(id) as any;\n      el?.scrollIntoView({behavior: 'smooth'});\n      el?.focusField();\n      this.focusedField = nextRequiredField.name;\n    }\n  }\n\n  getRecipientFields() {\n    return this.envelope.fields.filter(field => field.role_name === this.recipient.role_name);\n  }\n\n  // See if everything that \"needs to be\" filled in is, and all \"fillable fields\" are valid\n  checkRecipientFields() {\n    const invalidFields = this.getRecipientFields().filter(field => !this.isFieldValid(field));\n    if (invalidFields.length < 1) {\n      this.nextButtonLabel = 'Finish';\n      if (!this.nextSubmits) {\n        this.nextSubmits = true;\n      }\n    } else {\n      console.log(\n        '[SIGN] Invalid fields remaining',\n        invalidFields.map(field => field.name),\n      );\n      this.nextButtonLabel = 'Next';\n      this.nextSubmits = false;\n    }\n  }\n\n  attachFieldAttributes(pageInfo, field, el) {\n    // We can get called multiple times as rendering completes and it's hard to avoid that\n    // because it's a ton of work for the callers to know it's been done already. But we\n    // don't want to attach multiple event listeners or we get dupe event handling, like\n    // calling the server twice on every field update. Since JS has no removeAllEventListeners()\n    // option, using removeEventListener() isn't reliable the way Stencil binds local function\n    // contexts, and cloneNode messes up the rest of the rendering, we just track it with a flag.\n    if (el.getAttribute('attached') === '1') {\n      return;\n    }\n    el.setAttribute('attached', '1');\n\n    el.addEventListener('input', (e: any) => {\n      // console.log('[SIGN] onfieldInput', e.detail, e.target.value);\n      // These field types don't emit fieldChange. Should we standardize on that? We don't tap \"input\" for fields like\n      // text boxes because we'd be updating the field on every keystroke. We do those on blur which fires fieldChange.\n      if (e.target.type === 'radio' || e.target.type === 'checkbox') {\n        // if (e.target.type === 'radio' || e.target.name.includes('date') || e.target.name.includes('checkbox')) {\n        this.handleFieldChange(field, e).finally(() => this.checkRecipientFields());\n      } else {\n        this.checkRecipientFields();\n      }\n    });\n    el.addEventListener('attached', async (e: any) => {\n      console.log('[SIGN] onAttached', e.detail, e.target.value);\n      this.showSpinner = true;\n      try {\n        const updateResult = await uploadEnvelopeFieldAttachment(this.endpoint, this.envelopeId, field.name, e.detail);\n        this.updateRecipientFieldValue(field.name, updateResult);\n        this.checkRecipientFields();\n\n        const newEl = renderDocumentField('envelope', field, pageInfo, {disabled: false, editable: false, draggable: false, done: this.isDone});\n        this.attachFieldAttributes(pageInfo, field, newEl);\n\n        this.showSpinner = false;\n      } catch (e) {\n        console.log('Error uploading attachment', e);\n        VerdocsToast('Unable to upload attachment, please try again later', {style: 'error'});\n        this.showSpinner = false;\n      }\n    });\n    el.addEventListener('deleted', async (e: any) => {\n      console.log('[SIGN] onDeleted', e.detail, e.target.value);\n      this.showSpinner = true;\n      try {\n        const updateResult = await deleteEnvelopeFieldAttachment(this.endpoint, this.envelopeId, field.name);\n        console.log('[SIGN] Deleted attachment', updateResult);\n        this.updateRecipientFieldValue(field.name, updateResult);\n        this.checkRecipientFields();\n\n        const newEl = renderDocumentField('envelope', field, pageInfo, {disabled: false, editable: false, draggable: false, done: this.isDone});\n        this.attachFieldAttributes(pageInfo, field, newEl);\n\n        this.showSpinner = false;\n      } catch (e) {\n        console.log('Error uploading attachment', e);\n        VerdocsToast('Unable to upload attachment, please try again later', {style: 'error'});\n        this.showSpinner = false;\n      }\n    });\n    el.addEventListener('focusout', e => {\n      // These field types trigger focusout as they're used, even without a value change\n      if (field.type !== 'dropdown' && field.type !== 'attachment') {\n        this.handleFieldChange(field, e).finally(() => this.checkRecipientFields());\n      }\n    });\n    el.addEventListener('fieldChange', e => {\n      this.handleFieldChange(field, e).finally(() => this.checkRecipientFields());\n    });\n\n    el.setAttribute('templateid', this.envelope.template_id);\n    el.setAttribute('fieldname', field.name);\n    el.setAttribute('page', pageInfo.pageNumber);\n    el.setAttribute('xScale', pageInfo.xScale);\n    el.setAttribute('yScale', pageInfo.yScale);\n\n    const fullName = formatFullName(this.recipient);\n    el.setAttribute('initials', fullNameToInitials(fullName));\n    el.setAttribute('name', fullName);\n  }\n\n  handlePageRendered(e: any) {\n    const pageInfo = e.detail as IDocumentPageInfo;\n\n    // NOTE: We don't filter on pageNumber here because we need the position in the\n    // entire list to set the tabIndex.\n    const recipientFields = this.getSortedFillableFields();\n    console.log('[SIGN] Rendering fields for page', pageInfo.pageNumber, recipientFields);\n\n    // First render the fields for the signer\n    recipientFields.forEach((field, tabIndex) => {\n      if (field.page !== pageInfo.pageNumber) {\n        return;\n      }\n\n      const el = renderDocumentField('envelope', field, pageInfo, {disabled: false, editable: false, draggable: false, done: this.isDone}, tabIndex);\n      if (!el) {\n        return;\n      }\n\n      if (Array.isArray(el)) {\n        el.map(e => this.attachFieldAttributes(pageInfo, field, e));\n      } else {\n        this.attachFieldAttributes(pageInfo, field, el);\n      }\n    });\n\n    // Now render the fields for other signers who have yet to act\n    this.sortedRecipients\n      .filter(r => r.role_name !== this.recipient.role_name && (r.status === 'invited' || r.status === 'opened' || r.status === 'pending'))\n      .forEach(() => {\n        this.getRecipientFields()\n          .filter(field => field.page === pageInfo.pageNumber)\n          .forEach(field => {\n            const el = renderDocumentField('envelope', field, pageInfo, {disabled: true, editable: false, draggable: false, done: this.isDone});\n            if (!el) {\n              return;\n            }\n\n            if (Array.isArray(el)) {\n              el.map(e => this.attachFieldAttributes(pageInfo, field, e));\n            } else {\n              this.attachFieldAttributes(pageInfo, field, el);\n            }\n          });\n      });\n\n    this.checkRecipientFields();\n  }\n\n  render() {\n    if (this.showLoadError) {\n      return (\n        <Host>\n          <verdocs-ok-dialog\n            heading=\"Unable to Start Signing\"\n            message={`Sorry, your invite code is invalid or has expired. Please check your email for an updated invitation, or contact the sender.`}\n            buttonLabel=\"OK\"\n            onNext={() => {\n              window.location.reload();\n            }}\n          />\n        </Host>\n      );\n    }\n\n    if (!this.envelope) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    if (this.fatalErrorMessage) {\n      return (\n        <Host class={{agreed: this.agreed}}>\n          <div class=\"fatal-error\">\n            <img src=\"https://public-assets.verdocs.com/loading-placeholder.png\" class=\"placeholder\" alt=\"Placeholder page\" />\n\n            <div class=\"message\">\n              <div class=\"header\">{this.fatalErrorHeader}</div>\n              <p>{this.fatalErrorMessage}</p>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    if (this.isDone) {\n      return (\n        <Host class={{agreed: this.agreed}}>\n          <verdocs-view endpoint={this.endpoint} envelopeId={this.envelopeId} onSdkError={e => this.sdkError?.emit(e.detail)} />\n\n          {this.showDone && (\n            <verdocs-ok-dialog\n              heading=\"You're Done!\"\n              message={`You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`}\n              onNext={(e: any) => {\n                e.preventDefault();\n                e.stopPropagation();\n                this.showDone = false;\n                this.isDone = true;\n              }}\n            />\n          )}\n\n          {this.submitting && (\n            <div class=\"loading-indicator\">\n              <verdocs-loader />\n            </div>\n          )}\n        </Host>\n      );\n    }\n\n    if (!this.agreed) {\n      return (\n        <Host class=\"agreed\">\n          <div id=\"verdocs-sign-header\">\n            <div class=\"inner\">\n              <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n              <div class=\"title\">{this.envelope.name}</div>\n            </div>\n          </div>\n\n          <div class=\"document\" style={{paddingTop: '15px'}}>\n            <img\n              src=\"https://public-assets.verdocs.com/loading-placeholder.png\"\n              style={{width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px'}}\n              alt=\"Placeholder page\"\n            />\n          </div>\n\n          <div class=\"cover\">\n            <div class=\"agree\">\n              <verdocs-checkbox name=\"agree\" label=\"By checking this box, you:\" onInput={() => this.handleClickAgree()} />\n              <ul>\n                <li>\n                  Agree to use electronic records and signatures, and confirm you have read the{' '}\n                  <a href=\"https://verdocs.com/en/electronic-record-signature-disclosure/\" target=\"_blank\">\n                    Electronic Record and Signatures Disclosure\n                  </a>\n                  .\n                </li>\n                <li>\n                  Agree to Verdocs'{' '}\n                  <a href=\"https://verdocs.com/en/eula\" target=\"_blank\">\n                    End User License Agreement\n                  </a>{' '}\n                  and confirm you have read Verdocs'{' '}\n                  <a href=\"https://verdocs.com/en/privacy-policy/\" target=\"_blank\">\n                    Privacy Policy\n                  </a>\n                  .\n                </li>\n              </ul>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    if (this.kbaStep === 'pin') {\n      return (\n        <Host class=\"kba\">\n          <div id=\"verdocs-sign-header\">\n            <div class=\"inner\">\n              <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n              <div class=\"title\">{this.envelope.name}</div>\n            </div>\n          </div>\n\n          <div class=\"document\" style={{paddingTop: '15px'}}>\n            <img\n              src=\"https://public-assets.verdocs.com/loading-placeholder.png\"\n              style={{width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px'}}\n              alt=\"Placeholder page\"\n            />\n          </div>\n\n          <div class=\"cover\">\n            <div class=\"kba\">\n              <verdocs-kba-dialog\n                mode=\"text\"\n                step={1}\n                steps={1}\n                helptitle=\"Document is protected by a PIN code\"\n                helptext=\"Please enter your PIN code to proceed. If you do not have one, please contact the sender.\"\n                label=\"PIN Code\"\n                onNext={async e => {\n                  submitKbaPin(this.endpoint, this.envelopeId, this.roleId, e.detail as string)\n                    .then(r => {\n                      console.log('[SIGN] PIN code submission result', r);\n                      if (r.kba_step === 'complete') {\n                        this.kbaStep = '';\n                      }\n                    })\n                    .catch(e => {\n                      console.log('[SIGN] Error submitting PIN', e);\n                      VerdocsToast(e.response?.data?.error || 'Unable to verify PIN code. Please try again.', {style: 'error'});\n                    });\n                }}\n              />\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    if (this.kbaStep === 'identity') {\n      return (\n        <Host class=\"kba\">\n          <div id=\"verdocs-sign-header\">\n            <div class=\"inner\">\n              <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n              <div class=\"title\">{this.envelope.name}</div>\n            </div>\n          </div>\n\n          <div class=\"document\" style={{paddingTop: '15px'}}>\n            <img\n              src=\"https://public-assets.verdocs.com/loading-placeholder.png\"\n              style={{width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px'}}\n              alt=\"Placeholder page\"\n            />\n          </div>\n\n          <div class=\"cover\">\n            <div class=\"kba\">\n              <verdocs-kba-dialog\n                mode=\"identity\"\n                helptitle=\"Document requires identity verification\"\n                helptext=\"Please complete your contact details to proceed.\"\n                recipient={this.recipient}\n                onNext={async e => {\n                  const recipDetails = e.detail as IRecipient;\n                  submitKbaIdentity(this.endpoint, this.envelopeId, this.roleId, {\n                    firstName: recipDetails.first_name,\n                    lastName: recipDetails.last_name,\n                    address: recipDetails.address,\n                    city: recipDetails.city,\n                    state: recipDetails.state,\n                    zip: recipDetails.zip,\n                    ssnLast4: recipDetails.ssn_last_4,\n                  })\n                    .then(r => {\n                      console.log('[SIGN] Identity submission result', r);\n                      this.kbaStep = r.kba_step;\n                    })\n                    .catch(e => {\n                      console.log('[SIGN] Error submitting identity', e);\n                      VerdocsToast(e.response?.data?.error || 'Unable to verify identity.', {style: 'error'});\n                    });\n                }}\n              />\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    if (this.kbaStep === 'challenge') {\n      const questionNumber = this.kbaChoices.length;\n      const kbaQuestion = this.kbaQuestions[questionNumber];\n      console.log('Showing KBA question', {questionNumber, kbaQuestion}, this.kbaChoices);\n      return (\n        <Host class=\"kba\">\n          <div id=\"verdocs-sign-header\">\n            <div class=\"inner\">\n              <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n              <div class=\"title\">{this.envelope.name}</div>\n            </div>\n          </div>\n\n          <div class=\"document\" style={{paddingTop: '15px'}}>\n            <img\n              src=\"https://public-assets.verdocs.com/loading-placeholder.png\"\n              style={{width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px'}}\n              alt=\"Placeholder page\"\n            />\n          </div>\n\n          <div class=\"cover\">\n            <div class=\"kba\">\n              {this.kbaChoices.length >= this.kbaQuestions.length ? (\n                <verdocs-spinner />\n              ) : (\n                <verdocs-kba-dialog\n                  mode=\"choice\"\n                  helptitle=\"Your identity requires additional verification\"\n                  helptext={kbaQuestion?.prompt || 'Please select one of the options below.'}\n                  choices={kbaQuestion?.answer || ['Skip Question']}\n                  step={questionNumber + 1}\n                  steps={this.kbaQuestions.length}\n                  onNext={async (e: any) => {\n                    const answer = e.detail as string;\n                    this.kbaChoices = [...this.kbaChoices, answer];\n                    if (this.kbaChoices.length >= this.kbaQuestions.length) {\n                      const responses = this.kbaQuestions.map((q, i) => ({type: q.type, answer: this.kbaChoices[i]}));\n                      console.log('Submitting KBA responses', this.kbaChoices, responses);\n                      try {\n                        const response = await submitKbaChallengeResponse(this.endpoint, this.envelopeId, this.roleId, responses);\n                        console.log('KBA challenge response', response);\n                        this.kbaStep = response.kba_step;\n                        if (this.kbaStep === 'failed') {\n                          this.fatalErrorHeader = 'Identity Verification Failed';\n                          this.fatalErrorMessage = \"We were unable to verify your identity. Please contact the document's sender.\";\n                          this.isDone = true;\n                        } else {\n                          this.kbaQuestions = (response as any).questions?.question || [];\n                          this.kbaChoices = [];\n                        }\n                      } catch (e) {\n                        console.log('Error submitting KBA challenge', e);\n                        this.kbaStep = '';\n                        this.fatalErrorHeader = 'Unable to Verify Identity';\n                        this.fatalErrorMessage = e.response?.data?.error || 'Please try again later.';\n                        this.isDone = true;\n                      }\n                    }\n                  }}\n                />\n              )}\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <div id=\"verdocs-sign-header\">\n          <div class=\"inner\">\n            <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n            <div class=\"title\">{this.envelope.name}</div>\n            <div style={{flex: '1'}} />\n\n            {!this.finishLater && <verdocs-button size=\"xsmall\" label={this.nextButtonLabel} disabled={!this.agreed} onClick={() => this.handleNext()} />}\n\n            <div style={{marginLeft: '10px'}} />\n            <verdocs-dropdown options={!this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions} onOptionSelected={e => this.handleOptionSelected(e)} />\n          </div>\n        </div>\n\n        <div class=\"document\" style={{paddingTop: '15px'}}>\n          {(this.envelope.documents || []).map(envelopeDocument => {\n            const pageNumbers = integerSequence(1, envelopeDocument.pages);\n\n            return (\n              <Fragment>\n                {pageNumbers.map(pageNumber => {\n                  const pageSize = envelopeDocument.page_sizes?.[pageNumber] || {width: 612, height: 792};\n\n                  // In signing mode we show the original template page with all the recipient fields so we can show source formatting and\n                  // where everything went. This is also a visual indicator when optional fields weren't filled in by previous actors, or\n                  // future signers still need to act. Once we're \"done\" we flip to showing the envelope's documents which have the final\n                  // field vales (so far) stamped into them.\n                  // TODO: Confirm that a pure page-number match is good enough to find the matching template page. We need to make sure\n                  //  we either don't reset our page numbers for additional attachments, or add match-on identifiers to work around that.\n                  // console.log('tp', templatePage, page);\n                  return (\n                    <verdocs-envelope-document-page\n                      envelopeId={this.envelopeId}\n                      documentId={envelopeDocument.id}\n                      endpoint={this.endpoint}\n                      virtualWidth={pageSize.width}\n                      virtualHeight={pageSize.height}\n                      pageNumber={pageNumber}\n                      onPageRendered={e => this.handlePageRendered(e)}\n                      type=\"filled\"\n                      layers={[\n                        {name: 'page', type: 'canvas'},\n                        {name: 'controls', type: 'div'},\n                      ]}\n                    />\n                  );\n                })}\n              </Fragment>\n            );\n          })}\n        </div>\n\n        {this.showFinishLater && (\n          <verdocs-ok-dialog\n            heading=\"You've saved your document to finish later.\"\n            message={`To complete the ${this.documentsSingularPlural}, use the link in the original email notification inviting you to review and finish the document.`}\n            onNext={() => (this.showFinishLater = false)}\n          />\n        )}\n\n        {this.showDone && (\n          <verdocs-ok-dialog\n            heading=\"You're Done!\"\n            message={`You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`}\n            onNext={() => {\n              this.showDone = false;\n              this.isDone = true;\n            }}\n          />\n        )}\n\n        {this.submitting ||\n          (this.showSpinner && (\n            <verdocs-portal>\n              <div class=\"spinner-overlay\">\n                <verdocs-spinner />\n              </div>\n            </verdocs-portal>\n          ))}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm-es5/verdocs-spinner.entry.js

@@ -1 +1,2 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(r){for(var e,i=1,t=arguments.length;i<t;i++){e=arguments[i];for(var s in e)if(Object.prototype.hasOwnProperty.call(e,s))r[s]=e[s]}return r};return __assign.apply(this,arguments)};import{r as registerInstance,h,H as Host}from"./index-272d51a4.js";var verdocsSpinnerCss="verdocs-spinner{display:inline-block;border-radius:50%;-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";var VerdocsSpinnerStyle0=verdocsSpinnerCss;var LIGHT_STYLE={border:"3px solid rgba(255, 255, 255, 0.3)",borderTopColor:"#fff"};var DARK_STYLE={border:"3px solid rgba(0, 0, 0, 0.3)",borderTopColor:"#333"};var VerdocsQuickFilter=function(){function r(r){registerInstance(this,r);this.size=32;this.mode="light"}r.prototype.render=function(){return h(Host,{key:"3b572b396105d7ce43dc68782775180136627e78",style:__assign({width:"".concat(this.size,"px"),height:"".concat(this.size,"px"),flex:"0 0 ".concat(this.size,"px")},this.mode==="light"?LIGHT_STYLE:DARK_STYLE)})};return r}();VerdocsQuickFilter.style=VerdocsSpinnerStyle0;export{VerdocsQuickFilter as verdocs_spinner};
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(r){for(var e,i=1,t=arguments.length;i<t;i++){e=arguments[i];for(var s in e)if(Object.prototype.hasOwnProperty.call(e,s))r[s]=e[s]}return r};return __assign.apply(this,arguments)};import{r as registerInstance,h,H as Host}from"./index-272d51a4.js";var verdocsSpinnerCss="verdocs-spinner{display:inline-block;border-radius:50%;-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";var VerdocsSpinnerStyle0=verdocsSpinnerCss;var LIGHT_STYLE={border:"3px solid rgba(255, 255, 255, 0.3)",borderTopColor:"#fff"};var DARK_STYLE={border:"3px solid rgba(0, 0, 0, 0.3)",borderTopColor:"#333"};var VerdocsQuickFilter=function(){function r(r){registerInstance(this,r);this.size=32;this.mode="light"}r.prototype.render=function(){return h(Host,{key:"3b572b396105d7ce43dc68782775180136627e78",style:__assign({width:"".concat(this.size,"px"),height:"".concat(this.size,"px"),flex:"0 0 ".concat(this.size,"px")},this.mode==="light"?LIGHT_STYLE:DARK_STYLE)})};return r}();VerdocsQuickFilter.style=VerdocsSpinnerStyle0;export{VerdocsQuickFilter as verdocs_spinner};
+//# sourceMappingURL=verdocs-spinner.entry.js.map

package/dist/esm-es5/verdocs-spinner.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsSpinnerCss","VerdocsSpinnerStyle0","LIGHT_STYLE","border","borderTopColor","DARK_STYLE","VerdocsQuickFilter","class_1","prototype","render","h","Host","key","style","__assign","width","concat","this","size","height","flex","mode"],"sources":["src/components/controls/verdocs-spinner/verdocs-spinner.scss?tag=verdocs-spinner","src/components/controls/verdocs-spinner/verdocs-spinner.tsx"],"sourcesContent":["verdocs-spinner {\n  display: inline-block;\n  border-radius: 50%;\n  animation: spin 1s ease-in-out infinite;\n\n  @keyframes spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @-webkit-keyframes spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n}\n","import {Component, h, Host, Prop} from '@stencil/core';\n\nconst LIGHT_STYLE = {border: '3px solid rgba(255, 255, 255, 0.3)', borderTopColor: '#fff'};\nconst DARK_STYLE = {border: '3px solid rgba(0, 0, 0, 0.3)', borderTopColor: '#333'};\n\n/**\n * Display a small loading spinner.\n *\n * ```ts\n * <verdocs-spinner />\n * ```\n */\n@Component({\n  tag: 'verdocs-spinner',\n  styleUrl: 'verdocs-spinner.scss',\n})\nexport class VerdocsQuickFilter {\n  @Prop()\n  size: number = 32;\n\n  @Prop()\n  mode: 'light' | 'dark' = 'light';\n\n  render() {\n    return (\n      <Host\n        style={{\n          width: `${this.size}px`, //\n          height: `${this.size}px`,\n          flex: `0 0 ${this.size}px`,\n          ...(this.mode === 'light' ? LIGHT_STYLE : DARK_STYLE),\n        }}\n      />\n    );\n  }\n}\n"],"mappings":"oUAAA,IAAMA,kBAAoB,oTAC1B,IAAAC,qBAAeD,kBCCf,IAAME,YAAc,CAACC,OAAQ,qCAAsCC,eAAgB,QACnF,IAAMC,WAAa,CAACF,OAAQ,+BAAgCC,eAAgB,Q,IAa/DE,mBAAkB,W,iDAEd,G,UAGU,O,CAEzBC,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,KAAI,CAAAC,IAAA,2CACHC,MAAKC,SAAA,CACHC,MAAO,GAAAC,OAAGC,KAAKC,KAAI,MACnBC,OAAQ,GAAAH,OAAGC,KAAKC,KAAI,MACpBE,KAAM,OAAAJ,OAAOC,KAAKC,KAAI,OAClBD,KAAKI,OAAS,QAAUnB,YAAcG,a,WAdrB,G","ignoreList":[]}