@verdocs/web-sdk 1.5.4 → 1.6.1

package/dist/esm-es5/verdocs-template-card.entry.js

@@ -1 +1,2 @@
-import{r as registerInstance,h,H as Host}from"./index-859bc689.js";var ActionsIcon='<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="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>';var EmailIcon='<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="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z"/></svg>';var PagesIcon='<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="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4H8c-1.1 0-1.99.9-1.99 2L6 21c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V11l-6-6zM8 21V7h6v5h5v9H8z"/></svg>';var StarIcon='<svg width="31" height="29" viewBox="0 0 31 29" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g clip-path="url(#clip0_31553_1553)">\n<path d="M30.886 11.4917C30.8916 11.0917 30.753 10.7034 30.4962 10.3993C30.2394 10.0953 29.882 9.8964 29.4908 9.83995L29.5182 9.65005L29.4908 9.83995L21.0938 8.60261L17.3412 0.912551C17.2067 0.638179 16.9992 0.407285 16.7421 0.245866C16.485 0.0844465 16.1885 -0.00111389 15.886 -0.00111389C15.5835 -0.00111389 15.287 0.0844465 15.0299 0.245866C14.7728 0.407285 14.5653 0.638179 14.4308 0.912551L10.6781 8.60261L2.28121 9.8392C1.89206 9.89475 1.53611 10.0916 1.2796 10.3931C1.02308 10.6945 0.88348 11.08 0.886776 11.4779C0.886447 11.6961 0.929977 11.912 1.01472 12.1125C1.09946 12.3131 1.22363 12.4941 1.37968 12.6445L7.45563 18.5744L6.01943 27.0241C6.00289 27.1258 5.99449 27.2287 5.99435 27.3317C5.99313 27.7717 6.16395 28.1943 6.4695 28.5071C6.77505 28.82 7.19045 28.9976 7.62496 29.0013C7.88846 29.0008 8.14779 28.9345 8.37992 28.8083L15.8883 24.8217L23.3967 28.8114C23.6287 28.9361 23.8873 29.0015 24.15 29.002C24.5752 28.9998 24.9832 28.8318 25.2893 28.5329C25.4452 28.3832 25.5695 28.2029 25.6544 28.003C25.7392 27.8031 25.783 27.5878 25.783 27.3702C25.7827 27.2731 25.7743 27.176 25.7579 27.0803L24.3209 18.6296L30.3931 12.7022C30.7094 12.3809 30.8867 11.9454 30.886 11.4917ZM22.0759 17.53L21.9437 17.3916L22.0759 17.53C22.0072 17.5977 21.9525 17.6787 21.9152 17.7681C21.8779 17.8575 21.8587 17.9536 21.8587 18.0506L21.8693 18.1737L23.2037 26.0237L16.2164 22.3148C16.1136 22.2602 15.9994 22.2317 15.8833 22.2317C15.7673 22.2317 15.653 22.2602 15.5503 22.3148L8.57132 26.0245L9.90651 18.1745L9.91712 18.0506C9.91696 17.9536 9.89768 17.8576 9.86038 17.7682C9.82308 17.6788 9.76851 17.5978 9.6999 17.53L4.05538 11.9724L11.8576 10.8258C11.9725 10.8088 12.0816 10.7638 12.1755 10.6947C12.2695 10.6256 12.3454 10.5344 12.3969 10.429L15.886 3.27721L19.3797 10.429C19.4313 10.5344 19.5074 10.6256 19.6014 10.6948C19.6955 10.7639 19.8047 10.8088 19.9197 10.8258L27.7197 11.9747L22.0759 17.53Z" fill="#ADB6BD"/>\n</g>\n<defs>\n<clipPath id="clip0_31553_1553">\n<rect width="30" height="29" fill="white" transform="translate(0.886719)"/>\n</clipPath>\n</defs>\n</svg>\n';var verdocsTemplateCardCss='verdocs-template-card{font-family:"Barlow", sans-serif;width:320px;height:320px;display:-ms-flexbox;display:flex;padding:25px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;-webkit-box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05);box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05)}verdocs-template-card .thumbnail{width:272px;height:158px;-o-object-fit:cover;object-fit:cover;margin-bottom:22px;-o-object-position:-20% 0;object-position:-20% 0}verdocs-template-card .name{font-size:18px;font-weight:700;margin-bottom:7px}verdocs-template-card .org-name{font-size:14px;font-weight:700;margin-bottom:6px}verdocs-template-card hr{width:100%;margin-bottom:17px;background-color:#aeb4bf}verdocs-template-card .controls{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;text-align:center;font-size:16px}verdocs-template-card .controls .control{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;margin-right:8px;-ms-flex-align:start;align-items:flex-start;border-right:1px solid #aeb4bf}verdocs-template-card .controls .control.secondary{-ms-flex-pack:center;justify-content:center}verdocs-template-card .controls .control svg{fill:#aeb4bf;height:16px;max-width:16px;margin:0 8px -2px 0}verdocs-template-card .additional-controls svg{margin-right:0;fill:#654dcb}';var VerdocsTemplateCard=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){var t,e,a,o,s;return h(Host,null,h("img",{src:((e=(t=this.template)===null||t===void 0?void 0:t.template_document)===null||e===void 0?void 0:e.thumbnail_url)||"",alt:"Template Thumbnail",class:"thumbnail"}),h("span",{class:"name"},this.template.name),h("span",{class:"org-name"},((a=this.template.organization)===null||a===void 0?void 0:a.name)||"Public"),h("hr",null),h("div",{class:"controls"},h("div",{class:"control"},h("span",{class:"icon",innerHTML:StarIcon}),h("span",{class:"value"},this.template.star_counter)),h("div",{class:"control secondary"},h("span",{class:"icon",innerHTML:PagesIcon}),h("span",{class:"value"},((s=(o=this.template)===null||o===void 0?void 0:o.template_document)===null||s===void 0?void 0:s.page_numbers)||1)),h("div",{class:"control secondary"},h("span",{class:"icon",innerHTML:EmailIcon}),h("span",{class:"value"},this.template.counter)),h("span",{class:"additional-controls",innerHTML:ActionsIcon})))};return t}();VerdocsTemplateCard.style=verdocsTemplateCardCss;export{VerdocsTemplateCard as verdocs_template_card};
+import{r as registerInstance,h,H as Host}from"./index-859bc689.js";var ActionsIcon='<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="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>';var EmailIcon='<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="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z"/></svg>';var PagesIcon='<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="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4H8c-1.1 0-1.99.9-1.99 2L6 21c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V11l-6-6zM8 21V7h6v5h5v9H8z"/></svg>';var StarIcon='<svg width="31" height="29" viewBox="0 0 31 29" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g clip-path="url(#clip0_31553_1553)">\n<path d="M30.886 11.4917C30.8916 11.0917 30.753 10.7034 30.4962 10.3993C30.2394 10.0953 29.882 9.8964 29.4908 9.83995L29.5182 9.65005L29.4908 9.83995L21.0938 8.60261L17.3412 0.912551C17.2067 0.638179 16.9992 0.407285 16.7421 0.245866C16.485 0.0844465 16.1885 -0.00111389 15.886 -0.00111389C15.5835 -0.00111389 15.287 0.0844465 15.0299 0.245866C14.7728 0.407285 14.5653 0.638179 14.4308 0.912551L10.6781 8.60261L2.28121 9.8392C1.89206 9.89475 1.53611 10.0916 1.2796 10.3931C1.02308 10.6945 0.88348 11.08 0.886776 11.4779C0.886447 11.6961 0.929977 11.912 1.01472 12.1125C1.09946 12.3131 1.22363 12.4941 1.37968 12.6445L7.45563 18.5744L6.01943 27.0241C6.00289 27.1258 5.99449 27.2287 5.99435 27.3317C5.99313 27.7717 6.16395 28.1943 6.4695 28.5071C6.77505 28.82 7.19045 28.9976 7.62496 29.0013C7.88846 29.0008 8.14779 28.9345 8.37992 28.8083L15.8883 24.8217L23.3967 28.8114C23.6287 28.9361 23.8873 29.0015 24.15 29.002C24.5752 28.9998 24.9832 28.8318 25.2893 28.5329C25.4452 28.3832 25.5695 28.2029 25.6544 28.003C25.7392 27.8031 25.783 27.5878 25.783 27.3702C25.7827 27.2731 25.7743 27.176 25.7579 27.0803L24.3209 18.6296L30.3931 12.7022C30.7094 12.3809 30.8867 11.9454 30.886 11.4917ZM22.0759 17.53L21.9437 17.3916L22.0759 17.53C22.0072 17.5977 21.9525 17.6787 21.9152 17.7681C21.8779 17.8575 21.8587 17.9536 21.8587 18.0506L21.8693 18.1737L23.2037 26.0237L16.2164 22.3148C16.1136 22.2602 15.9994 22.2317 15.8833 22.2317C15.7673 22.2317 15.653 22.2602 15.5503 22.3148L8.57132 26.0245L9.90651 18.1745L9.91712 18.0506C9.91696 17.9536 9.89768 17.8576 9.86038 17.7682C9.82308 17.6788 9.76851 17.5978 9.6999 17.53L4.05538 11.9724L11.8576 10.8258C11.9725 10.8088 12.0816 10.7638 12.1755 10.6947C12.2695 10.6256 12.3454 10.5344 12.3969 10.429L15.886 3.27721L19.3797 10.429C19.4313 10.5344 19.5074 10.6256 19.6014 10.6948C19.6955 10.7639 19.8047 10.8088 19.9197 10.8258L27.7197 11.9747L22.0759 17.53Z" fill="#ADB6BD"/>\n</g>\n<defs>\n<clipPath id="clip0_31553_1553">\n<rect width="30" height="29" fill="white" transform="translate(0.886719)"/>\n</clipPath>\n</defs>\n</svg>\n';var verdocsTemplateCardCss='verdocs-template-card{font-family:"Barlow", sans-serif;width:320px;height:320px;display:-ms-flexbox;display:flex;padding:25px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;-webkit-box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05);box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05)}verdocs-template-card .thumbnail{width:272px;height:158px;-o-object-fit:cover;object-fit:cover;margin-bottom:22px;-o-object-position:-20% 0;object-position:-20% 0}verdocs-template-card .name{font-size:18px;font-weight:700;margin-bottom:7px}verdocs-template-card .org-name{font-size:14px;font-weight:700;margin-bottom:6px}verdocs-template-card hr{width:100%;margin-bottom:17px;background-color:#aeb4bf}verdocs-template-card .controls{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;text-align:center;font-size:16px}verdocs-template-card .controls .control{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;margin-right:8px;-ms-flex-align:start;align-items:flex-start;border-right:1px solid #aeb4bf}verdocs-template-card .controls .control.secondary{-ms-flex-pack:center;justify-content:center}verdocs-template-card .controls .control svg{fill:#aeb4bf;height:16px;max-width:16px;margin:0 8px -2px 0}verdocs-template-card .additional-controls svg{margin-right:0;fill:#654dcb}';var VerdocsTemplateCard=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){var t,e,a,o,s;return h(Host,null,h("img",{src:((e=(t=this.template)===null||t===void 0?void 0:t.template_document)===null||e===void 0?void 0:e.thumbnail_url)||"",alt:"Template Thumbnail",class:"thumbnail"}),h("span",{class:"name"},this.template.name),h("span",{class:"org-name"},((a=this.template.organization)===null||a===void 0?void 0:a.name)||"Public"),h("hr",null),h("div",{class:"controls"},h("div",{class:"control"},h("span",{class:"icon",innerHTML:StarIcon}),h("span",{class:"value"},this.template.star_counter)),h("div",{class:"control secondary"},h("span",{class:"icon",innerHTML:PagesIcon}),h("span",{class:"value"},((s=(o=this.template)===null||o===void 0?void 0:o.template_document)===null||s===void 0?void 0:s.page_numbers)||1)),h("div",{class:"control secondary"},h("span",{class:"icon",innerHTML:EmailIcon}),h("span",{class:"value"},this.template.counter)),h("span",{class:"additional-controls",innerHTML:ActionsIcon})))};return t}();VerdocsTemplateCard.style=verdocsTemplateCardCss;export{VerdocsTemplateCard as verdocs_template_card};
+//# sourceMappingURL=verdocs-template-card.entry.js.map

package/dist/esm-es5/verdocs-template-card.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/controls/verdocs-template-card/verdocs-template-card.scss?tag=verdocs-template-card","src/components/controls/verdocs-template-card/verdocs-template-card.tsx"],"names":["verdocsTemplateCardCss","VerdocsTemplateCard","prototype","render","h","Host","src","_b","_a","this","template","template_document","thumbnail_url","alt","class","name","_c","organization","innerHTML","StarIcon","star_counter","PagesIcon","_e","_d","page_numbers","EmailIcon","counter","ActionsIcon"],"mappings":"uoGAAA,IAAMA,uBAAyB,88CCelBC,oBAAmB,kDAM9BA,EAAAC,UAAAC,OAAA,yBACE,OACEC,EAACC,KAAI,KACHD,EAAA,MAAA,CAAKE,MAAKC,GAAAC,EAAAC,KAAKC,YAAQ,MAAAF,SAAA,OAAA,EAAAA,EAAEG,qBAAiB,MAAAJ,SAAA,OAAA,EAAAA,EAAEK,gBAAiB,GAAIC,IAAI,qBAAqBC,MAAM,cAEhGV,EAAA,OAAA,CAAMU,MAAM,QAAQL,KAAKC,SAASK,MAClCX,EAAA,OAAA,CAAMU,MAAM,cAAYE,EAAAP,KAAKC,SAASO,gBAAY,MAAAD,SAAA,OAAA,EAAAA,EAAED,OAAQ,UAE5DX,EAAA,KAAA,MAEAA,EAAA,MAAA,CAAKU,MAAM,YACTV,EAAA,MAAA,CAAKU,MAAM,WACTV,EAAA,OAAA,CAAMU,MAAM,OAAOI,UAAWC,WAC9Bf,EAAA,OAAA,CAAMU,MAAM,SAASL,KAAKC,SAASU,eAGrChB,EAAA,MAAA,CAAKU,MAAM,qBACTV,EAAA,OAAA,CAAMU,MAAM,OAAOI,UAAWG,YAC9BjB,EAAA,OAAA,CAAMU,MAAM,WAASQ,GAAAC,EAAAd,KAAKC,YAAQ,MAAAa,SAAA,OAAA,EAAAA,EAAEZ,qBAAiB,MAAAW,SAAA,OAAA,EAAAA,EAAEE,eAAgB,IAGzEpB,EAAA,MAAA,CAAKU,MAAM,qBACTV,EAAA,OAAA,CAAMU,MAAM,OAAOI,UAAWO,YAC9BrB,EAAA,OAAA,CAAMU,MAAM,SAASL,KAAKC,SAASgB,UAGrCtB,EAAA,OAAA,CAAMU,MAAM,sBAAsBI,UAAWS,0BAhCvB","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-card {\n  font-family: $primary-font;\n  width: 320px;\n  height: 320px;\n  display: flex;\n  padding: 25px;\n  flex-wrap: nowrap;\n  box-sizing: border-box;\n  flex-direction: column;\n  background-color: $verdocs-grey-4;\n  box-shadow: 2px 2px 5px rgba(51, 54, 75, 0.05);\n\n  .thumbnail {\n    width: 272px;\n    height: 158px;\n    object-fit: cover;\n    margin-bottom: 22px;\n    object-position: -20% 0;\n  }\n\n  .name {\n    font-size: 18px;\n    font-weight: 700;\n    margin-bottom: 7px;\n  }\n\n  .org-name {\n    font-size: 14px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n\n  hr {\n    width: 100%;\n    margin-bottom: 17px;\n    background-color: $icon-color;\n  }\n\n  .controls {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    text-align: center;\n    font-size: 16px;\n\n    .control {\n      flex: 1;\n      display: flex;\n      margin-right: 8px;\n      align-items: flex-start;\n      border-right: 1px solid $icon-color;\n\n      &.secondary {\n        justify-content: center;\n      }\n\n      svg {\n        fill: $icon-color;\n        height: 16px;\n        max-width: 16px;\n        margin: 0 8px -2px 0;\n      }\n    }\n  }\n\n  .additional-controls svg {\n    margin-right: 0;\n    fill: $verdocs-purple;\n  }\n}\n","import {Component, Prop, h, Host} from '@stencil/core';\nimport {ITemplate} from '@verdocs/js-sdk/Templates/Types';\nimport ActionsIcon from './actions.svg';\nimport EmailIcon from './email.svg';\nimport PagesIcon from './pages.svg';\nimport StarIcon from './star.svg';\n\n/**\n * Displays a summary of a template\n */\n@Component({\n  tag: 'verdocs-template-card',\n  styleUrl: 'verdocs-template-card.scss',\n  shadow: false,\n})\nexport class VerdocsTemplateCard {\n  /**\n   * The template for which the card will be rendered.\n   */\n  @Prop() template: ITemplate;\n\n  render() {\n    return (\n      <Host>\n        <img src={this.template?.template_document?.thumbnail_url || ''} alt=\"Template Thumbnail\" class=\"thumbnail\" />\n\n        <span class=\"name\">{this.template.name}</span>\n        <span class=\"org-name\">{this.template.organization?.name || 'Public'}</span>\n\n        <hr />\n\n        <div class=\"controls\">\n          <div class=\"control\">\n            <span class=\"icon\" innerHTML={StarIcon} />\n            <span class=\"value\">{this.template.star_counter}</span>\n          </div>\n\n          <div class=\"control secondary\">\n            <span class=\"icon\" innerHTML={PagesIcon} />\n            <span class=\"value\">{this.template?.template_document?.page_numbers || 1}</span>\n          </div>\n\n          <div class=\"control secondary\">\n            <span class=\"icon\" innerHTML={EmailIcon} />\n            <span class=\"value\">{this.template.counter}</span>\n          </div>\n\n          <span class=\"additional-controls\" innerHTML={ActionsIcon} />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/esm-es5/verdocs-template-tags.entry.js

@@ -1 +1,2 @@
-import{r as registerInstance,h,H as Host}from"./index-859bc689.js";var verdocsTemplateTagsCss='verdocs-template-tags{font-family:"Barlow", sans-serif}verdocs-template-tags span{margin:0 4px;height:28px;font-size:12px;font-weight:600;padding:5px 12px 7px;border-radius:5px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-transform:uppercase;color:#33364b;border:1px solid #707ae5;background-color:#f5f5fa}';var VerdocsTemplateTags=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){var e;return h(Host,null,(e=this.tags)===null||e===void 0?void 0:e.map((function(e){return h("span",null,e)})))};return e}();VerdocsTemplateTags.style=verdocsTemplateTagsCss;export{VerdocsTemplateTags as verdocs_template_tags};
+import{r as registerInstance,h,H as Host}from"./index-859bc689.js";var verdocsTemplateTagsCss='verdocs-template-tags{font-family:"Barlow", sans-serif}verdocs-template-tags span{margin:0 4px;height:28px;font-size:12px;font-weight:600;padding:5px 12px 7px;border-radius:5px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-transform:uppercase;color:#33364b;border:1px solid #707ae5;background-color:#f5f5fa}';var VerdocsTemplateTags=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){var e;return h(Host,null,(e=this.tags)===null||e===void 0?void 0:e.map((function(e){return h("span",null,e)})))};return e}();VerdocsTemplateTags.style=verdocsTemplateTagsCss;export{VerdocsTemplateTags as verdocs_template_tags};
+//# sourceMappingURL=verdocs-template-tags.entry.js.map

package/dist/esm-es5/verdocs-template-tags.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/controls/verdocs-template-tags/verdocs-template-tags.scss?tag=verdocs-template-tags","src/components/controls/verdocs-template-tags/verdocs-template-tags.tsx"],"names":["verdocsTemplateTagsCss","VerdocsTemplateTags","prototype","render","h","Host","_a","this","tags","map","tag"],"mappings":"mEAAA,IAAMA,uBAAyB,0VCSlBC,oBAAmB,kDAM9BA,EAAAC,UAAAC,OAAA,iBACE,OACEC,EAACC,KAAI,MACFC,EAAAC,KAAKC,QAAI,MAAAF,SAAA,OAAA,EAAAA,EAAEG,KAAI,SAAAC,GAAG,OACjBN,EAAA,OAAA,KAAOM,iBAVe","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-tags {\n  font-family: $primary-font;\n\n  span {\n    margin: 0 4px;\n    height: 28px;\n    font-size: 12px;\n    font-weight: 600;\n    padding: 5px 12px 7px;\n    border-radius: 5px;\n    display: inline-block;\n    box-sizing: border-box;\n    text-transform: uppercase;\n    color: $label-color;\n    border: 1px solid $border-color;\n    background-color: $container-bg;\n  }\n}\n","import {Component, Prop, h, Host} from '@stencil/core';\n\n/**\n * Displays a message listing a template's tags.\n */\n@Component({\n  tag: 'verdocs-template-tags',\n  styleUrl: 'verdocs-template-tags.scss',\n})\nexport class VerdocsTemplateTags {\n  /**\n   * The tags to display\n   */\n  @Prop() tags: any[];\n\n  render() {\n    return (\n      <Host>\n        {this.tags?.map(tag => (\n          <span>{tag}</span>\n        ))}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1 +1,2 @@
-import{r as registerInstance,h}from"./index-859bc689.js";var verdocsToggleCss='verdocs-toggle{font-family:"Barlow", sans-serif}verdocs-toggle .container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background-color:#f5f5fa}verdocs-toggle .label{font-size:24px;font-weight:700;color:#33354c;-ms-flex-item-align:center;align-self:center;margin-right:27px;font-family:sans-serif}verdocs-toggle .buttons{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}verdocs-toggle .buttons button{width:60px;height:60px;border:2px solid #654dcb;border-radius:5px;cursor:pointer}verdocs-toggle .buttons button:not(:last-child){margin-right:11px}verdocs-toggle .buttons svg{width:30px;height:30px}verdocs-toggle .buttons button:hover{background-color:#654dcb;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .buttons button:hover svg{fill:#f5f5fa;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .selected{background-color:#707ae5;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .selected svg{fill:#ffffff;-webkit-transition:0.25s;transition:0.25s}';var VerdocsToggle=function(){function t(t){registerInstance(this,t)}t.prototype.handleClick=function(t){t.preventDefault();var e=t.target;if(e.matches("toggle-icon-buttons")){e=t.target.shadowRoot;var o=e.activeElement;var s=Array.from(o.parentElement.children).filter((function(t){return t!==o}));s.map((function(t){return t.classList.remove("selected")}));if(!o.classList.contains("selected")){o.classList.add("selected")}}};t.prototype.render=function(){var t=this;return h("div",{class:"container"},h("span",{class:"label"},"".concat(this.options.label,":")),h("div",{class:"buttons"},this.options.buttons.map((function(e,o){return h("button",{id:e.id,key:e.id,innerHTML:e.icon,class:o===t.options.defaultSelection?"selected":""})}))))};return t}();VerdocsToggle.style=verdocsToggleCss;export{VerdocsToggle as verdocs_toggle};
+import{r as registerInstance,h}from"./index-859bc689.js";var verdocsToggleCss='verdocs-toggle{font-family:"Barlow", sans-serif}verdocs-toggle .container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background-color:#f5f5fa}verdocs-toggle .label{font-size:24px;font-weight:700;color:#33354c;-ms-flex-item-align:center;align-self:center;margin-right:27px;font-family:sans-serif}verdocs-toggle .buttons{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}verdocs-toggle .buttons button{width:60px;height:60px;border:2px solid #654dcb;border-radius:5px;cursor:pointer}verdocs-toggle .buttons button:not(:last-child){margin-right:11px}verdocs-toggle .buttons svg{width:30px;height:30px}verdocs-toggle .buttons button:hover{background-color:#654dcb;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .buttons button:hover svg{fill:#f5f5fa;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .selected{background-color:#707ae5;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .selected svg{fill:#ffffff;-webkit-transition:0.25s;transition:0.25s}';var VerdocsToggle=function(){function t(t){registerInstance(this,t)}t.prototype.handleClick=function(t){t.preventDefault();var e=t.target;if(e.matches("toggle-icon-buttons")){e=t.target.shadowRoot;var o=e.activeElement;var s=Array.from(o.parentElement.children).filter((function(t){return t!==o}));s.map((function(t){return t.classList.remove("selected")}));if(!o.classList.contains("selected")){o.classList.add("selected")}}};t.prototype.render=function(){var t=this;return h("div",{class:"container"},h("span",{class:"label"},"".concat(this.options.label,":")),h("div",{class:"buttons"},this.options.buttons.map((function(e,o){return h("button",{id:e.id,key:e.id,innerHTML:e.icon,class:o===t.options.defaultSelection?"selected":""})}))))};return t}();VerdocsToggle.style=verdocsToggleCss;export{VerdocsToggle as verdocs_toggle};
+//# sourceMappingURL=verdocs-toggle.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/controls/verdocs-toggle/verdocs-toggle.scss?tag=verdocs-toggle","src/components/controls/verdocs-toggle/verdocs-toggle.tsx"],"names":["verdocsToggleCss","VerdocsToggle","prototype","handleClick","event","preventDefault","container","target","matches","shadowRoot","element_1","activeElement","siblings","Array","from","parentElement","children","filter","child","map","sibling","classList","remove","contains","add","render","_this","this","h","class","concat","options","label","buttons","button","index","id","key","innerHTML","icon","defaultSelection"],"mappings":"yDAAA,IAAMA,iBAAmB,0lCCwBZC,cAAa,kDAgBxBA,EAAAC,UAAAC,YAAA,SAAYC,GACVA,EAAMC,iBACN,IAAIC,EAAYF,EAAMG,OACtB,GAAID,EAAUE,QAAQ,uBAAwB,CAC5CF,EAAYF,EAAMG,OAAOE,WACzB,IAAMC,EAAUJ,EAAUK,cAC1B,IAAMC,EAAWC,MAAMC,KAAKJ,EAAQK,cAAcC,UAAUC,QAAO,SAAAC,GACjE,OAAOA,IAAUR,KAEnBE,EAASO,KAAI,SAACC,GACZ,OAAOA,EAAQC,UAAUC,OAAO,eAElC,IAAKZ,EAAQW,UAAUE,SAAS,YAAa,CAC3Cb,EAAQW,UAAUG,IAAI,eAK5BvB,EAAAC,UAAAuB,OAAA,WAAA,IAAAC,EAAAC,KACE,OACEC,EAAA,MAAA,CAAKC,MAAM,aACTD,EAAA,OAAA,CAAMC,MAAM,SAAS,GAAAC,OAAGH,KAAKI,QAAQC,MAAK,MAC1CJ,EAAA,MAAA,CAAKC,MAAM,WACRF,KAAKI,QAAQE,QAAQd,KAAI,SAACe,EAAkBC,GAAa,OACxDP,EAAA,SAAA,CAAQQ,GAAIF,EAAOE,GAAIC,IAAKH,EAAOE,GAAIE,UAAWJ,EAAOK,KAAMV,MAAOM,IAAUT,EAAKK,QAAQS,iBAAmB,WAAa,oBAxC/G","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-toggle {\n  font-family: $primary-font;\n\n  .container {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    background-color: $container-bg;\n  }\n\n  .label {\n    font-size: 24px;\n    font-weight: 700;\n    color: $medium-bg;\n    align-self: center;\n    margin-right: 27px;\n    font-family: sans-serif;\n  }\n\n  .buttons {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n  }\n\n  .buttons button {\n    width: 60px;\n    height: 60px;\n    border: 2px solid $item-border-color;\n    border-radius: 5px;\n    cursor: pointer;\n  }\n\n  .buttons button:not(:last-child) {\n    margin-right: 11px;\n  }\n\n  .buttons svg {\n    width: 30px;\n    height: 30px;\n  }\n\n  .buttons button:hover {\n    background-color: $item-border-color;\n    transition: 0.25s;\n  }\n\n  .buttons button:hover svg {\n    fill: $container-bg;\n    transition: 0.25s;\n  }\n\n  .selected {\n    background-color: $border-color;\n    transition: 0.25s;\n  }\n\n  .selected svg {\n    fill: #ffffff;\n    transition: 0.25s;\n  }\n}\n","import {Component, Prop, h, Listen} from '@stencil/core';\n\nexport interface IButtons {\n  id: string;\n  icon: string;\n}\n\nexport interface IToggleIconButtons {\n  label: string;\n  defaultSelection: number;\n  buttons: IButtons[];\n}\n\n/**\n * Displays a label and a set of buttons, also allowing a default selection of a button\n *\n * ```typescript\n *\n * ```\n */\n@Component({\n  tag: 'verdocs-toggle',\n  styleUrl: 'verdocs-toggle.scss',\n})\nexport class VerdocsToggle {\n  /**\n   * The tags to display\n   */\n  @Prop() options: IToggleIconButtons;\n\n  /**\n   * The \"theme\" to be used\n   */\n  @Prop() theme: 'light' | 'dark';\n\n  @Listen('click', {\n    target: 'document',\n    capture: true,\n    passive: false,\n  })\n  handleClick(event) {\n    event.preventDefault();\n    let container = event.target;\n    if (container.matches('toggle-icon-buttons')) {\n      container = event.target.shadowRoot;\n      const element = container.activeElement;\n      const siblings = Array.from(element.parentElement.children).filter(child => {\n        return child !== element;\n      });\n      siblings.map((sibling: any) => {\n        return sibling.classList.remove('selected');\n      });\n      if (!element.classList.contains('selected')) {\n        element.classList.add('selected');\n      }\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"container\">\n        <span class=\"label\">{`${this.options.label}:`}</span>\n        <div class=\"buttons\">\n          {this.options.buttons.map((button: IButtons, index: number) => (\n            <button id={button.id} key={button.id} innerHTML={button.icon} class={index === this.options.defaultSelection ? 'selected' : ''} />\n          ))}\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/esm-es5/verdocs-upload-dialog.entry.js

@@ -1 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,o){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function i(e){try{s(o.next(e))}catch(e){a(e)}}function l(e){try{s(o["throw"](e))}catch(e){a(e)}}function s(e){e.done?n(e.value):r(e.value).then(i,l)}s((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,r,a,i;return i={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function l(e){return function(t){return s([e,t])}}function s(i){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,r&&(a=i[0]&2?r["return"]:i[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,i[1])).done)return a;if(r=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;r=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){n.label=i[1];break}if(i[0]===6&&n.label<a[1]){n.label=a[1];a=i;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(i);break}if(a[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}catch(e){i=[6,e];r=0}finally{o=a=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var o=0,r=t.length,a;o<r;o++){if(a||!(o in t)){if(!a)a=Array.prototype.slice.call(t,0,o);a[o]=t[o]}}return e.concat(a||Array.prototype.slice.call(t))};import{r as registerInstance,c as createEvent,h,H as Host}from"./index-859bc689.js";var fileToDataUrl=function(e){return new Promise((function(t,n){var o=new FileReader;o.onload=function(){return t({lastModified:e.lastModified,size:e.size,type:e.type,name:e.name,data:o.result})};o.onerror=n;if(e){o.readAsDataURL(e)}else{n(new Error("Invalid file"))}}))};var Paperclip='<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">\n  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" />\n</svg>\n';var Trash='<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">\n  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />\n</svg>\n';var verdocsUploadDialogCss='verdocs-upload-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-upload-dialog .dialog{width:300px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-upload-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:20px;font-weight:500}verdocs-upload-dialog .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-upload-dialog .buttons verdocs-button{margin-left:16px}verdocs-upload-dialog .drop-target{padding:30px 15px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f5f5f5;border:2px dashed #979797;min-height:260px;text-align:center;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:rgba(0, 0, 0, 0.54);opacity:1;margin:20px 0}verdocs-upload-dialog .drop-target p{margin:12px 0}verdocs-upload-dialog .drop-target.dragging-over{border:5px solid #4c56cb}verdocs-upload-dialog .drop-target>verdocs-button{margin:12px 0;display:inline-block}verdocs-upload-dialog .attachments{height:56px;font-size:0;margin:20px 0;padding:0 16px;line-height:56px;white-space:normal;-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)}verdocs-upload-dialog .attachments .attachment{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .attachments .attachment .icon{width:18px;height:18px;line-height:18px}verdocs-upload-dialog .attachments .attachment .icon.trash{cursor:pointer}verdocs-upload-dialog .attachments .attachment .name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;padding:0 8px;font-size:14px;font-weight:400}';var VerdocsUploadDialog=function(){function e(e){registerInstance(this,e);this.cancel=createEvent(this,"cancel",7);this.done=createEvent(this,"done",7);this.open=false;this.draggingOver=false;this.decodedFiles=[]}e.prototype.handleCancel=function(){this.cancel.emit();this.open=false};e.prototype.handleDismiss=function(e){if(e.target.className==="background-overlay"){e.preventDefault();this.handleCancel()}};e.prototype.handleDone=function(){this.done.emit(this.decodedFiles);this.open=false};e.prototype.handleDragOver=function(e){e.preventDefault();this.draggingOver=true};e.prototype.handleDragLeave=function(e){e.preventDefault();this.draggingOver=false};e.prototype.handleDrop=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,o,r;return __generator(this,(function(a){switch(a.label){case 0:e.preventDefault();this.draggingOver=false;t=[];if(e.dataTransfer.items){for(n=0;n<e.dataTransfer.items.length;n++){if(e.dataTransfer.items[n].kind==="file"){o=e.dataTransfer.items[n].getAsFile();t.push(o)}}}else{t=e.dataTransfer.files}r=this;return[4,Promise.all(t.map(fileToDataUrl))];case 1:r.decodedFiles=a.sent();return[2]}}))}))};e.prototype.handleRemoveAttachment=function(e){var t=__spreadArray([],this.decodedFiles,true);t.splice(e,1);this.decodedFiles=t};e.prototype.handleSelectFile=function(){var e;(e=this.fileInput)===null||e===void 0?void 0:e.click()};e.prototype.handleFileChange=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,o,r,a,i;return __generator(this,(function(l){switch(l.label){case 0:console.log("fileChange",e);console.log("files",(t=this.fileInput)===null||t===void 0?void 0:t.files);r=[];for(a=0;a<((n=this.fileInput)===null||n===void 0?void 0:n.files.length);a++){r.push((o=this.fileInput)===null||o===void 0?void 0:o.files[a])}i=this;return[4,Promise.all(r.map(fileToDataUrl))];case 1:i.decodedFiles=l.sent();return[2]}}))}))};e.prototype.render=function(){var e=this;return h(Host,{style:{display:this.open?"block":"none"}},h("div",{class:"background-overlay",onClick:function(t){return e.handleDismiss(t)}},h("div",{class:"dialog"},h("div",{class:"heading"},"Upload attachment"),this.decodedFiles.length<1?h("div",{class:{"drop-target":true,"dragging-over":this.draggingOver},onDragOver:function(t){return e.handleDragOver(t)},onDragLeave:function(t){return e.handleDragLeave(t)},onDrop:function(t){return e.handleDrop(t)}},h("p",null,"Drag and drop a file here..."),h("p",null,"- or -"),h("verdocs-button",{label:"Select a file...",onPress:function(){return e.handleSelectFile()}}),h("input",{type:"file",ref:function(t){return e.fileInput=t},style:{display:"none"},onChange:function(t){return e.handleFileChange(t)}})):h("div",{class:"attachments"},this.decodedFiles.map((function(t,n){return h("div",{class:"attachment"},h("div",{class:"icon",innerHTML:Paperclip}),h("div",{class:"name"},t.name),h("div",{class:"icon trash",innerHTML:Trash,onClick:function(){return e.handleRemoveAttachment(n)}}))}))),h("div",{class:"buttons"},h("verdocs-button",{label:"Cancel",variant:"outline",onPress:function(){return e.handleCancel()}}),h("verdocs-button",{label:"Done",onPress:function(){return e.handleDone()},disabled:this.decodedFiles.length<1})))))};return e}();VerdocsUploadDialog.style=verdocsUploadDialogCss;export{VerdocsUploadDialog as verdocs_upload_dialog};
+var __awaiter=this&&this.__awaiter||function(e,t,n,o){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function i(e){try{s(o.next(e))}catch(e){a(e)}}function l(e){try{s(o["throw"](e))}catch(e){a(e)}}function s(e){e.done?n(e.value):r(e.value).then(i,l)}s((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,r,a,i;return i={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function l(e){return function(t){return s([e,t])}}function s(i){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,r&&(a=i[0]&2?r["return"]:i[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,i[1])).done)return a;if(r=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;r=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){n.label=i[1];break}if(i[0]===6&&n.label<a[1]){n.label=a[1];a=i;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(i);break}if(a[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}catch(e){i=[6,e];r=0}finally{o=a=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var o=0,r=t.length,a;o<r;o++){if(a||!(o in t)){if(!a)a=Array.prototype.slice.call(t,0,o);a[o]=t[o]}}return e.concat(a||Array.prototype.slice.call(t))};import{r as registerInstance,c as createEvent,h,H as Host}from"./index-859bc689.js";var fileToDataUrl=function(e){return new Promise((function(t,n){var o=new FileReader;o.onload=function(){return t({lastModified:e.lastModified,size:e.size,type:e.type,name:e.name,data:o.result})};o.onerror=n;if(e){o.readAsDataURL(e)}else{n(new Error("Invalid file"))}}))};var Paperclip='<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">\n  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" />\n</svg>\n';var Trash='<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">\n  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />\n</svg>\n';var verdocsUploadDialogCss='verdocs-upload-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-upload-dialog .dialog{width:300px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-upload-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:20px;font-weight:500}verdocs-upload-dialog .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-upload-dialog .buttons verdocs-button{margin-left:16px}verdocs-upload-dialog .drop-target{padding:30px 15px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f5f5f5;border:2px dashed #979797;min-height:260px;text-align:center;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:rgba(0, 0, 0, 0.54);opacity:1;margin:20px 0}verdocs-upload-dialog .drop-target p{margin:12px 0}verdocs-upload-dialog .drop-target.dragging-over{border:5px solid #4c56cb}verdocs-upload-dialog .drop-target>verdocs-button{margin:12px 0;display:inline-block}verdocs-upload-dialog .attachments{height:56px;font-size:0;margin:20px 0;padding:0 16px;line-height:56px;white-space:normal;-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)}verdocs-upload-dialog .attachments .attachment{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .attachments .attachment .icon{width:18px;height:18px;line-height:18px}verdocs-upload-dialog .attachments .attachment .icon.trash{cursor:pointer}verdocs-upload-dialog .attachments .attachment .name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;padding:0 8px;font-size:14px;font-weight:400}';var VerdocsUploadDialog=function(){function e(e){registerInstance(this,e);this.cancel=createEvent(this,"cancel",7);this.done=createEvent(this,"done",7);this.open=false;this.draggingOver=false;this.decodedFiles=[]}e.prototype.handleCancel=function(){this.cancel.emit();this.open=false};e.prototype.handleDismiss=function(e){if(e.target.className==="background-overlay"){e.preventDefault();this.handleCancel()}};e.prototype.handleDone=function(){this.done.emit(this.decodedFiles);this.open=false};e.prototype.handleDragOver=function(e){e.preventDefault();this.draggingOver=true};e.prototype.handleDragLeave=function(e){e.preventDefault();this.draggingOver=false};e.prototype.handleDrop=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,o,r;return __generator(this,(function(a){switch(a.label){case 0:e.preventDefault();this.draggingOver=false;t=[];if(e.dataTransfer.items){for(n=0;n<e.dataTransfer.items.length;n++){if(e.dataTransfer.items[n].kind==="file"){o=e.dataTransfer.items[n].getAsFile();t.push(o)}}}else{t=e.dataTransfer.files}r=this;return[4,Promise.all(t.map(fileToDataUrl))];case 1:r.decodedFiles=a.sent();return[2]}}))}))};e.prototype.handleRemoveAttachment=function(e){var t=__spreadArray([],this.decodedFiles,true);t.splice(e,1);this.decodedFiles=t};e.prototype.handleSelectFile=function(){var e;(e=this.fileInput)===null||e===void 0?void 0:e.click()};e.prototype.handleFileChange=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,o,r,a,i;return __generator(this,(function(l){switch(l.label){case 0:console.log("fileChange",e);console.log("files",(t=this.fileInput)===null||t===void 0?void 0:t.files);r=[];for(a=0;a<((n=this.fileInput)===null||n===void 0?void 0:n.files.length);a++){r.push((o=this.fileInput)===null||o===void 0?void 0:o.files[a])}i=this;return[4,Promise.all(r.map(fileToDataUrl))];case 1:i.decodedFiles=l.sent();return[2]}}))}))};e.prototype.render=function(){var e=this;return h(Host,{style:{display:this.open?"block":"none"}},h("div",{class:"background-overlay",onClick:function(t){return e.handleDismiss(t)}},h("div",{class:"dialog"},h("div",{class:"heading"},"Upload attachment"),this.decodedFiles.length<1?h("div",{class:{"drop-target":true,"dragging-over":this.draggingOver},onDragOver:function(t){return e.handleDragOver(t)},onDragLeave:function(t){return e.handleDragLeave(t)},onDrop:function(t){return e.handleDrop(t)}},h("p",null,"Drag and drop a file here..."),h("p",null,"- or -"),h("verdocs-button",{label:"Select a file...",onPress:function(){return e.handleSelectFile()}}),h("input",{type:"file",ref:function(t){return e.fileInput=t},style:{display:"none"},onChange:function(t){return e.handleFileChange(t)}})):h("div",{class:"attachments"},this.decodedFiles.map((function(t,n){return h("div",{class:"attachment"},h("div",{class:"icon",innerHTML:Paperclip}),h("div",{class:"name"},t.name),h("div",{class:"icon trash",innerHTML:Trash,onClick:function(){return e.handleRemoveAttachment(n)}}))}))),h("div",{class:"buttons"},h("verdocs-button",{label:"Cancel",variant:"outline",onPress:function(){return e.handleCancel()}}),h("verdocs-button",{label:"Done",onPress:function(){return e.handleDone()},disabled:this.decodedFiles.length<1})))))};return e}();VerdocsUploadDialog.style=verdocsUploadDialogCss;export{VerdocsUploadDialog as verdocs_upload_dialog};
+//# sourceMappingURL=verdocs-upload-dialog.entry.js.map

package/dist/esm-es5/verdocs-upload-dialog.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["node_modules/@verdocs/js-sdk/Utils/Files.js","src/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.scss?tag=verdocs-upload-dialog","src/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.tsx"],"names":["fileToDataUrl","file","Promise","resolve","reject","reader","FileReader","onload","lastModified","size","type","name","data","result","onerror","readAsDataURL","Error","verdocsUploadDialogCss","VerdocsUploadDialog","class_1","hostRef","this","open","draggingOver","decodedFiles","prototype","handleCancel","cancel","emit","handleDismiss","e","target","className","preventDefault","handleDone","done","handleDragOver","handleDragLeave","handleDrop","droppedFiles","dataTransfer","items","i","length","kind","getAsFile","push","files","_d","all","map","_e","sent","handleRemoveAttachment","index","newFiles","__spreadArray","splice","handleSelectFile","_a","fileInput","click","handleFileChange","console","log","_b","_c","render","_this","h","Host","style","display","class","onClick","drop-target","dragging-over","onDragOver","onDragLeave","onDrop","label","onPress","ref","el","onChange","innerHTML","Paperclip","Trash","variant","disabled"],"mappings":"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","sourcesContent":["/**\n * Given a File, extract the file's content as a base64 encoded data URL. The response will have a prefix that\n * includes the MIME type of the file, e.g. \"data:image/jpeg;base64,iVBORw0K......\"\n */\nexport var fileToDataUrl = function (file) {\n    return new Promise(function (resolve, reject) {\n        var reader = new FileReader();\n        reader.onload = function () {\n            return resolve({\n                lastModified: file.lastModified,\n                size: file.size,\n                type: file.type,\n                name: file.name,\n                data: reader.result,\n            });\n        };\n        reader.onerror = reject;\n        if (file) {\n            reader.readAsDataURL(file);\n        }\n        else {\n            reject(new Error('Invalid file'));\n        }\n    });\n};\n","@import '../../../theme.scss';\n\nverdocs-upload-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .background-overlay {\n    position: absolute;\n    z-index: 10000;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #0000007f;\n  }\n\n  .dialog {\n    width: 300px;\n    display: flex;\n    flex-direction: column;\n    border-radius: 4px;\n    overflow: hidden;\n    background: $verdocs-grey-4;\n    padding: 16px;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n  }\n\n  .heading {\n    display: flex;\n    flex-direction: row;\n    font-size: 20px;\n    font-weight: 500;\n  }\n\n  .buttons {\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n    justify-content: flex-end;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n\n  .drop-target {\n    padding: 30px 15px;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    background-color: #f5f5f5;\n    border: 2px dashed #979797;\n    min-height: 260px;\n    text-align: center;\n    justify-content: center;\n    align-items: center;\n    color: rgba(0, 0, 0, 0.54);\n    opacity: 1;\n    margin: 20px 0;\n\n    p {\n      margin: 12px 0;\n    }\n\n    &.dragging-over {\n      border: 5px solid $verdocs-deep-blue;\n    }\n\n    > verdocs-button {\n      margin: 12px 0;\n      display: inline-block;\n    }\n  }\n\n  .attachments {\n    height: 56px;\n    font-size: 0;\n    margin: 20px 0;\n    padding: 0 16px;\n    line-height: 56px;\n    white-space: normal;\n    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 12%), 0 0 2px 0 rgb(0 0 0 / 14%);\n\n    .attachment {\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n\n      .icon {\n        width: 18px;\n        height: 18px;\n        line-height: 18px;\n\n        &.trash {\n          cursor: pointer;\n        }\n      }\n\n      .name {\n        flex: 1;\n        display: flex;\n        padding: 0 8px;\n        font-size: 14px;\n        font-weight: 400;\n      }\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter, Host, State} from '@stencil/core';\nimport {fileToDataUrl, FileWithData} from '@verdocs/js-sdk/Utils/Files';\nimport Paperclip from './paperclip.svg';\nimport Trash from './trash.svg';\n\n/**\n * Display a text input field. This adds a partially-transparent overlay and screen-centered dialog\n * box with a message and optional header/title. An OK button is shown that will dismiss the message.\n * It can also be dismissed by clicking the background overlay.\n */\n@Component({\n  tag: 'verdocs-upload-dialog',\n  styleUrl: 'verdocs-upload-dialog.scss',\n})\nexport class VerdocsUploadDialog {\n  private fileInput?: HTMLInputElement;\n\n  /**\n   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n   */\n  @Prop() open: boolean = false;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the closure reason.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the closure reason.\n   */\n  @Event({composed: true}) done: EventEmitter<FileWithData[]>;\n\n  @State() draggingOver = false;\n\n  @State() decodedFiles = [] as FileWithData[];\n\n  handleCancel() {\n    this.cancel.emit();\n    this.open = false;\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.handleCancel();\n    }\n  }\n\n  handleDone() {\n    this.done.emit(this.decodedFiles);\n    this.open = false;\n  }\n\n  handleDragOver(e) {\n    e.preventDefault();\n    this.draggingOver = true;\n  }\n\n  handleDragLeave(e) {\n    e.preventDefault();\n    this.draggingOver = false;\n  }\n\n  async handleDrop(e) {\n    e.preventDefault();\n    this.draggingOver = false;\n\n    // Required for cross-browser support. Note that dataTransfer.items is of type DataTransferItemList and is not an array.\n    let droppedFiles = [] as File[];\n    if (e.dataTransfer.items) {\n      for (let i = 0; i < e.dataTransfer.items.length; i++) {\n        if (e.dataTransfer.items[i].kind === 'file') {\n          const file = e.dataTransfer.items[i].getAsFile();\n          droppedFiles.push(file);\n        }\n      }\n    } else {\n      droppedFiles = e.dataTransfer.files;\n    }\n\n    this.decodedFiles = await Promise.all(droppedFiles.map(fileToDataUrl));\n  }\n\n  handleRemoveAttachment(index: number) {\n    const newFiles = [...this.decodedFiles];\n    newFiles.splice(index, 1);\n    this.decodedFiles = newFiles;\n  }\n\n  handleSelectFile() {\n    this.fileInput?.click();\n  }\n\n  async handleFileChange(e) {\n    console.log('fileChange', e);\n    console.log('files', this.fileInput?.files);\n    let droppedFiles = [] as File[];\n    for (let i = 0; i < this.fileInput?.files.length; i++) {\n      droppedFiles.push(this.fileInput?.files[i]);\n    }\n    this.decodedFiles = await Promise.all(droppedFiles.map(fileToDataUrl));\n  }\n\n  render() {\n    return (\n      <Host style={{display: this.open ? 'block' : 'none'}}>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">Upload attachment</div>\n\n            {this.decodedFiles.length < 1 ? (\n              <div\n                class={{'drop-target': true, 'dragging-over': this.draggingOver}}\n                onDragOver={e => this.handleDragOver(e)}\n                onDragLeave={e => this.handleDragLeave(e)}\n                onDrop={e => this.handleDrop(e)}\n              >\n                <p>Drag and drop a file here...</p>\n                <p>- or -</p>\n\n                <verdocs-button label=\"Select a file...\" onPress={() => this.handleSelectFile()} />\n                <input type=\"file\" ref={el => (this.fileInput = el as HTMLInputElement)} style={{display: 'none'}} onChange={e => this.handleFileChange(e)} />\n              </div>\n            ) : (\n              <div class=\"attachments\">\n                {this.decodedFiles.map((file, index) => (\n                  <div class=\"attachment\">\n                    <div class=\"icon\" innerHTML={Paperclip} />\n                    <div class=\"name\">{file.name}</div>\n                    <div class=\"icon trash\" innerHTML={Trash} onClick={() => this.handleRemoveAttachment(index)} />\n                  </div>\n                ))}\n              </div>\n            )}\n\n            <div class=\"buttons\">\n              <verdocs-button label=\"Cancel\" variant=\"outline\" onPress={() => this.handleCancel()} />\n              <verdocs-button label=\"Done\" onPress={() => this.handleDone()} disabled={this.decodedFiles.length < 1} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/esm-es5/verdocs-web-sdk.js

@@ -1 +1,2 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-859bc689.js";var patchBrowser=function(){var e=import.meta.url;var d={};if(e!==""){d.resourcesUrl=new URL(".",e).href}return promiseResolve(d)};patchBrowser().then((function(e){return bootstrapLazy([["verdocs-sign",[[0,"verdocs-sign",{endpoint:[16],documentid:[1],roleid:[1],invitecode:[1],recipient:[32],signerToken:[32],pdfUrl:[32],recipientIndex:[32],document:[32],fields:[32],pdfPageInfo:[32],hasSignature:[32],nextButtonLabel:[32],focusedField:[32]}]]],["verdocs-auth",[[0,"verdocs-auth",{endpoint:[16],visible:[4],logo:[1],debug:[4],isAuthenticated:[32],displayMode:[32],username:[32],password:[32],loggingIn:[32],activeSession:[32],loginError:[32]}]]],["verdocs-search",[[0,"verdocs-search",{endpoint:[16]}]]],["verdocs-kba-dialog",[[0,"verdocs-kba-dialog",{step:[2],steps:[2],helptitle:[1],helptext:[1],mode:[1],label:[1],placeholder:[1],choices:[16],open:[4],response:[32]}]]],["verdocs-organization-card",[[0,"verdocs-organization-card",{organization:[16]}]]],["verdocs-quick-functions",[[0,"verdocs-quick-functions",{endpoint:[16]}]]],["verdocs-search-tabs",[[0,"verdocs-search-tabs",{selected:[32]}]]],["verdocs-status-indicator",[[0,"verdocs-status-indicator",{size:[1],theme:[1],status:[1],document:[16],isOpen:[32],recipientStatusIcons:[32]}]]],["verdocs-template-card",[[0,"verdocs-template-card",{template:[16]}]]],["verdocs-template-tags",[[0,"verdocs-template-tags",{tags:[16]}]]],["verdocs-toggle",[[0,"verdocs-toggle",{options:[16],theme:[1]},[[6,"click","handleClick"]]]]],["verdocs-button_2",[[0,"verdocs-text-input",{value:[1],label:[1],placeholder:[1],autocomplete:[1],type:[1],disabled:[4],_value:[32]}],[0,"verdocs-button",{label:[1],startIcon:[1,"start-icon"],endIcon:[1,"end-icon"],size:[1],type:[1],variant:[1],disabled:[4]}]]],["verdocs-ok-dialog",[[0,"verdocs-ok-dialog",{heading:[1],message:[1],open:[4],cancel:[4]}]]],["verdocs-initial-dialog",[[0,"verdocs-initial-dialog",{fullname:[1],open:[4],fontLoaded:[32],enteredInitials:[32],mode:[32]}]]],["verdocs-signature-dialog",[[0,"verdocs-signature-dialog",{fullname:[1],open:[4],fontLoaded:[32],enteredName:[32],mode:[32]}]]],["verdocs-upload-dialog",[[0,"verdocs-upload-dialog",{open:[4],draggingOver:[32],decodedFiles:[32]}]]],["verdocs-search-activity_2",[[0,"verdocs-search-activity",{endpoint:[16],type:[1],options:[8],emptyMessage:[32],authFailure:[32],title:[32],recent:[32],saved:[32],starred:[32]}],[0,"verdocs-search-box",{endpoint:[16],placeholder:[1],type:[1],query:[1]}]]],["verdocs-loader",[[0,"verdocs-loader"]]],["verdocs-dropdown_12",[[0,"verdocs-field-initial",{required:[4],fullName:[1,"full-name"],value:[1],focusField:[64]}],[0,"verdocs-field-signature",{required:[4],fullName:[1,"full-name"],value:[1],focusField:[64]}],[0,"verdocs-field-attachment",{order:[2],value:[1],required:[4],disabled:[4],focusField:[64]}],[0,"verdocs-view",{endpoint:[16],rotation:[2],source:[1],loadProgress:[32]}],[0,"verdocs-dropdown",{options:[16],open:[4],isOpen:[32]}],[0,"verdocs-field-checkbox",{order:[2],value:[4],required:[4],disabled:[4]}],[0,"verdocs-field-date",{placeholder:[1],order:[2],value:[1],required:[4],disabled:[4],focused:[32],focusField:[64]}],[0,"verdocs-field-dropdown",{options:[16],required:[4],order:[2],disabled:[4],value:[1],focused:[32],focusField:[64]}],[0,"verdocs-field-payment",{field:[16],fields:[16],pageNum:[2,"page-num"],roleName:[1,"role-name"],fieldId:[1,"field-id"],recipients:[8],selectedRoleName:[1,"selected-role-name"],pdfPages:[16],currentSignature:[1,"current-signature"],currentSignatureId:[1,"current-signature-id"],currentInitial:[1,"current-initial"],currentInitialId:[1,"current-initial-id"],focused:[4],signed:[4],preparedMessage:[32],signatureUrl:[32]}],[0,"verdocs-field-radio-button",{order:[2],checked:[4],value:[1],name:[1],required:[4],disabled:[4]}],[0,"verdocs-field-textarea",{placeholder:[1],order:[2],value:[1],required:[4],disabled:[4],focused:[32],focusField:[64]}],[0,"verdocs-field-textbox",{placeholder:[1],order:[2],value:[1],required:[4],disabled:[4],focused:[32],focusField:[64]}]]]],e)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-859bc689.js";var patchBrowser=function(){var e=import.meta.url;var d={};if(e!==""){d.resourcesUrl=new URL(".",e).href}return promiseResolve(d)};patchBrowser().then((function(e){return bootstrapLazy([["verdocs-sign",[[0,"verdocs-sign",{endpoint:[16],documentid:[1],roleid:[1],invitecode:[1],recipient:[32],signerToken:[32],pdfUrl:[32],recipientIndex:[32],document:[32],fields:[32],pdfPageInfo:[32],hasSignature:[32],nextButtonLabel:[32],focusedField:[32]}]]],["verdocs-auth",[[0,"verdocs-auth",{endpoint:[16],visible:[4],logo:[1],debug:[4],isAuthenticated:[32],displayMode:[32],username:[32],password:[32],loggingIn:[32],activeSession:[32],loginError:[32],_endpoint:[32]}]]],["verdocs-search",[[0,"verdocs-search",{endpoint:[16]}]]],["verdocs-kba-dialog",[[0,"verdocs-kba-dialog",{step:[2],steps:[2],helptitle:[1],helptext:[1],mode:[1],label:[1],placeholder:[1],choices:[16],open:[4],response:[32]}]]],["verdocs-organization-card",[[0,"verdocs-organization-card",{organization:[16]}]]],["verdocs-quick-functions",[[0,"verdocs-quick-functions",{endpoint:[16]}]]],["verdocs-search-tabs",[[0,"verdocs-search-tabs",{selected:[32]}]]],["verdocs-status-indicator",[[0,"verdocs-status-indicator",{size:[1],theme:[1],status:[1],document:[16],isOpen:[32],recipientStatusIcons:[32]}]]],["verdocs-template-card",[[0,"verdocs-template-card",{template:[16]}]]],["verdocs-template-tags",[[0,"verdocs-template-tags",{tags:[16]}]]],["verdocs-toggle",[[0,"verdocs-toggle",{options:[16],theme:[1]},[[6,"click","handleClick"]]]]],["verdocs-button_2",[[0,"verdocs-text-input",{value:[1],label:[1],placeholder:[1],autocomplete:[1],type:[1],disabled:[4],_value:[32]}],[0,"verdocs-button",{label:[1],startIcon:[1,"start-icon"],endIcon:[1,"end-icon"],size:[1],type:[1],variant:[1],disabled:[4]}]]],["verdocs-ok-dialog",[[0,"verdocs-ok-dialog",{heading:[1],message:[1],open:[4],cancel:[4]}]]],["verdocs-initial-dialog",[[0,"verdocs-initial-dialog",{fullname:[1],open:[4],fontLoaded:[32],enteredInitials:[32],mode:[32]}]]],["verdocs-signature-dialog",[[0,"verdocs-signature-dialog",{fullname:[1],open:[4],fontLoaded:[32],enteredName:[32],mode:[32]}]]],["verdocs-upload-dialog",[[0,"verdocs-upload-dialog",{open:[4],draggingOver:[32],decodedFiles:[32]}]]],["verdocs-search-activity_2",[[0,"verdocs-search-activity",{endpoint:[16],type:[1],options:[8],emptyMessage:[32],authFailure:[32],title:[32],recent:[32],saved:[32],starred:[32]}],[0,"verdocs-search-box",{endpoint:[16],placeholder:[1],type:[1],query:[1]}]]],["verdocs-loader",[[0,"verdocs-loader"]]],["verdocs-dropdown_12",[[0,"verdocs-field-initial",{required:[4],fullName:[1,"full-name"],value:[1],focusField:[64]}],[0,"verdocs-field-signature",{required:[4],fullName:[1,"full-name"],value:[1],focusField:[64]}],[0,"verdocs-field-attachment",{order:[2],value:[1],required:[4],disabled:[4],focusField:[64]}],[0,"verdocs-view",{endpoint:[16],rotation:[2],source:[1],loadProgress:[32]}],[0,"verdocs-dropdown",{options:[16],open:[4],isOpen:[32]}],[0,"verdocs-field-checkbox",{order:[2],value:[4],required:[4],disabled:[4]}],[0,"verdocs-field-date",{placeholder:[1],order:[2],value:[1],required:[4],disabled:[4],focused:[32],focusField:[64]}],[0,"verdocs-field-dropdown",{options:[16],required:[4],order:[2],disabled:[4],value:[1],focused:[32],focusField:[64]}],[0,"verdocs-field-payment",{field:[16],fields:[16],pageNum:[2,"page-num"],roleName:[1,"role-name"],fieldId:[1,"field-id"],recipients:[8],selectedRoleName:[1,"selected-role-name"],pdfPages:[16],currentSignature:[1,"current-signature"],currentSignatureId:[1,"current-signature-id"],currentInitial:[1,"current-initial"],currentInitialId:[1,"current-initial-id"],focused:[4],signed:[4],preparedMessage:[32],signatureUrl:[32]}],[0,"verdocs-field-radio-button",{order:[2],checked:[4],value:[1],name:[1],required:[4],disabled:[4]}],[0,"verdocs-field-textarea",{placeholder:[1],order:[2],value:[1],required:[4],disabled:[4],focused:[32],focusField:[64]}],[0,"verdocs-field-textbox",{placeholder:[1],order:[2],value:[1],required:[4],disabled:[4],focused:[32],focusField:[64]}]]]],e)}));
+//# sourceMappingURL=verdocs-web-sdk.js.map

package/dist/esm-es5/verdocs-web-sdk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"names":["patchBrowser","importMeta","import","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","endpoint","documentid","roleid","invitecode","recipient","signerToken","pdfUrl","recipientIndex","document","fields","pdfPageInfo","hasSignature","nextButtonLabel","focusedField","visible","logo","debug","isAuthenticated","displayMode","username","password","loggingIn","activeSession","loginError","_endpoint","step","steps","helptitle","helptext","mode","label","placeholder","choices","open","response","organization","selected","size","theme","status","isOpen","recipientStatusIcons","template","tags","value","autocomplete","type","disabled","_value","startIcon","endIcon","variant","heading","message","cancel","fullname","fontLoaded","enteredInitials","enteredName","draggingOver","decodedFiles","emptyMessage","authFailure","title","recent","saved","starred","query","required","fullName","focusField","order","rotation","source","loadProgress","focused","field","pageNum","roleName","fieldId","recipients","selectedRoleName","pdfPages","currentSignature","currentSignatureId","currentInitial","currentInitialId","signed","preparedMessage","signatureUrl","checked","name"],"mappings":"wEAMA,IAAMA,aAAe,WA6BjB,IAAMC,EAAaC,OAAOC,KAAKC,IAC/B,IAAMC,EAA6D,GAenE,GAAuBJ,IAAe,GAAI,CACtCI,EAAKC,aAAe,IAAIC,IAAI,IAAKN,GAAYO,KAajD,OAAOC,eAAeJ,IC9D1BL,eAAeU,MAAK,SAAAC,GAElB,OAAOC,cAAc,CAAA,CAAA,eAAA,CAAA,CAAA,EAAA,eAA8B,CAAOC,SAAE,CAAA,IAAAC,WAAA,CAAA,GAAAC,OAAA,CAAA,GAAAC,WAAA,CAAA,GAAAC,UAAA,CAAA,IAAAC,YAAA,CAAA,IAAAC,OAAA,CAAA,IAAAC,eAAA,CAAA,IAAAC,SAAA,CAAA,IAAAC,OAAA,CAAA,IAAAC,YAAA,CAAA,IAAAC,aAAA,CAAA,IAAAC,gBAAA,CAAA,IAAAC,aAAA,CAAA,QAAA,CAAA,eAAA,CAAA,CAAA,EAAA,eAAA,CAAAb,SAAA,CAAA,IAAAc,QAAA,CAAA,GAAAC,KAAA,CAAA,GAAAC,MAAA,CAAA,GAAAC,gBAAA,CAAA,IAAAC,YAAA,CAAA,IAAAC,SAAA,CAAA,IAAAC,SAAA,CAAA,IAAAC,UAAA,CAAA,IAAAC,cAAA,CAAA,IAAAC,WAAA,CAAA,IAAAC,UAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,CAAA,EAAA,iBAAA,CAAAxB,SAAA,CAAA,QAAA,CAAA,qBAAA,CAAA,CAAA,EAAA,qBAAA,CAAAyB,KAAA,CAAA,GAAAC,MAAA,CAAA,GAAAC,UAAA,CAAA,GAAAC,SAAA,CAAA,GAAAC,KAAA,CAAA,GAAAC,MAAA,CAAA,GAAAC,YAAA,CAAA,GAAAC,QAAA,CAAA,IAAAC,KAAA,CAAA,GAAAC,SAAA,CAAA,QAAA,CAAA,4BAAA,CAAA,CAAA,EAAA,4BAAA,CAAAC,aAAA,CAAA,QAAA,CAAA,0BAAA,CAAA,CAAA,EAAA,0BAAA,CAAAnC,SAAA,CAAA,QAAA,CAAA,sBAAA,CAAA,CAAA,EAAA,sBAAA,CAAAoC,SAAA,CAAA,QAAA,CAAA,2BAAA,CAAA,CAAA,EAAA,2BAAA,CAAAC,KAAA,CAAA,GAAAC,MAAA,CAAA,GAAAC,OAAA,CAAA,GAAA/B,SAAA,CAAA,IAAAgC,OAAA,CAAA,IAAAC,qBAAA,CAAA,QAAA,CAAA,wBAAA,CAAA,CAAA,EAAA,wBAAA,CAAAC,SAAA,CAAA,QAAA,CAAA,wBAAA,CAAA,CAAA,EAAA,wBAAA,CAAAC,KAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,CAAA,EAAA,iBAAA,CAAA7C,QAAA,CAAA,IAAAwC,MAAA,CAAA,IAAA,CAAA,CAAA,EAAA,QAAA,mBAAA,CAAA,mBAAA,CAAA,CAAA,EAAA,qBAAA,CAAAM,MAAA,CAAA,GAAAd,MAAA,CAAA,GAAAC,YAAA,CAAA,GAAAc,aAAA,CAAA,GAAAC,KAAA,CAAA,GAAAC,SAAA,CAAA,GAAAC,OAAA,CAAA,MAAA,CAAA,EAAA,iBAAA,CAAAlB,MAAA,CAAA,GAAAmB,UAAA,CAAA,EAAA,cAAAC,QAAA,CAAA,EAAA,YAAAb,KAAA,CAAA,GAAAS,KAAA,CAAA,GAAAK,QAAA,CAAA,GAAAJ,SAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,oBAAA,CAAAK,QAAA,CAAA,GAAAC,QAAA,CAAA,GAAApB,KAAA,CAAA,GAAAqB,OAAA,CAAA,OAAA,CAAA,yBAAA,CAAA,CAAA,EAAA,yBAAA,CAAAC,SAAA,CAAA,GAAAtB,KAAA,CAAA,GAAAuB,WAAA,CAAA,IAAAC,gBAAA,CAAA,IAAA5B,KAAA,CAAA,QAAA,CAAA,2BAAA,CAAA,CAAA,EAAA,2BAAA,CAAA0B,SAAA,CAAA,GAAAtB,KAAA,CAAA,GAAAuB,WAAA,CAAA,IAAAE,YAAA,CAAA,IAAA7B,KAAA,CAAA,QAAA,CAAA,wBAAA,CAAA,CAAA,EAAA,wBAAA,CAAAI,KAAA,CAAA,GAAA0B,aAAA,CAAA,IAAAC,aAAA,CAAA,QAAA,CAAA,4BAAA,CAAA,CAAA,EAAA,0BAAA,CAAA5D,SAAA,CAAA,IAAA8C,KAAA,CAAA,GAAAhD,QAAA,CAAA,GAAA+D,aAAA,CAAA,IAAAC,YAAA,CAAA,IAAAC,MAAA,CAAA,IAAAC,OAAA,CAAA,IAAAC,MAAA,CAAA,IAAAC,QAAA,CAAA,MAAA,CAAA,EAAA,qBAAA,CAAAlE,SAAA,CAAA,IAAA+B,YAAA,CAAA,GAAAe,KAAA,CAAA,GAAAqB,MAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,CAAA,EAAA,oBAAA,CAAA,sBAAA,CAAA,CAAA,EAAA,wBAAA,CAAAC,SAAA,CAAA,GAAAC,SAAA,CAAA,EAAA,aAAAzB,MAAA,CAAA,GAAA0B,WAAA,CAAA,MAAA,CAAA,EAAA,0BAAA,CAAAF,SAAA,CAAA,GAAAC,SAAA,CAAA,EAAA,aAAAzB,MAAA,CAAA,GAAA0B,WAAA,CAAA,MAAA,CAAA,EAAA,2BAAA,CAAAC,MAAA,CAAA,GAAA3B,MAAA,CAAA,GAAAwB,SAAA,CAAA,GAAArB,SAAA,CAAA,GAAAuB,WAAA,CAAA,MAAA,CAAA,EAAA,eAAA,CAAAtE,SAAA,CAAA,IAAAwE,SAAA,CAAA,GAAAC,OAAA,CAAA,GAAAC,aAAA,CAAA,MAAA,CAAA,EAAA,mBAAA,CAAA5E,QAAA,CAAA,IAAAmC,KAAA,CAAA,GAAAO,OAAA,CAAA,MAAA,CAAA,EAAA,yBAAA,CAAA+B,MAAA,CAAA,GAAA3B,MAAA,CAAA,GAAAwB,SAAA,CAAA,GAAArB,SAAA,CAAA,KAAA,CAAA,EAAA,qBAAA,CAAAhB,YAAA,CAAA,GAAAwC,MAAA,CAAA,GAAA3B,MAAA,CAAA,GAAAwB,SAAA,CAAA,GAAArB,SAAA,CAAA,GAAA4B,QAAA,CAAA,IAAAL,WAAA,CAAA,MAAA,CAAA,EAAA,yBAAA,CAAAxE,QAAA,CAAA,IAAAsE,SAAA,CAAA,GAAAG,MAAA,CAAA,GAAAxB,SAAA,CAAA,GAAAH,MAAA,CAAA,GAAA+B,QAAA,CAAA,IAAAL,WAAA,CAAA,MAAA,CAAA,EAAA,wBAAA,CAAAM,MAAA,CAAA,IAAAnE,OAAA,CAAA,IAAAoE,QAAA,CAAA,EAAA,YAAAC,SAAA,CAAA,EAAA,aAAAC,QAAA,CAAA,EAAA,YAAAC,WAAA,CAAA,GAAAC,iBAAA,CAAA,EAAA,sBAAAC,SAAA,CAAA,IAAAC,iBAAA,CAAA,EAAA,qBAAAC,mBAAA,CAAA,EAAA,wBAAAC,eAAA,CAAA,EAAA,mBAAAC,iBAAA,CAAA,EAAA,sBAAAX,QAAA,CAAA,GAAAY,OAAA,CAAA,GAAAC,gBAAA,CAAA,IAAAC,aAAA,CAAA,MAAA,CAAA,EAAA,6BAAA,CAAAlB,MAAA,CAAA,GAAAmB,QAAA,CAAA,GAAA9C,MAAA,CAAA,GAAA+C,KAAA,CAAA,GAAAvB,SAAA,CAAA,GAAArB,SAAA,CAAA,KAAA,CAAA,EAAA,yBAAA,CAAAhB,YAAA,CAAA,GAAAwC,MAAA,CAAA,GAAA3B,MAAA,CAAA,GAAAwB,SAAA,CAAA,GAAArB,SAAA,CAAA,GAAA4B,QAAA,CAAA,IAAAL,WAAA,CAAA,MAAA,CAAA,EAAA,wBAAA,CAAAvC,YAAA,CAAA,GAAAwC,MAAA,CAAA,GAAA3B,MAAA,CAAA,GAAAwB,SAAA,CAAA,GAAArB,SAAA,CAAA,GAAA4B,QAAA,CAAA,IAAAL,WAAA,CAAA,SAAAxE","sourcesContent":["/*\n Stencil Client Patch Browser v2.17.3 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","import { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"]}

package/dist/types/components/embeds/verdocs-auth/verdocs-auth.d.ts

@@ -66,6 +66,8 @@ export declare class VerdocsAuth {
   loggingIn: boolean;
   activeSession: TSession;
   loginError: string | null;
+  _endpoint: VerdocsEndpoint;
+  componentWillLoad(): void;
   componentDidLoad(): void;
   handleLogin(): void;
   handleLogout(): void;

package/dist/verdocs-web-sdk/index.esm.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.esm.js.map

package/dist/verdocs-web-sdk/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/verdocs-web-sdk/p-06b2e7a5.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as o,H as s}from"./p-2bc58746.js";const l=`<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="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>`;const e=`<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="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z"/></svg>`;const i=`<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="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4H8c-1.1 0-1.99.9-1.99 2L6 21c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V11l-6-6zM8 21V7h6v5h5v9H8z"/></svg>`;const n=`<svg width="31" height="29" viewBox="0 0 31 29" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g clip-path="url(#clip0_31553_1553)">\n<path d="M30.886 11.4917C30.8916 11.0917 30.753 10.7034 30.4962 10.3993C30.2394 10.0953 29.882 9.8964 29.4908 9.83995L29.5182 9.65005L29.4908 9.83995L21.0938 8.60261L17.3412 0.912551C17.2067 0.638179 16.9992 0.407285 16.7421 0.245866C16.485 0.0844465 16.1885 -0.00111389 15.886 -0.00111389C15.5835 -0.00111389 15.287 0.0844465 15.0299 0.245866C14.7728 0.407285 14.5653 0.638179 14.4308 0.912551L10.6781 8.60261L2.28121 9.8392C1.89206 9.89475 1.53611 10.0916 1.2796 10.3931C1.02308 10.6945 0.88348 11.08 0.886776 11.4779C0.886447 11.6961 0.929977 11.912 1.01472 12.1125C1.09946 12.3131 1.22363 12.4941 1.37968 12.6445L7.45563 18.5744L6.01943 27.0241C6.00289 27.1258 5.99449 27.2287 5.99435 27.3317C5.99313 27.7717 6.16395 28.1943 6.4695 28.5071C6.77505 28.82 7.19045 28.9976 7.62496 29.0013C7.88846 29.0008 8.14779 28.9345 8.37992 28.8083L15.8883 24.8217L23.3967 28.8114C23.6287 28.9361 23.8873 29.0015 24.15 29.002C24.5752 28.9998 24.9832 28.8318 25.2893 28.5329C25.4452 28.3832 25.5695 28.2029 25.6544 28.003C25.7392 27.8031 25.783 27.5878 25.783 27.3702C25.7827 27.2731 25.7743 27.176 25.7579 27.0803L24.3209 18.6296L30.3931 12.7022C30.7094 12.3809 30.8867 11.9454 30.886 11.4917ZM22.0759 17.53L21.9437 17.3916L22.0759 17.53C22.0072 17.5977 21.9525 17.6787 21.9152 17.7681C21.8779 17.8575 21.8587 17.9536 21.8587 18.0506L21.8693 18.1737L23.2037 26.0237L16.2164 22.3148C16.1136 22.2602 15.9994 22.2317 15.8833 22.2317C15.7673 22.2317 15.653 22.2602 15.5503 22.3148L8.57132 26.0245L9.90651 18.1745L9.91712 18.0506C9.91696 17.9536 9.89768 17.8576 9.86038 17.7682C9.82308 17.6788 9.76851 17.5978 9.6999 17.53L4.05538 11.9724L11.8576 10.8258C11.9725 10.8088 12.0816 10.7638 12.1755 10.6947C12.2695 10.6256 12.3454 10.5344 12.3969 10.429L15.886 3.27721L19.3797 10.429C19.4313 10.5344 19.5074 10.6256 19.6014 10.6948C19.6955 10.7639 19.8047 10.8088 19.9197 10.8258L27.7197 11.9747L22.0759 17.53Z" fill="#ADB6BD"/>\n</g>\n<defs>\n<clipPath id="clip0_31553_1553">\n<rect width="30" height="29" fill="white" transform="translate(0.886719)"/>\n</clipPath>\n</defs>\n</svg>\n`;const a='verdocs-template-card{font-family:"Barlow", sans-serif;width:320px;height:320px;display:-ms-flexbox;display:flex;padding:25px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;-webkit-box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05);box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05)}verdocs-template-card .thumbnail{width:272px;height:158px;-o-object-fit:cover;object-fit:cover;margin-bottom:22px;-o-object-position:-20% 0;object-position:-20% 0}verdocs-template-card .name{font-size:18px;font-weight:700;margin-bottom:7px}verdocs-template-card .org-name{font-size:14px;font-weight:700;margin-bottom:6px}verdocs-template-card hr{width:100%;margin-bottom:17px;background-color:#aeb4bf}verdocs-template-card .controls{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;text-align:center;font-size:16px}verdocs-template-card .controls .control{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;margin-right:8px;-ms-flex-align:start;align-items:flex-start;border-right:1px solid #aeb4bf}verdocs-template-card .controls .control.secondary{-ms-flex-pack:center;justify-content:center}verdocs-template-card .controls .control svg{fill:#aeb4bf;height:16px;max-width:16px;margin:0 8px -2px 0}verdocs-template-card .additional-controls svg{margin-right:0;fill:#654dcb}';const r=class{constructor(o){t(this,o)}render(){var t,a,r,c,p;return o(s,null,o("img",{src:((a=(t=this.template)===null||t===void 0?void 0:t.template_document)===null||a===void 0?void 0:a.thumbnail_url)||"",alt:"Template Thumbnail",class:"thumbnail"}),o("span",{class:"name"},this.template.name),o("span",{class:"org-name"},((r=this.template.organization)===null||r===void 0?void 0:r.name)||"Public"),o("hr",null),o("div",{class:"controls"},o("div",{class:"control"},o("span",{class:"icon",innerHTML:n}),o("span",{class:"value"},this.template.star_counter)),o("div",{class:"control secondary"},o("span",{class:"icon",innerHTML:i}),o("span",{class:"value"},((p=(c=this.template)===null||c===void 0?void 0:c.template_document)===null||p===void 0?void 0:p.page_numbers)||1)),o("div",{class:"control secondary"},o("span",{class:"icon",innerHTML:e}),o("span",{class:"value"},this.template.counter)),o("span",{class:"additional-controls",innerHTML:l})))}};r.style=a;export{r as verdocs_template_card};
+//# sourceMappingURL=p-06b2e7a5.entry.js.map

package/dist/verdocs-web-sdk/p-06b2e7a5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/controls/verdocs-template-card/verdocs-template-card.scss?tag=verdocs-template-card","src/components/controls/verdocs-template-card/verdocs-template-card.tsx"],"names":["verdocsTemplateCardCss","VerdocsTemplateCard","[object Object]","h","Host","src","_b","_a","this","template","template_document","thumbnail_url","alt","class","name","_c","organization","innerHTML","StarIcon","star_counter","PagesIcon","_e","_d","page_numbers","EmailIcon","counter","ActionsIcon"],"mappings":"6lGAAA,MAAMA,EAAyB,g9CCelBC,EAAmB,+BAM9BC,uBACE,OACEC,EAACC,EAAI,KACHD,EAAA,MAAA,CAAKE,MAAKC,GAAAC,EAAAC,KAAKC,YAAQ,MAAAF,SAAA,OAAA,EAAAA,EAAEG,qBAAiB,MAAAJ,SAAA,OAAA,EAAAA,EAAEK,gBAAiB,GAAIC,IAAI,qBAAqBC,MAAM,cAEhGV,EAAA,OAAA,CAAMU,MAAM,QAAQL,KAAKC,SAASK,MAClCX,EAAA,OAAA,CAAMU,MAAM,cAAYE,EAAAP,KAAKC,SAASO,gBAAY,MAAAD,SAAA,OAAA,EAAAA,EAAED,OAAQ,UAE5DX,EAAA,KAAA,MAEAA,EAAA,MAAA,CAAKU,MAAM,YACTV,EAAA,MAAA,CAAKU,MAAM,WACTV,EAAA,OAAA,CAAMU,MAAM,OAAOI,UAAWC,IAC9Bf,EAAA,OAAA,CAAMU,MAAM,SAASL,KAAKC,SAASU,eAGrChB,EAAA,MAAA,CAAKU,MAAM,qBACTV,EAAA,OAAA,CAAMU,MAAM,OAAOI,UAAWG,IAC9BjB,EAAA,OAAA,CAAMU,MAAM,WAASQ,GAAAC,EAAAd,KAAKC,YAAQ,MAAAa,SAAA,OAAA,EAAAA,EAAEZ,qBAAiB,MAAAW,SAAA,OAAA,EAAAA,EAAEE,eAAgB,IAGzEpB,EAAA,MAAA,CAAKU,MAAM,qBACTV,EAAA,OAAA,CAAMU,MAAM,OAAOI,UAAWO,IAC9BrB,EAAA,OAAA,CAAMU,MAAM,SAASL,KAAKC,SAASgB,UAGrCtB,EAAA,OAAA,CAAMU,MAAM,sBAAsBI,UAAWS","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-card {\n  font-family: $primary-font;\n  width: 320px;\n  height: 320px;\n  display: flex;\n  padding: 25px;\n  flex-wrap: nowrap;\n  box-sizing: border-box;\n  flex-direction: column;\n  background-color: $verdocs-grey-4;\n  box-shadow: 2px 2px 5px rgba(51, 54, 75, 0.05);\n\n  .thumbnail {\n    width: 272px;\n    height: 158px;\n    object-fit: cover;\n    margin-bottom: 22px;\n    object-position: -20% 0;\n  }\n\n  .name {\n    font-size: 18px;\n    font-weight: 700;\n    margin-bottom: 7px;\n  }\n\n  .org-name {\n    font-size: 14px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n\n  hr {\n    width: 100%;\n    margin-bottom: 17px;\n    background-color: $icon-color;\n  }\n\n  .controls {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    text-align: center;\n    font-size: 16px;\n\n    .control {\n      flex: 1;\n      display: flex;\n      margin-right: 8px;\n      align-items: flex-start;\n      border-right: 1px solid $icon-color;\n\n      &.secondary {\n        justify-content: center;\n      }\n\n      svg {\n        fill: $icon-color;\n        height: 16px;\n        max-width: 16px;\n        margin: 0 8px -2px 0;\n      }\n    }\n  }\n\n  .additional-controls svg {\n    margin-right: 0;\n    fill: $verdocs-purple;\n  }\n}\n","import {Component, Prop, h, Host} from '@stencil/core';\nimport {ITemplate} from '@verdocs/js-sdk/Templates/Types';\nimport ActionsIcon from './actions.svg';\nimport EmailIcon from './email.svg';\nimport PagesIcon from './pages.svg';\nimport StarIcon from './star.svg';\n\n/**\n * Displays a summary of a template\n */\n@Component({\n  tag: 'verdocs-template-card',\n  styleUrl: 'verdocs-template-card.scss',\n  shadow: false,\n})\nexport class VerdocsTemplateCard {\n  /**\n   * The template for which the card will be rendered.\n   */\n  @Prop() template: ITemplate;\n\n  render() {\n    return (\n      <Host>\n        <img src={this.template?.template_document?.thumbnail_url || ''} alt=\"Template Thumbnail\" class=\"thumbnail\" />\n\n        <span class=\"name\">{this.template.name}</span>\n        <span class=\"org-name\">{this.template.organization?.name || 'Public'}</span>\n\n        <hr />\n\n        <div class=\"controls\">\n          <div class=\"control\">\n            <span class=\"icon\" innerHTML={StarIcon} />\n            <span class=\"value\">{this.template.star_counter}</span>\n          </div>\n\n          <div class=\"control secondary\">\n            <span class=\"icon\" innerHTML={PagesIcon} />\n            <span class=\"value\">{this.template?.template_document?.page_numbers || 1}</span>\n          </div>\n\n          <div class=\"control secondary\">\n            <span class=\"icon\" innerHTML={EmailIcon} />\n            <span class=\"value\">{this.template.counter}</span>\n          </div>\n\n          <span class=\"additional-controls\" innerHTML={ActionsIcon} />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-088b9a26.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as s,H as e}from"./p-2bc58746.js";const o='verdocs-initial-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}verdocs-initial-dialog.open{display:block}verdocs-initial-dialog .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-initial-dialog .dialog{width:100%;max-width:340px;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);background:#f9f9f9}verdocs-initial-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:20px 20px 0 20px;line-height:28px;font-size:20px;font-weight:500}verdocs-initial-dialog .content{font-size:14px;padding:20px}verdocs-initial-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}verdocs-initial-dialog .buttons verdocs-button{margin-left:16px}verdocs-initial-dialog canvas{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;width:300px;height:79px;max-width:100%;-webkit-box-shadow:0 0 6px 0 #0000001f;box-shadow:0 0 6px 0 #0000001f}verdocs-initial-dialog .disclaimer{text-align:justify;padding:8px 0;font-size:11px;line-height:14px;color:rgba(0, 0, 0, 0.54)}verdocs-initial-dialog .as-shown{font-size:11px;margin:4px 0 20px 4px;color:rgba(0, 0, 0, 0.54)}verdocs-initial-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-initial-dialog .tabs .tab{padding:8px 15px;cursor:pointer}verdocs-initial-dialog .tabs .tab.active{border-bottom:2px solid #cccccc}verdocs-initial-dialog .tabs .tab:hover{color:#55bc81}';const a=class{constructor(s){i(this,s);this.adopt=t(this,"adopt",7);this.cancel=t(this,"cancel",7);this.fullname="";this.open=false;this.fontLoaded=false;this.enteredInitials="";this.mode="type"}componentWillLoad(){this.enteredInitials=this.fullname.split(" ").map((i=>i.substring(0,1))).join("").toUpperCase();const i=new FontFace("Dancing Script","url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)");i.load().then((i=>{document.fonts.add(i);this.fontLoaded=true}))}componentDidLoad(){this.redrawSignature()}componentDidUpdate(){this.redrawSignature()}redrawSignature(){if(!this.canvasElement){return}const i=this.canvasElement.width;const t=this.canvasElement.getContext("2d");t.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);let s=100;do{s-=2;t.font=`${s}px Dancing Script`}while(t.measureText(this.enteredInitials).width>i-32);t.textAlign="center";t.textBaseline="middle";t.font=`${s}px Dancing Script`;t.fillText(this.enteredInitials,this.canvasElement.width/2,this.canvasElement.height/2)}handleDismiss(i){if(i.target.className==="background-overlay"){i.preventDefault();this.handleCancel()}}handleNameChange(i){this.enteredInitials=i.detail}handleAdopt(){const i=this.canvasElement.toDataURL("image/png");this.adopt.emit(i);this.open=false}handleCancel(){this.cancel.emit();this.open=false}render(){return s(e,{class:{open:this.open}},s("div",{class:"background-overlay",onClick:i=>this.handleDismiss(i)},s("div",{class:"dialog"},s("div",{class:"heading"},"Create Your Initial"),s("div",{class:"content"},s("verdocs-text-input",{placeholder:"Initials...",label:"Initials",value:this.enteredInitials,onFieldInput:i=>this.handleNameChange(i)}),s("div",{class:"as-shown"},"As shown on driver's license or govt. ID card."),s("div",{class:"tabs"},s("div",{class:{tab:true,active:this.mode==="type"},onClick:()=>this.mode="type"},"Type"),s("div",{class:{tab:true,active:this.mode==="draw"},onClick:()=>this.mode="draw"},"Draw")),this.fontLoaded?s("canvas",{ref:i=>this.canvasElement=i}):s("div",{style:{display:"none"}}),s("div",{class:"disclaimer"},"By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts — just the same as a pen-and-paper signature or initial."),s("div",{class:"buttons"},s("verdocs-button",{label:"CANCEL",variant:"outline",onPress:()=>this.handleCancel()}),s("verdocs-button",{label:"Adopt & Sign",onPress:()=>this.handleAdopt()}))))))}};a.style=o;export{a as verdocs_initial_dialog};
+//# sourceMappingURL=p-088b9a26.entry.js.map

package/dist/verdocs-web-sdk/p-088b9a26.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.scss?tag=verdocs-initial-dialog","src/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.tsx"],"names":["verdocsInitialDialogCss","VerdocsInitialDialog","[object Object]","hostRef","this","fullname","open","fontLoaded","enteredInitials","mode","split","map","s","substring","join","toUpperCase","ds","FontFace","load","then","font","document","fonts","add","redrawSignature","canvasElement","canvasWidth","width","context","getContext","clearRect","height","fontSize","measureText","textAlign","textBaseline","fillText","e","target","className","preventDefault","handleCancel","detail","data","toDataURL","adopt","emit","cancel","h","Host","class","onClick","handleDismiss","placeholder","label","value","onFieldInput","handleNameChange","tab","active","ref","el","style","display","variant","onPress","handleAdopt"],"mappings":"yDAAA,MAAMA,EAA0B,81DCUnBC,EAAoB,MAJjCC,YAAAC,yEAUUC,KAAAC,SAAmB,GAKnBD,KAAAE,KAAgB,MAYfF,KAAAG,WAAa,MAEbH,KAAAI,gBAA0B,GAE1BJ,KAAAK,KAAe,OAExBP,oBACEE,KAAKI,gBAAkBJ,KAAKC,SACzBK,MAAM,KACNC,KAAIC,GAAKA,EAAEC,UAAU,EAAG,KACxBC,KAAK,IACLC,cAEH,MAAMC,EAAK,IAAIC,SAAS,iBAAkB,oHAC1CD,EAAGE,OAAOC,MAAKC,IACbC,SAASC,MAAMC,IAAIH,GACnBhB,KAAKG,WAAa,QAItBL,mBACEE,KAAKoB,kBAGPtB,qBACEE,KAAKoB,kBAGPtB,kBACE,IAAKE,KAAKqB,cAAe,CACvB,OAGF,MAAMC,EAActB,KAAKqB,cAAcE,MAEvC,MAAMC,EAAUxB,KAAKqB,cAAcI,WAAW,MAC9CD,EAAQE,UAAU,EAAG,EAAG1B,KAAKqB,cAAcE,MAAOvB,KAAKqB,cAAcM,QAErE,IAAIC,EAAW,IACf,EAAG,CACDA,GAAY,EACZJ,EAAQR,KAAO,GAAGY,2BACXJ,EAAQK,YAAY7B,KAAKI,iBAAiBmB,MAAQD,EAAc,IAEzEE,EAAQM,UAAY,SACpBN,EAAQO,aAAe,SACvBP,EAAQR,KAAO,GAAGY,qBAClBJ,EAAQQ,SAAShC,KAAKI,gBAAiBJ,KAAKqB,cAAcE,MAAQ,EAAGvB,KAAKqB,cAAcM,OAAS,GAInG7B,cAAcmC,GACZ,GAAIA,EAAEC,OAAOC,YAAc,qBAAsB,CAC/CF,EAAEG,iBACFpC,KAAKqC,gBAITvC,iBAAiBmC,GACfjC,KAAKI,gBAAkB6B,EAAEK,OAG3BxC,cACE,MAAMyC,EAAOvC,KAAKqB,cAAcmB,UAAU,aAC1CxC,KAAKyC,MAAMC,KAAKH,GAChBvC,KAAKE,KAAO,MAGdJ,eACEE,KAAK2C,OAAOD,OACZ1C,KAAKE,KAAO,MAiKdJ,SACE,OACE8C,EAACC,EAAI,CAACC,MAAO,CAAC5C,KAAMF,KAAKE,OACvB0C,EAAA,MAAA,CAAKE,MAAM,qBAAqBC,QAASd,GAAKjC,KAAKgD,cAAcf,IAC/DW,EAAA,MAAA,CAAKE,MAAM,UACTF,EAAA,MAAA,CAAKE,MAAM,WAAS,uBAEpBF,EAAA,MAAA,CAAKE,MAAM,WACTF,EAAA,qBAAA,CAAoBK,YAAY,cAAcC,MAAM,WAAWC,MAAOnD,KAAKI,gBAAiBgD,aAAcnB,GAAKjC,KAAKqD,iBAAiBpB,KACrIW,EAAA,MAAA,CAAKE,MAAM,YAAU,kDAErBF,EAAA,MAAA,CAAKE,MAAM,QACTF,EAAA,MAAA,CAAKE,MAAO,CAACQ,IAAK,KAAMC,OAAQvD,KAAKK,OAAS,QAAS0C,QAAS,IAAO/C,KAAKK,KAAO,QAAO,QAG1FuC,EAAA,MAAA,CAAKE,MAAO,CAACQ,IAAK,KAAMC,OAAQvD,KAAKK,OAAS,QAAS0C,QAAS,IAAO/C,KAAKK,KAAO,QAAO,SAK3FL,KAAKG,WAAayC,EAAA,SAAA,CAAQY,IAAKC,GAAOzD,KAAKqB,cAAgBoC,IAA+Bb,EAAA,MAAA,CAAKc,MAAO,CAACC,QAAS,UAEjHf,EAAA,MAAA,CAAKE,MAAM,cAAY,iQAKvBF,EAAA,MAAA,CAAKE,MAAM,WACTF,EAAA,iBAAA,CAAgBM,MAAM,SAASU,QAAQ,UAAUC,QAAS,IAAM7D,KAAKqC,iBACrEO,EAAA,iBAAA,CAAgBM,MAAM,eAAeW,QAAS,IAAM7D,KAAK8D","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-initial-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n  display: none;\n\n  &.open {\n    display: block;\n  }\n\n  .background-overlay {\n    position: absolute;\n    z-index: 10000;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #0000007f;\n  }\n\n  .dialog {\n    width: 100%;\n    max-width: 340px;\n    border-radius: 4px;\n    overflow: hidden;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n    background: $dialog-bg;\n  }\n\n  .heading {\n    display: flex;\n    flex-direction: row;\n    padding: 20px 20px 0 20px;\n    line-height: 28px;\n    font-size: 20px;\n    font-weight: 500;\n  }\n\n  .content {\n    font-size: 14px;\n    padding: 20px;\n  }\n\n  .buttons {\n    display: flex;\n    margin: 20px 0 0 0;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n\n  canvas {\n    background: #fff;\n    box-sizing: border-box;\n    margin: 0 auto;\n    width: 300px;\n    // TODO: The original app had an aspect ratio of (80 / 305) * (signatureBodyWidth - 20)\n    height: 79px;\n    max-width: 100%;\n    box-shadow: 0 0 6px 0 #0000001f;\n  }\n\n  .disclaimer {\n    text-align: justify;\n    padding: 8px 0;\n    font-size: 11px;\n    line-height: 14px;\n    color: rgba(0, 0, 0, 0.54);\n  }\n\n  .as-shown {\n    font-size: 11px;\n    margin: 4px 0 20px 4px;\n    color: rgba(0, 0, 0, 0.54);\n  }\n\n  .tabs {\n    display: flex;\n    flex-direction: row;\n\n    .tab {\n      padding: 8px 15px;\n      cursor: pointer;\n\n      &.active {\n        border-bottom: 2px solid $light-border-color;\n      }\n\n      &:hover {\n        color: $primary-color;\n      }\n    }\n  }\n}\n","import {Component, Prop, Host, h, Event, EventEmitter, State} from '@stencil/core';\n\n/**\n * Display a dialog that allows the user to specify an initials image, either by using a signature-font-generated image\n * based on their full name, or by hand-drawing their initials with a mouse or tablet.\n */\n@Component({\n  tag: 'verdocs-initial-dialog',\n  styleUrl: 'verdocs-initial-dialog.scss',\n})\nexport class VerdocsInitialDialog {\n  private canvasElement?: HTMLCanvasElement;\n\n  /**\n   * Initial signature text\n   */\n  @Prop() fullname: string = '';\n\n  /**\n   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n   */\n  @Prop() open: boolean = false;\n\n  /**\n   * Event fired when the initials are adopted.\n   */\n  @Event({composed: true}) adopt: EventEmitter<string>;\n\n  /**\n   * Event fired when the step is cancelled.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  @State() fontLoaded = false;\n\n  @State() enteredInitials: string = '';\n\n  @State() mode: string = 'type';\n\n  componentWillLoad() {\n    this.enteredInitials = this.fullname\n      .split(' ')\n      .map(s => s.substring(0, 1))\n      .join('')\n      .toUpperCase();\n\n    const ds = new FontFace('Dancing Script', 'url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)');\n    ds.load().then(font => {\n      document.fonts.add(font);\n      this.fontLoaded = true;\n    });\n  }\n\n  componentDidLoad() {\n    this.redrawSignature();\n  }\n\n  componentDidUpdate() {\n    this.redrawSignature();\n  }\n\n  redrawSignature() {\n    if (!this.canvasElement) {\n      return;\n    }\n\n    const canvasWidth = this.canvasElement.width;\n\n    const context = this.canvasElement.getContext('2d');\n    context.clearRect(0, 0, this.canvasElement.width, this.canvasElement.height);\n\n    let fontSize = 100;\n    do {\n      fontSize -= 2;\n      context.font = `${fontSize}px Dancing Script`;\n    } while (context.measureText(this.enteredInitials).width > canvasWidth - 32); // 32px padding each side\n\n    context.textAlign = 'center';\n    context.textBaseline = 'middle';\n    context.font = `${fontSize}px Dancing Script`;\n    context.fillText(this.enteredInitials, this.canvasElement.width / 2, this.canvasElement.height / 2);\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.handleCancel();\n    }\n  }\n\n  handleNameChange(e) {\n    this.enteredInitials = e.detail;\n  }\n\n  handleAdopt() {\n    const data = this.canvasElement.toDataURL('image/png');\n    this.adopt.emit(data);\n    this.open = false;\n  }\n\n  handleCancel() {\n    this.cancel.emit();\n    this.open = false;\n  }\n\n  /*\n  selColor(hex: string) {\n    this.color = hex;\n    this.animateDraw();\n  }\n\n  stopDraw() {\n    this.paint = false;\n    this.adoptedAndSigned = !this.hasSignature();\n  }\n\n  draw(e) {\n    this.paint = true;\n    this.addPoints(e, false);\n    this.animateDraw();\n  }\n\n  recordPoints(e) {\n    if (this.paint) {\n      this.addPoints(e, true);\n      this.animateDraw();\n    }\n  }\n\n  animateDraw() {\n    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n\n    this.canvas.strokeStyle = this.color || '#000000';\n    this.canvas.lineJoin = 'round';\n    this.canvas.lineWidth = 3;\n\n    for (let i = 0; i < this.points.length; i++) {\n      this.canvas.beginPath();\n      if (this.points[i].drag && i) {\n        this.canvas.moveTo(this.points[i - 1].x, this.points[i - 1].y);\n        // this.canvas.arc(this.points[i - 1].x, this.points[i - 1].y, 2, 0, 2 * Math.PI, false);\n      } else {\n        this.canvas.moveTo(this.points[i].x - 1, this.points[i].y);\n        // this.canvas.arc(this.points[i].x, this.points[i].y, 2, 0, 2 * Math.PI, false);\n      }\n\n      this.canvas.lineTo(this.points[i].x, this.points[i].y);\n      this.canvas.closePath();\n      this.canvas.stroke();\n    }\n  }\n\n  drawCurve(color: string, curve: number) {\n    this.canvas.beginPath();\n  }\n\n\n\n  addPoints(e, drag: boolean) {\n    if (window) {\n      let x;\n      let y;\n      e.preventDefault();\n      if (e.touches && e.touches.length > 0) {\n        x = e.touches[0].clientX;\n      } else {\n        x = e.clientX;\n      }\n\n      if (e.touches && e.touches.length > 0) {\n        y = e.touches[0].clientY;\n      } else {\n        y = e.clientY;\n      }\n      const rect = this.signatureCanvas.nativeElement.getBoundingClientRect();\n      this.points.push({\n        x: x - rect.left,\n        y: y - rect.top,\n        drag: drag\n      });\n    }\n  }\n\n  clearPad() {\n    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n    this.points = [];\n    this.adoptedAndSigned = !this.hasSignature();\n  }\n\n    async adoptAndSign() {\n    try {\n      this.adoptedAndSigned = true;\n      await this.updateFullName();\n      await this.captureSignatureFromCanvas();\n      const message = this.signatureMode === 'Signature' ? 'Saving Signature' : 'Saving Initial';\n      this.snackbarService.open(message, 'OK', this.snackbarService.initConfig(null, 'bottom'));\n      this.handleMode();\n    } catch (err) {\n      this.snackbarService.open('Failed to apply signature', 'OK', this.snackbarService.initConfig(null, 'bottom'));\n    }\n  }\n\n  handleMode() {\n    let currentField;\n    switch (this.mode) {\n      case 'signerview':\n        if (this.signatureMode === 'Signature') {\n          this.signatureService.postSignatureBlob().then(result => {\n            if (result && result.id && result.url) {\n              currentField = this.signatureService.currField;\n              this.signatureService.updateSigned(currentField.fName, true);\n              this.signatureService.toggleSig(false);\n              this.signatureService.setSignatureId(result.id);\n              this.signatureService.putSignatureField(this.envelopeId, this.fieldName, result.id).then(res => {\n                this.eventTracker.createEvent({\n                  category: 'verdoc',\n                  action: 'verdoc signed',\n                  label: `verdoc id: ${this.envelopeId}`\n                })\n                if (res && res.settings) {\n                  this.signatureService.setSignatureData(res.settings.base64);\n                  this.signatureService.setSignatureId(res.settings.signature_id);\n                }\n                this.snackbarService.dismiss();\n                this.dialog.close({ status: 'saved', temp_sig: res.settings.base64, sig_id: res.settings.signature_id });\n              }).catch(err => {\n                this.snackbarService.open('Failed to save signature. Please try again.', 'DISMISS', {\n                  duration: 3000\n                });\n                this.adoptedAndSigned = false;\n                return err;\n              });\n            }\n          });\n        } else {\n          this.signatureService.postInitialBlob().then(result => {\n            if (result && result.id && result.url) {\n              currentField = this.signatureService.currField;\n              this.signatureService.updateInitialed(currentField.fName, true);\n              this.signatureService.setInitialId(result.id);\n              this.signatureService.toggleSig(false);\n              this.signatureService.putInitialField(this.envelopeId, this.fieldName, result.id).then(res => {\n                if (res && res.settings) {\n                  this.signatureService.setInitialData(res.settings.base64);\n                  this.signatureService.setInitialId(res.settings.initial_id);\n                }\n                this.snackbarService.dismiss();\n                this.dialog.close({ status: 'saved', temp_int: res.settings.base64, int_id: res.settings.initial_id });\n              }).catch(err => {\n                this.snackbarService.open('Failed to save initial. Please try again.', 'DISMISS', {\n                  duration: 3000\n                });\n                this.adoptedAndSigned = false;\n                return err;\n              });\n            }\n          });\n        }\n        break;\n    }\n  }\n   */\n\n  render() {\n    return (\n      <Host class={{open: this.open}}>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">Create Your Initial</div>\n\n            <div class=\"content\">\n              <verdocs-text-input placeholder=\"Initials...\" label=\"Initials\" value={this.enteredInitials} onFieldInput={e => this.handleNameChange(e)} />\n              <div class=\"as-shown\">As shown on driver's license or govt. ID card.</div>\n\n              <div class=\"tabs\">\n                <div class={{tab: true, active: this.mode === 'type'}} onClick={() => (this.mode = 'type')}>\n                  Type\n                </div>\n                <div class={{tab: true, active: this.mode === 'draw'}} onClick={() => (this.mode = 'draw')}>\n                  Draw\n                </div>\n              </div>\n\n              {this.fontLoaded ? <canvas ref={el => (this.canvasElement = el as HTMLCanvasElement)} /> : <div style={{display: 'none'}} />}\n\n              <div class=\"disclaimer\">\n                By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents,\n                including legally binding contracts &mdash; just the same as a pen-and-paper signature or initial.\n              </div>\n\n              <div class=\"buttons\">\n                <verdocs-button label=\"CANCEL\" variant=\"outline\" onPress={() => this.handleCancel()} />\n                <verdocs-button label=\"Adopt & Sign\" onPress={() => this.handleAdopt()} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-10e49d23.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as o,H as t}from"./p-2bc58746.js";import{V as i,g as s,a as r,u as n,b as a,c as l}from"./p-7f162244.js";var d=new RegExp(/\+[1-9]\d{6,14}/g);function c(e){return e!==null&&e.length<16&&e.length>6&&d.test(e)||e===""||e===null}var u=/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;var h=function(e){return u.test(e)};var p=function(e){return c(e)};function g(e){switch(e%10){case 0:return e===0?"rgba(255, 193, 7, 0.4)":"rgba(134, 134, 134, 0.3)";case 1:return"rgba(156, 39, 176, .4)";case 2:return"rgba(33, 150, 243, .4)";case 3:return"rgba(220, 231, 117, 0.3)";case 4:return"rgba(121, 134, 203, 0.3)";case 5:return"rgba(77, 182, 172, 0.3)";case 6:return"rgba(255, 202, 165, 0.3)";case 7:return"rgba(2, 247, 190, 0.3)";case 8:return"rgba(255, 138, 101, 0.3)";case 9:return"rgba(82, 255, 79, 0.3)";default:return"rgba(229, 115, 155, 0.3)"}}function b(e,o){return e*o}const x='verdocs-sign{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:600px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}verdocs-sign.storybook{max-height:600px}verdocs-sign div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign .header{-ms-flex:0 0 115px;flex:0 0 115px;z-index:1000;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);-webkit-transition:all 0.25s;transition:all 0.25s}verdocs-sign .intro{background-color:#ffffff;width:100%;margin:0 auto;padding:20px;max-width:1028px;color:rgba(0, 0, 0, 0.87)}verdocs-sign .toolbar{width:100%;margin:0 auto;padding:0 14px;max-width:1028px;position:relative}verdocs-sign .tools{width:100%;color:#fff;height:56px;padding:4px;display:-ms-flexbox;display:flex;font-size:12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;background-color:#33354c}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;z-index:999;position:absolute;background:rgba(0, 0, 0, 0.5)}verdocs-sign .document{-ms-flex:1;flex:1;height:100%;position:relative;overflow-y:scroll}verdocs-sign .agree{-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:10px}verdocs-sign .agree .intro{display:none}verdocs-sign .agree .header{-ms-flex:0 0 56px;flex:0 0 56px}verdocs-sign .agree .agree-checkbox{background:#ccc;-ms-flex:0 0 20px;flex:0 0 20px;display:-ms-flexbox;display:flex;width:20px;height:20px;border-radius:3px;position:relative;margin:0 10px 0 14px}verdocs-sign .agree .agree-checkbox input[type=checkbox]:checked+label:after{filter:alpha(opacity=100);opacity:1}verdocs-sign .agree .agree-checkbox label{left:2px;top:2px;width:16px;height:16px;cursor:pointer;position:absolute;background:#33354c;-webkit-box-shadow:inset 0 -1px 1px rgba(255, 255, 255, 0.8);box-shadow:inset 0 -1px 1px rgba(255, 255, 255, 0.8)}verdocs-sign .agree .agree-checkbox label .agree-checkbox label:hover::after{filter:alpha(opacity=30);opacity:0.3}verdocs-sign .agree .agree-checkbox label:after{top:2px;left:3px;width:8px;opacity:0;height:5px;content:"";position:absolute;background:transparent;filter:alpha(opacity=0);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border:2px solid #fcfff4;border-top:none;border-right:none}verdocs-sign .page-controls{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:500}';const v=class{constructor(o){e(this,o);this.endpoint=i.getDefault();this.documentid=null;this.roleid=null;this.invitecode=null;this.recipient=null;this.signerToken=null;this.pdfUrl=null;this.recipientIndex=-1;this.document=null;this.fields=[];this.hasSignature=false;this.nextButtonLabel="Start";this.focusedField=""}async componentDidLoad(){try{console.log("[SIGN] Processing invite code",this.documentid,this.roleid,this.invitecode);const{session:e,recipient:o,signerToken:t}=await s(this.endpoint,{documentId:this.documentid,roleId:this.roleid,inviteCode:this.invitecode});console.log("[SIGN] Got signing session",e);console.log("[SIGN] Recipient",o);this.recipient=o;this.signerToken=t;this.endpoint.setToken(t);if(this.recipient.agreed){this.nextButtonLabel="Next"}const i=await r(this.endpoint,this.documentid);this.document=i;console.log("[SIGN] Document",i);this.pdfUrl=`${this.endpoint.getBaseURL()}/documents/${this.documentid}/envelope_documents/${i.envelope_document_id}?file=true`;this.recipientIndex=this.document.recipients.findIndex((e=>e.role_name==this.roleid));if(this.recipientIndex>-1){console.log("Found recipient",this.document.recipients[this.recipientIndex])}this.fields=this.document.fields.filter((e=>e.recipient_role===this.roleid));console.log("Loaded fields",this.fields)}catch(e){console.log("Error with signing session",e)}}handleClickAgree(){console.log("agree clicked");n(this.endpoint,this.documentid,this.roleid,"update",{agreed:true}).then((e=>{console.log("update result",e);this.nextButtonLabel="Next";this.recipient=e})).catch((e=>{console.log("update failure",e)}))}async savePDF(){const e=`${this.document.name} - ${this.document.updated_at.split("T")[0]}.pdf`;const o=await a(this.endpoint,this.documentid,this.document.envelope_document_id);let t=new XMLHttpRequest;t.responseType="blob";t.onload=function(){let o=document.createElement("a");o.href=window.URL.createObjectURL(t.response);o.download=e;o.style.display="none";document.body.appendChild(o);o.click();o.remove()};const i=`data:application/pdf;base64,${o}`;console.log("url",i.length,i);t.open("GET",`data:application/pdf;base64,${o}`);t.send()}async handleOptionSelected(e){switch(e.detail.id){case"later":if(!(window===null||window===void 0?void 0:window["STORYBOOK_ENV"])){window.alert("User intends to sign later.")}break;case"claim":break;case"decline":break;case"print":break;case"download":this.savePDF().catch((()=>{}));break}}async handleFieldChange(e,o,t){console.log("fieldChange",e,o.detail);switch(e.type){case"textbox":l(this.endpoint,this.documentid,e.name,{prepared:false,value:o.detail}).then((e=>console.log("Update result",e))).catch((e=>console.log("Error updating",e)));break;case"checkbox_group":l(this.endpoint,this.documentid,e.name,{prepared:false,value:{options:[{id:t,checked:o.detail}]}}).then((e=>console.log("Update result",e))).catch((e=>console.log("Error updating",e)));break;case"radio_button_group":const i=e.settings.options.map((e=>({id:e.id,selected:t===e.id})));l(this.endpoint,this.documentid,e.name,{prepared:false,value:{options:i}}).then((e=>console.log("Update result",e))).catch((e=>console.log("Error updating",e)));break;case"dropdown":l(this.endpoint,this.documentid,e.name,{prepared:false,value:o.detail}).then((e=>console.log("Update result",e))).catch((e=>console.log("Error updating",e)));break;case"initial":console.log("Got initial",o.detail);break;case"signature":console.log("Got signature",o.detail);break}}renderCheckboxGroupOption(e,t,i,s){const r=b(e.xRatio,i.x);const n=b(e.yRatio,i.y);const a={left:`${r}px`,bottom:`${n}px`,position:"absolute",transform:`scale(${e.xRatio}, ${e.yRatio})`,backgroundColor:g(this.recipientIndex)};return o("verdocs-field-checkbox",{style:a,order:s,value:i.checked,onFieldChange:e=>this.handleFieldChange(t,e,i.id)})}renderRadioGroupOption(e,t,i,s){const r=b(e.xRatio,i.x);const n=b(e.yRatio,i.y);const a={left:`${r}px`,bottom:`${n}px`,position:"absolute",transform:`scale(${e.xRatio}, ${e.yRatio})`,backgroundColor:g(this.recipientIndex)};return o("verdocs-field-radio-button",{style:a,order:s,value:i.id,name:t.name,checked:i.selected,onFieldChange:e=>this.handleFieldChange(t,e,i.id)})}renderField(e,t){const{required:i=false,settings:s={}}=e;const{x:r=0,y:n=0,base64:a="",placeholder:l="",options:d=[],value:c="",result:u=""}=s;const h=this.pdfPageInfo.pages.find((o=>o.pageNumber===e.page));if(!h){console.log("Unable to render invalid field",e);return o("div",{class:"invalid-field"},"Invalid field.")}const p=b(h.xRatio,r);const x=b(h.yRatio,n);const v={left:`${p}px`,bottom:`${x}px`,position:"absolute",transform:`scale(${h.xRatio}, ${h.yRatio})`,backgroundColor:e.settings.rgba||g(this.recipientIndex)};if(e.settings.height){v.height=`${e.settings.height}px`}if(e.settings.width){v.width=`${e.settings.width}px`}console.log("rendering field",e.type,e);const f=`field-${e.name}`;switch(e.type){case"signature":return o("verdocs-field-signature",{style:v,value:a,required:i,id:f});case"initial":return o("verdocs-field-initial",{style:v,required:i,id:f});case"textbox":return o("verdocs-field-textbox",{style:v,order:t,value:u||"",placeholder:l,id:f,onFieldChange:o=>this.handleFieldChange(e,o)});case"textarea":return o("verdocs-field-textarea",{style:v,placeholder:l||"",id:f});case"date":return o("verdocs-field-date",{style:v,order:t,value:u||"",placeholder:l,required:i,id:f});case"dropdown":return o("verdocs-field-dropdown",{style:v,options:d,value:c,required:i,id:f,onFieldChange:o=>this.handleFieldChange(e,o)});case"checkbox":return o("verdocs-field-checkbox",{style:v,value:u||"",id:f});case"checkbox_group":return e.settings.options.map(((o,t)=>this.renderCheckboxGroupOption(h,e,o,t)));case"radio_button_group":return e.settings.options.map(((o,t)=>this.renderRadioGroupOption(h,e,o,t)));case"attachment":return o("verdocs-field-attachment",{style:v,value:u||"",id:f});case"payment":return o("verdocs-field-payment",{style:v,field:e,id:f});default:console.log("[SIGN] Skipping unsupported field type",e)}return o("div",{style:{display:"none"}},'Unsupported field type "',e.type,'"')}isFieldValid(e){var o,t,i,s,r,n,a,l,d,c,u,g;switch(e.type){case"textbox":switch(((o=e.settings)===null||o===void 0?void 0:o.validator)||""){case"email":return h(((t=e.settings)===null||t===void 0?void 0:t.result)||"");case"phone":return p(((i=e.settings)===null||i===void 0?void 0:i.result)||"");default:return!!((s=e.settings)===null||s===void 0?void 0:s.result)}case"signature":case"initial":case"textarea":case"date":case"attachment":return!!((r=e.settings)===null||r===void 0?void 0:r.result);case"dropdown":return!!((n=e.settings)===null||n===void 0?void 0:n.value);case"checkbox_group":const b=(((l=(a=e.settings)===null||a===void 0?void 0:a.options)===null||l===void 0?void 0:l.filter((e=>e.checked)))||[]).length;return b>=(((d=e.settings)===null||d===void 0?void 0:d.minimum_checked)||0)&&b<=(((c=e.settings)===null||c===void 0?void 0:c.maximum_checked)||999);case"radio_button_group":return(((g=(u=e.settings)===null||u===void 0?void 0:u.options)===null||g===void 0?void 0:g.filter((e=>e.selected)))||[]).length>0;default:return false}}handleDocumentRendered(e){console.log("[SIGN] Document rendered",e.detail);this.pdfPageInfo=e.detail}handleNext(){const e=this.fields.filter((e=>e.required));console.log("required Fields",e);const o=e.findIndex((e=>e.name===this.focusedField));console.log("focused Index",o);let t=o+1;if(t>=e.length){t=0}const i=e[t];console.log("next required fielod",i);if(i){const e=document.getElementById(`field-${i.name}`);e===null||e===void 0?void 0:e.focusField();this.focusedField=i.name}}render(){var e,i,s,r,n;const a=[{id:"later",label:"Finish Later"},{id:"claim",label:"Claim the Document",disabled:true},{id:"decline",label:"Decline to Sign"},{id:"print",label:"Print Without Signing"},{id:"download",label:"Download"}];return o(t,{class:{storybook:!!(window===null||window===void 0?void 0:window["STORYBOOK_ENV"]),agreed:(e=this.recipient)===null||e===void 0?void 0:e.agreed}},o("div",{class:"header"},o("div",{class:"intro"},"Please review and act on these documents."),o("div",{class:"toolbar"},o("div",{class:"tools"},o("verdocs-dropdown",{options:a,onOptionSelected:e=>this.handleOptionSelected(e)}),!((i=this.recipient)===null||i===void 0?void 0:i.agreed)?o("div",{class:"agree"},o("div",{class:"agree-checkbox"},o("input",{type:"checkbox",value:"None",id:"agree-checkbox-element",name:"agree",onChange:()=>this.handleClickAgree()}),o("label",{htmlFor:"agree-checkbox-element"})),o("span",null,"I agree to use electronic records and signatures.")):o("div",{style:{flex:"1"}}),o("verdocs-button",{size:"small",label:this.nextButtonLabel,disabled:!((s=this.recipient)===null||s===void 0?void 0:s.agreed),onClick:()=>this.handleNext()})))),!((r=this.recipient)===null||r===void 0?void 0:r.agreed)?o("div",{class:"cover"}):o("div",{style:{display:"none"}}),o("div",{class:"document"},this.pdfUrl?o("verdocs-view",{source:this.pdfUrl,endpoint:this.endpoint,onDocumentRendered:e=>this.handleDocumentRendered(e)}):o("verdocs-loader",null),(((n=this.pdfPageInfo)===null||n===void 0?void 0:n.pages)||[]).map((e=>{var t;return o("div",{class:"page-controls",style:{height:`${e.height}px`,width:`${e.width}px`,top:`${e.canvasTop}px`,margin:"0 auto"}},((t=this.pdfPageInfo)===null||t===void 0?void 0:t.numRendered)>0?this.fields.filter((o=>o.page===e.pageNumber)).map(((e,o)=>this.renderField(e,o))):o("div",{style:{display:"none"}},"Waiting for PDF to render..."))}))))}};v.style=x;export{v as verdocs_sign};
+//# sourceMappingURL=p-10e49d23.entry.js.map

package/dist/verdocs-web-sdk/p-10e49d23.entry.js.map

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