@verdocs/web-sdk 5.0.12 → 5.0.14

package/dist/verdocs-web-sdk/p-1794d2fa.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as s,h as i,H as l}from"./p-b9654a5e.js";import{VerdocsEndpoint as t,getEnvelopes as a,integerSequence as o,getRecipientsWithActions as n,userCanCancelEnvelope as d,userCanAct as r,formatFullName as c,cancelEnvelope as p}from"@verdocs/js-sdk";import{s as h}from"./p-0c45b79c.js";import{V as v}from"./p-04c07b7b.js";import{S as f}from"./p-fd97809c.js";import"./p-85aa8e05.js";import"./p-c7ee88c7.js";import"./p-12bab948.js";const b='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelopes-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;flex-direction:column;font-family:"Inter", "Barlow", sans-serif}@media screen and (max-width: 800px){verdocs-envelopes-list{font-size:14px}}verdocs-envelopes-list .envelope-placeholder{height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin:5px 0;border-radius:5px;background:#f5f5fa}verdocs-envelopes-list .header{width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelopes-list .header .filter{width:300px}verdocs-envelopes-list .header verdocs-text-input{margin:0}verdocs-envelopes-list .header verdocs-text-input input{height:32px}verdocs-envelopes-list .filter{-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope{width:100%;margin:3px 0;background:#ffffff}verdocs-envelopes-list .envelope:hover{cursor:pointer;background:#f5f5fa}verdocs-envelopes-list .envelope .inner{gap:12px;display:-ms-flexbox;display:flex;padding:8px 14px;border-radius:5px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;container-type:inline-size}verdocs-envelopes-list .envelope .inner svg{width:24px;height:24px}verdocs-envelopes-list .vert-spacer{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 1px;flex:0 0 1px;border-right:1px solid #dad8dd}@media screen and (max-width: 800px){verdocs-envelopes-list .vert-spacer{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list .envelope-icon{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-checkbox{display:none}}verdocs-envelopes-list .last-modified{color:#444;display:-ms-flexbox;display:flex;-ms-flex:0 0 180px;flex:0 0 180px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;white-space:nowrap}@media screen and (max-width: 800px){verdocs-envelopes-list .last-modified{display:none}}verdocs-envelopes-list .envelope-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;color:#000000;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .envelope-recipients{color:#4b5563;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .empty-text{text-align:center;margin:16px 0 0 0;padding:80px 80px;border:2px solid #ccc}verdocs-envelopes-list .containing{gap:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-status-indicator{font-size:14px}}';const x=b;const u=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000000" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z" /></svg>`;const m=[{value:"all",label:"All"},{value:"inbox",label:"Inbox"},{value:"sent",label:"Sent"},{value:"completed",label:"Completed"},{value:"action",label:"Action Required"},{value:"waiting",label:"Waiting on Others"}];const g=[{value:"all",label:"All"},{value:"pending",label:"Pending"},{value:"in progress",label:"In Progress"},{value:"complete",label:"Completed"},{value:"declined",label:"Declined"},{value:"canceled",label:"Canceled"}];const w=[{value:"created_at",label:"Created"},{value:"updated_at",label:"Updated"},{value:"canceled_at",label:"Canceled"},{value:"envelope_name",label:"Name"},{value:"envelope_status",label:"Status"}];const y=class{constructor(i){e(this,i);this.changeView=s(this,"changeView",7);this.changeStatus=s(this,"changeStatus",7);this.changeSort=s(this,"changeSort",7);this.changeMatch=s(this,"changeMatch",7);this.sdkError=s(this,"sdkError",7);this.viewEnvelope=s(this,"viewEnvelope",7);this.finishEnvelope=s(this,"finishEnvelope",7);this.endpoint=t.getDefault();this.view=undefined;this.status="all";this.sort="created_at";this.match="";this.showPagination=true;this.rowsPerPage=10;this.selectedPage=0;this.count=0;this.initiallyLoaded=false;this.loading=true;this.selectedEnvelopes=[];this.envelopes=[]}handleViewUpdated(){return this.queryEnvelopes()}handleStatusUpdated(){return this.queryEnvelopes()}handleSortUpdated(){return this.queryEnvelopes()}handleMatchUpdated(){return this.queryEnvelopes()}handlePageUpdated(){return this.queryEnvelopes()}componentWillLoad(){this.endpoint.onSessionChanged(((e,s,i)=>{console.log("[ENVELOPES_LIST] onSessionChanged",s,i)}));this.endpoint.loadSession()}async componentDidLoad(){await this.queryEnvelopes();this.initiallyLoaded=true}async queryEnvelopes(){var e,s,i;try{this.loading=true;let e={page:this.selectedPage,rows:this.rowsPerPage};switch(this.view){case"all":e={...e,status:this.status==="all"?["pending","in progress","complete","declined","canceled"]:[this.status]};break;case"inbox":e={...e};break;case"sent":e={...e};break;case"action":e={...e,status:["pending","in progress"]};break;case"waiting":e={...e,status:["pending","in progress"]};break;case"completed":e={...e,status:["complete"]};break;default:e={...e,status:this.status==="all"?["pending","in progress","complete","declined","canceled"]:[this.status]}}if(this.view==="all"){if(this.status!=="all"){e.status=[this.status]}}if(this.match.trim());const s=await a(this.endpoint,e);this.envelopes=s.envelopes;this.count=s.count;this.loading=false}catch(l){this.loading=false;console.log("[ENVELOPES] Error listing envelopes",l);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new f(l.message,(s=l.response)===null||s===void 0?void 0:s.status,(i=l.response)===null||i===void 0?void 0:i.data))}}handleDownload(){h(this.endpoint,this.selectedEnvelopes).then((()=>{this.selectedEnvelopes=[]})).catch((e=>{console.log("[ENVELOPES] Download error",e);v("Download error: "+e.message,{style:"error"})}))}downloadEnvelope(e){h(this.endpoint,[e]).catch((e=>{console.log("[ENVELOPES] Download error",e);v("Download error: "+e.message,{style:"error"})}))}render(){return i(l,{key:"13cff825b9a325bb5b45e7c26420276bfb7da9ed"},i("div",{key:"1c5373c8a470db467d32597647aa386efb1b9e17",class:"header"},i("div",{key:"4c394a9bf835ce0145b5b11f0bb2d5386134d1fe",class:"filter"},i("verdocs-text-input",{key:"24a0f7b03fa759478824ca79a1e1939ee986fb6a",id:"verdocs-filter-name",value:this.match,clearable:true,autocomplete:"off",placeholder:"Filter by Name, Recipient, or Field...",onFocusout:e=>{var s;this.match=e.target.value.trim();(s=this.changeMatch)===null||s===void 0?void 0:s.emit(this.match)}})),i("verdocs-quick-filter",{key:"437393b3d6019e0891def40a6d3eba7fa3d480e9",label:"View",value:this.view,options:m,onOptionSelected:e=>{this.view=e.detail.value}}),this.view==="all"&&i("verdocs-quick-filter",{key:"aec9971bcdfa2a7f444f22e0a6bba6b9007eef04",label:"Status",value:this.status,options:g,onOptionSelected:e=>{this.status=e.detail.value}}),this.view==="all"&&i("verdocs-quick-filter",{key:"10bb4001fadd7ca49547a7343a7322bcc941c3f6",label:"Sort By",value:this.sort,options:w,onOptionSelected:e=>{this.sort=e.detail.value}}),this.loading&&i("verdocs-spinner",{key:"2181c646258f4c9949eec73fd83ca83d16186170",mode:"dark",size:24}),i("div",{key:"ba7761ae3b1e9e503c00efb2107883e2ea7e0682",style:{display:"flex",flex:"1"}}),this.selectedEnvelopes.length>0&&i("verdocs-button",{key:"7124f4e1533b0f76d9bc098504063d360f49107e",label:`Download (${this.selectedEnvelopes.length})`,onClick:()=>this.handleDownload()})),this.envelopes.map((e=>{var s;const l=n(e);const t=d(this.endpoint.profile,e);const a=l.find((e=>{var s;return e.email===((s=this.endpoint.session)===null||s===void 0?void 0:s.email)||""}));const o=a&&t&&r(((s=this.endpoint.session)===null||s===void 0?void 0:s.email)||"",l);const h=[{label:"View Envelope",id:"view"},{label:"Finish Envelope",id:"finish",disabled:!o},{label:"Download",id:"download"},{label:"Cancel",id:"cancel",disabled:!t}];return i("div",{class:"envelope",key:e.id,onClick:()=>{var s;return(s=this.viewEnvelope)===null||s===void 0?void 0:s.emit({endpoint:this.endpoint,envelope:e})}},i("div",{class:"inner"},i("verdocs-checkbox",{checked:this.selectedEnvelopes.findIndex((s=>s.id===e.id))!==-1,onClick:e=>e.stopPropagation(),onInput:s=>{if(s.target.checked){this.selectedEnvelopes=[...this.selectedEnvelopes,e]}else{this.selectedEnvelopes=this.selectedEnvelopes.filter((s=>s.id!==e.id))}}}),i("div",{class:"vert-spacer"}),i("span",{innerHTML:u,class:"envelope-icon"}),i("div",{class:"envelope-name"},e.name,":  ",i("div",{class:"envelope-recipients"},e.recipients.map((e=>c(e))))),i("div",{class:"vert-spacer"}),i("verdocs-status-indicator",{envelope:e,style:{width:"125px"}}),i("div",{class:"vert-spacer"}),i("div",{class:"last-modified"},new Date(e.updated_at).toLocaleString()),i("div",{class:"vert-spacer"}),i("verdocs-dropdown",{options:h,onOptionSelected:s=>{var i,l;switch(s.detail.id){case"view":(i=this.viewEnvelope)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:e});break;case"finish":(l=this.finishEnvelope)===null||l===void 0?void 0:l.emit({endpoint:this.endpoint,envelope:e});break;case"download":this.downloadEnvelope(e);break;case"cancel":if(window.confirm("Are you sure you want to cancel this envelope?")){p(this.endpoint,e.id).then((()=>v("Envelope canceled"))).catch((e=>v("Unable to cancel envelope: "+e.messabge,{style:"error"})));this.queryEnvelopes().catch((()=>{}))}break}}})))})),!this.initiallyLoaded&&i("div",{key:"598ffddf4adeb704ba272938b41cf2403e97f169",style:{width:"100%"}},o(0,this.rowsPerPage).map((()=>i("div",{class:"envelope-placeholder"})))),this.initiallyLoaded&&!this.envelopes.length&&i("div",{key:"dde715119c5f62fd0dab1b960ec8ea25ae815c3e",class:"empty-text"},"No matching envelopes found. Please adjust your filters and try again."),this.initiallyLoaded&&this.envelopes.length&&this.showPagination?i("div",{style:{marginTop:"20px"}},i("verdocs-pagination",{selectedPage:this.selectedPage,perPage:this.rowsPerPage,itemCount:this.count,onSelectPage:e=>{this.selectedPage=e.detail.selectedPage}})):i("div",null))}static get watchers(){return{view:["handleViewUpdated"],status:["handleStatusUpdated"],sort:["handleSortUpdated"],match:["handleMatchUpdated"],selectedPage:["handlePageUpdated"]}}};y.style=x;export{y as verdocs_envelopes_list};
+//# sourceMappingURL=p-1794d2fa.entry.js.map

package/dist/verdocs-web-sdk/p-1794d2fa.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsEnvelopesListCss","VerdocsEnvelopesListStyle0","DocumentIcon","ViewFilters","value","label","StatusFilters","SortFilters","VerdocsEnvelopesList","VerdocsEndpoint","getDefault","undefined","handleViewUpdated","this","queryEnvelopes","handleStatusUpdated","handleSortUpdated","handleMatchUpdated","handlePageUpdated","componentWillLoad","endpoint","onSessionChanged","_","session","profile","console","log","loadSession","componentDidLoad","initiallyLoaded","loading","queryParams","page","selectedPage","rows","rowsPerPage","view","status","match","trim","response","getEnvelopes","envelopes","count","e","_a","sdkError","emit","SDKError","message","_b","_c","data","handleDownload","saveEnvelopesAsZip","selectedEnvelopes","then","catch","VerdocsToast","style","downloadEnvelope","envelope","render","h","Host","key","class","id","clearable","autocomplete","placeholder","onFocusout","target","changeMatch","options","onOptionSelected","detail","sort","mode","size","display","flex","length","onClick","map","recipientsWithActions","getRecipientsWithActions","userCanCancel","userCanCancelEnvelope","userRole","find","recipient","email","userCanFinish","userCanAct","menuOptions","disabled","viewEnvelope","checked","findIndex","stopPropagation","onInput","filter","innerHTML","name","recipients","r","formatFullName","width","Date","updated_at","toLocaleString","finishEnvelope","window","confirm","cancelEnvelope","messabge","integerSequence","showPagination","marginTop","perPage","itemCount","onSelectPage"],"sources":["src/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.scss?tag=verdocs-envelopes-list","src/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelopes-list {\n  display: flex;\n  padding: 10px;\n  font-size: 18px;\n  flex-wrap: nowrap;\n  border-radius: 6px;\n  color: $label-color;\n  flex-direction: column;\n  font-family: $primary-font;\n\n  @media screen and (max-width: 800px) {\n    font-size: 14px;\n  }\n\n  .envelope-placeholder {\n    height: 48px;\n    flex: 0 0 48px;\n    margin: 5px 0;\n    border-radius: 5px;\n    background: $verdocs-grey-3;\n  }\n\n  .header {\n    width: 100%;\n    row-gap: 4px;\n    display: flex;\n    flex-wrap: wrap;\n    column-gap: 12px;\n    margin: 0 0 10px 0;\n    align-items: center;\n    flex-direction: row;\n\n    .filter {\n      width: 300px;\n    }\n\n    verdocs-text-input {\n      margin: 0;\n\n      input {\n        height: 32px;\n      }\n    }\n  }\n\n  .filter {\n    align-items: center;\n  }\n\n  .envelope {\n    width: 100%;\n    margin: 3px 0;\n    background: $verdocs-grey-4;\n\n    &:hover {\n      cursor: pointer;\n      background: $verdocs-grey-3;\n    }\n\n    .inner {\n      gap: 12px;\n      display: flex;\n      padding: 8px 14px;\n      border-radius: 5px;\n      flex-direction: row;\n      align-items: center;\n      container-type: inline-size;\n\n      svg {\n        width: 24px;\n        height: 24px;\n      }\n    }\n  }\n\n  .vert-spacer {\n    height: 50px;\n    display: flex;\n    flex: 0 0 1px;\n    border-right: 1px solid #dad8dd;\n\n    @media screen and (max-width: 800px) {\n      display: none;\n    }\n  }\n\n  .envelope-icon {\n    @media screen and (max-width: 800px) {\n      display: none;\n    }\n  }\n\n  verdocs-checkbox {\n    @media screen and (max-width: 800px) {\n      display: none;\n    }\n  }\n\n  .last-modified {\n    color: #444;\n    display: flex;\n    flex: 0 0 180px;\n    flex-direction: row;\n    align-items: center;\n    white-space: nowrap;\n\n    @media screen and (max-width: 800px) {\n      display: none;\n    }\n  }\n\n  .envelope-name {\n    flex: 1;\n    display: flex;\n    color: #000000;\n    line-height: 28px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .envelope-recipients {\n    color: #4b5563;\n    font-weight: 700;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .empty-text {\n    text-align: center;\n    margin: 16px 0 0 0;\n    padding: 80px 80px;\n    border: 2px solid #ccc;\n  }\n\n  .containing {\n    gap: 12px;\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n  }\n\n  verdocs-status-indicator {\n    @media screen and (max-width: 800px) {\n      font-size: 14px;\n    }\n  }\n}\n","import {Component, Prop, Host, h, State, Event, EventEmitter, Watch} from '@stencil/core';\nimport {userCanCancelEnvelope, userCanAct, cancelEnvelope, integerSequence, formatFullName} from '@verdocs/js-sdk';\nimport {IEnvelope, IListEnvelopesParams, TEnvelopeStatus, VerdocsEndpoint, getEnvelopes, getRecipientsWithActions} from '@verdocs/js-sdk';\nimport {IFilterOption} from '../../controls/verdocs-quick-filter/verdocs-quick-filter';\nimport {saveEnvelopesAsZip} from '../../../utils/utils';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\n\nconst DocumentIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"#000000\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z\" /></svg>`;\n\nconst ViewFilters: IFilterOption[] = [\n  {value: 'all', label: 'All'},\n  {value: 'inbox', label: 'Inbox'},\n  {value: 'sent', label: 'Sent'},\n  {value: 'completed', label: 'Completed'},\n  {value: 'action', label: 'Action Required'},\n  {value: 'waiting', label: 'Waiting on Others'},\n];\n\nconst StatusFilters: IFilterOption[] = [\n  {value: 'all', label: 'All'},\n  {value: 'pending', label: 'Pending'},\n  {value: 'in progress', label: 'In Progress'},\n  {value: 'complete', label: 'Completed'},\n  {value: 'declined', label: 'Declined'},\n  {value: 'canceled', label: 'Canceled'},\n];\n\nconst SortFilters: IFilterOption[] = [\n  {value: 'created_at', label: 'Created'},\n  {value: 'updated_at', label: 'Updated'},\n  {value: 'canceled_at', label: 'Canceled'},\n  {value: 'envelope_name', label: 'Name'},\n  {value: 'envelope_status', label: 'Status'},\n];\n\n/**\n * Displays a list of envelopes matching specified conditions.\n */\n@Component({\n  tag: 'verdocs-envelopes-list',\n  styleUrl: 'verdocs-envelopes-list.scss',\n})\nexport class VerdocsEnvelopesList {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The filtered view to display. \"completed\" will show envelopes that have been submitted. \"action\" will\n   * show envelopes where the user is a recipient and the envelope is not completed. \"waiting\" will show\n   * only envelopes where the user is the sender and the envelope is not completed.\n   */\n  @Prop({reflect: true, mutable: true}) view?: 'all' | 'inbox' | 'sent' | 'completed' | 'action' | 'waiting' = undefined;\n\n  /**\n   * The status value to filter by\n   */\n  @Prop({reflect: true, mutable: true}) status: TEnvelopeStatus | 'all' = 'all';\n\n  /**\n   * The sort field to use\n   */\n  @Prop({reflect: true, mutable: true}) sort: 'name' | 'created_at' | 'updated_at' | 'canceled_at' | 'status' = 'created_at';\n\n  /**\n   * If set, filter envelopes by the specified string.\n   */\n  @Prop({reflect: true, mutable: true}) match: string = '';\n\n  /**\n   * If set, filter envelopes by the specified \"containing\" value.\n   */\n  // @Prop({reflect: true, mutable: true}) containing: string = '';\n\n  /**\n   * Whether or not pagination should be enabled.\n   */\n  @Prop() showPagination = true;\n\n  /**\n   * The number of rows to display per page.\n   */\n  @Prop() rowsPerPage = 10;\n\n  /**\n   * The initial page number to select. Pagination is internally controlled but may be overriden by the\n   * host applicaiton.\n   */\n  @Prop() selectedPage = 0;\n\n  /**\n   * Event fired when the user changes their view. Host applications can use this to save the user's preferences.\n   */\n  @Event({composed: true}) changeView: EventEmitter<'all' | 'inbox' | 'sent' | 'completed' | 'action' | 'waiting'>;\n\n  /**\n   * Event fired when the user changes their status filter. Host applications can use this to save the user's preferences.\n   */\n  @Event({composed: true}) changeStatus: EventEmitter<TEnvelopeStatus | 'all'>;\n\n  /**\n   * Event fired when the user changes their sort order. Host applications can use this to save the user's preferences.\n   */\n  @Event({composed: true}) changeSort: EventEmitter<'name' | 'created_at' | 'updated_at' | 'canceled_at' | 'status'>;\n\n  /**\n   * Event fired when the user changes the match filter. This is fired for every inputChange event (every character\n   * typed). This event is provided for balance with the other events, but host applications should generally not\n   * save this value. Users might appreciate applications remembering their sorting or filtering preferences, but\n   * probably not their search terms.\n   */\n  @Event({composed: true}) changeMatch: EventEmitter<string>;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when the user clicks an activity entry. Typically the host application will use this to navigate\n   * to the envelope detail view.\n   */\n  @Event({composed: true}) viewEnvelope: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope}>;\n\n  /**\n   * Event fired when the user clicks to finish the envelope.\n   */\n  @Event({composed: true}) finishEnvelope: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope}>;\n\n  @State() count = 0;\n  @State() initiallyLoaded = false;\n  @State() loading = true;\n  @State() selectedEnvelopes: IEnvelope[] = [];\n  @State() envelopes: IEnvelope[] = [];\n\n  @Watch('view')\n  handleViewUpdated() {\n    return this.queryEnvelopes();\n  }\n\n  @Watch('status')\n  handleStatusUpdated() {\n    return this.queryEnvelopes();\n  }\n\n  @Watch('sort')\n  handleSortUpdated() {\n    return this.queryEnvelopes();\n  }\n\n  @Watch('match')\n  handleMatchUpdated() {\n    return this.queryEnvelopes();\n  }\n\n  // @Watch('containing')\n  // handleContainingUpdated() {\n  //   return this.queryEnvelopes();\n  // }\n\n  @Watch('selectedPage')\n  handlePageUpdated() {\n    return this.queryEnvelopes();\n  }\n\n  componentWillLoad() {\n    this.endpoint.onSessionChanged((_, session, profile) => {\n      console.log('[ENVELOPES_LIST] onSessionChanged', session, profile);\n    });\n    this.endpoint.loadSession();\n  }\n\n  async componentDidLoad() {\n    await this.queryEnvelopes();\n    this.initiallyLoaded = true;\n  }\n\n  async queryEnvelopes() {\n    try {\n      this.loading = true;\n      let queryParams: IListEnvelopesParams = {\n        page: this.selectedPage,\n        // sort: this.sort,\n        rows: this.rowsPerPage,\n      };\n\n      switch (this.view) {\n        case 'all':\n          queryParams = {\n            ...queryParams,\n            // sort: this.sort,\n            // direction: this.sort === 'name' ? 'asc' : 'desc',\n            status: (this.status === 'all' ? ['pending', 'in progress', 'complete', 'declined', 'canceled'] : [this.status]) as TEnvelopeStatus[],\n          };\n          break;\n\n        case 'inbox':\n          queryParams = {\n            ...queryParams,\n            // is_recipient: true,\n            // sort: 'updated_at',\n            // recipient_status: ['invited', 'declined', 'opened', 'signed', 'submitted', 'canceled'],\n          };\n          break;\n\n        case 'sent':\n          queryParams = {\n            ...queryParams,\n            // FIXME\n            // is_owner: true,\n            // sort: 'updated_at',\n          };\n          break;\n\n        case 'action':\n          queryParams = {\n            ...queryParams,\n            // sort: 'updated_at',\n            // is_recipient: true,\n            status: ['pending', 'in progress'],\n            // recipient_status: ['invited', 'opened', 'signed'],\n          };\n          break;\n\n        case 'waiting':\n          queryParams = {\n            ...queryParams,\n            // FIXME\n            // is_owner: true,\n            // sort: 'updated_at',\n            // direction: 'desc',\n            status: ['pending', 'in progress'],\n          };\n          break;\n\n        case 'completed':\n          queryParams = {\n            ...queryParams,\n            // sort: 'updated_at',\n            // direction: 'desc',\n            status: ['complete'],\n          };\n          break;\n\n        default:\n          queryParams = {\n            ...queryParams,\n            // sort: 'updated_at',\n            // direction: 'desc',\n            status: (this.status === 'all' ? ['pending', 'in progress', 'complete', 'declined', 'canceled'] : [this.status]) as TEnvelopeStatus[],\n          };\n      }\n\n      // These filters should only be applied in \"View All\" mode. Otherwise the user could have set them to something\n      // then changed the view e.g. to Inbox and the filter could break the view (e.g. View:Inbox, Status:Declined\n      // would never return anything).\n      if (this.view === 'all') {\n        if (this.status !== 'all') {\n          queryParams.status = [this.status as TEnvelopeStatus];\n        }\n      }\n\n      if (this.sort !== 'updated_at') {\n        // queryParams.sort = this.sort;\n        // queryParams.direction = this.sort === 'name' ? 'asc' : 'desc';\n      }\n\n      if (this.match.trim()) {\n        // queryParams.match = this.match.trim();\n      }\n\n      // if (this.containing.trim()) {\n      //   queryParams.field_value = this.containing.trim();\n      // }\n\n      const response = await getEnvelopes(this.endpoint, queryParams);\n      this.envelopes = response.envelopes;\n      this.count = response.count;\n      this.loading = false;\n    } catch (e) {\n      this.loading = false;\n      console.log('[ENVELOPES] Error listing envelopes', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  handleDownload() {\n    saveEnvelopesAsZip(this.endpoint, this.selectedEnvelopes)\n      .then(() => {\n        this.selectedEnvelopes = [];\n      })\n      .catch(e => {\n        console.log('[ENVELOPES] Download error', e);\n        VerdocsToast('Download error: ' + e.message, {style: 'error'});\n      });\n  }\n\n  downloadEnvelope(envelope: IEnvelope) {\n    saveEnvelopesAsZip(this.endpoint, [envelope]).catch(e => {\n      console.log('[ENVELOPES] Download error', e);\n      VerdocsToast('Download error: ' + e.message, {style: 'error'});\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"header\">\n          <div class=\"filter\">\n            <verdocs-text-input\n              id=\"verdocs-filter-name\"\n              value={this.match}\n              clearable={true}\n              autocomplete=\"off\"\n              placeholder=\"Filter by Name, Recipient, or Field...\"\n              onFocusout={(e: any) => {\n                // We don't locally filter envelopes because there are too many fields to match against efficiently.\n                this.match = e.target.value.trim();\n                this.changeMatch?.emit(this.match);\n              }}\n            />\n          </div>\n\n          <verdocs-quick-filter\n            label=\"View\"\n            value={this.view}\n            options={ViewFilters}\n            onOptionSelected={e => {\n              this.view = e.detail.value as any;\n            }}\n          />\n\n          {this.view === 'all' && (\n            <verdocs-quick-filter\n              label=\"Status\"\n              value={this.status}\n              options={StatusFilters}\n              onOptionSelected={e => {\n                this.status = e.detail.value as any;\n              }}\n            />\n          )}\n\n          {this.view === 'all' && (\n            <verdocs-quick-filter\n              label=\"Sort By\"\n              value={this.sort}\n              options={SortFilters}\n              onOptionSelected={e => {\n                this.sort = e.detail.value as any;\n              }}\n            />\n          )}\n\n          {/*<div class=\"containing\">*/}\n          {/*  <div class=\"filter\">*/}\n          {/*    <verdocs-text-input*/}\n          {/*      id=\"verdocs-filter-containing\"*/}\n          {/*      value={this.containing}*/}\n          {/*      autocomplete=\"off\"*/}\n          {/*      placeholder=\"Fields Containing...\"*/}\n          {/*      onInput={(e: any) => {*/}\n          {/*        this.containing = e.target.value;*/}\n          {/*      }}*/}\n          {/*    />*/}\n          {/*  </div>*/}\n          {/*</div>*/}\n\n          {this.loading && <verdocs-spinner mode=\"dark\" size={24} />}\n\n          <div style={{display: 'flex', flex: '1'}} />\n\n          {this.selectedEnvelopes.length > 0 && <verdocs-button label={`Download (${this.selectedEnvelopes.length})`} onClick={() => this.handleDownload()} />}\n        </div>\n\n        {this.envelopes.map(envelope => {\n          const recipientsWithActions = getRecipientsWithActions(envelope);\n          const userCanCancel = userCanCancelEnvelope(this.endpoint.profile, envelope);\n          const userRole = recipientsWithActions.find(recipient => recipient.email === this.endpoint.session?.email || '');\n          const userCanFinish = userRole && userCanCancel && userCanAct(this.endpoint.session?.email || '', recipientsWithActions);\n\n          const menuOptions = [\n            {label: 'View Envelope', id: 'view'},\n            {label: 'Finish Envelope', id: 'finish', disabled: !userCanFinish},\n            {label: 'Download', id: 'download'},\n            {label: 'Cancel', id: 'cancel', disabled: !userCanCancel},\n          ];\n\n          return (\n            <div class=\"envelope\" key={envelope.id} onClick={() => this.viewEnvelope?.emit({endpoint: this.endpoint, envelope})}>\n              <div class=\"inner\">\n                <verdocs-checkbox\n                  checked={this.selectedEnvelopes.findIndex(e => e.id === envelope.id) !== -1}\n                  onClick={e => e.stopPropagation()} // So this doesn't trigger navigation\n                  onInput={(e: any) => {\n                    if (e.target.checked) {\n                      this.selectedEnvelopes = [...this.selectedEnvelopes, envelope];\n                    } else {\n                      this.selectedEnvelopes = this.selectedEnvelopes.filter(e => e.id !== envelope.id);\n                    }\n                  }}\n                />\n\n                <div class=\"vert-spacer\" />\n                <span innerHTML={DocumentIcon} class=\"envelope-icon\" />\n\n                <div class=\"envelope-name\">\n                  {envelope.name}:&nbsp; <div class=\"envelope-recipients\">{envelope.recipients.map(r => formatFullName(r))}</div>\n                </div>\n\n                <div class=\"vert-spacer\" />\n                <verdocs-status-indicator envelope={envelope} style={{width: '125px'}} />\n\n                <div class=\"vert-spacer\" />\n                <div class=\"last-modified\">{new Date(envelope.updated_at).toLocaleString()}</div>\n\n                <div class=\"vert-spacer\" />\n                <verdocs-dropdown\n                  options={menuOptions}\n                  onOptionSelected={e => {\n                    switch (e.detail.id) {\n                      case 'view':\n                        this.viewEnvelope?.emit({endpoint: this.endpoint, envelope});\n                        break;\n                      case 'finish':\n                        this.finishEnvelope?.emit({endpoint: this.endpoint, envelope});\n                        break;\n                      case 'download':\n                        this.downloadEnvelope(envelope);\n                        break;\n                      case 'cancel':\n                        if (window.confirm('Are you sure you want to cancel this envelope?')) {\n                          cancelEnvelope(this.endpoint, envelope.id)\n                            .then(() => VerdocsToast('Envelope canceled'))\n                            .catch(e => VerdocsToast('Unable to cancel envelope: ' + e.messabge, {style: 'error'}));\n                          this.queryEnvelopes().catch(() => {});\n                        }\n                        break;\n                    }\n                  }}\n                />\n              </div>\n            </div>\n          );\n        })}\n\n        {!this.initiallyLoaded && (\n          <div style={{width: '100%'}}>\n            {integerSequence(0, this.rowsPerPage).map(() => (\n              <div class=\"envelope-placeholder\" />\n            ))}\n          </div>\n        )}\n\n        {this.initiallyLoaded && !this.envelopes.length && <div class=\"empty-text\">No matching envelopes found. Please adjust your filters and try again.</div>}\n\n        {this.initiallyLoaded && this.envelopes.length && this.showPagination ? (\n          <div style={{marginTop: '20px'}}>\n            <verdocs-pagination\n              selectedPage={this.selectedPage}\n              perPage={this.rowsPerPage}\n              itemCount={this.count}\n              onSelectPage={e => {\n                this.selectedPage = e.detail.selectedPage;\n              }}\n            />\n          </div>\n        ) : (\n          <div />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/verdocs-web-sdk/p-17f35bcb.entry.js

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

package/dist/verdocs-web-sdk/p-17f35bcb.entry.js.map

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

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

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

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

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

package/dist/verdocs-web-sdk/p-1d5b9103.system.entry.js

@@ -1 +1,2 @@
-System.register(["./p-9186f42e.system.js"],(function(e){"use strict";var o,d,a,i;return{setters:[function(e){o=e.r;d=e.c;a=e.h;i=e.H}],execute:function(){var r='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:absolute;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}verdocs-dialog .dialog{width:420px;display:-ms-flexbox;display:flex;max-width:100%;overflow:hidden;border-radius:4px;-ms-flex-direction:column;flex-direction:column;background:#ffffff;-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-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;padding:8px 16px;-ms-flex-direction:row;flex-direction:row;color:#ffffff;background:#46497d}verdocs-dialog .content{padding:16px}verdocs-dialog .content p{margin:0 0 1em 0}verdocs-dialog .buttons{gap:14px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}';var n=r;var c=e("verdocs_dialog",function(){function e(e){o(this,e);this.exit=d(this,"exit",7)}e.prototype.handleDismiss=function(e){var o;if(e.target.className==="background-overlay"){e.preventDefault();(o=this.exit)===null||o===void 0?void 0:o.emit()}};e.prototype.render=function(){var e=this;return a(i,{key:"9ee9b83be4834965eed43634ae021252907d18c8"},a("div",{key:"a3c7aeaf894330126beb05d61d9b733cc7e3a725",class:"background-overlay",onClick:function(o){return e.handleDismiss(o)}},a("div",{key:"eb6af5e6d72572e8850fbfbc50d2272ddf5fc5f4",class:"dialog"},a("slot",{key:"e8a994ffbb3bdfb911a8b6ac1157d0d8620becf7",name:"title"},a("div",{key:"14af814347cdeddac4a6e678106d6b850f0d4293",class:"heading"},"Please Confirm")),a("div",{key:"88835df2b8e30210a94a56f15967b116a1ab483c",class:"content"},a("slot",{key:"58172bc033fba67424073693a150bae44dd84751"})))))};return e}());c.style=n}}}));
+System.register(["./p-9186f42e.system.js"],(function(e){"use strict";var o,d,a,i;return{setters:[function(e){o=e.r;d=e.c;a=e.h;i=e.H}],execute:function(){var r='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:absolute;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}verdocs-dialog .dialog{width:420px;display:-ms-flexbox;display:flex;max-width:100%;overflow:hidden;border-radius:4px;-ms-flex-direction:column;flex-direction:column;background:#ffffff;-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-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;padding:8px 16px;-ms-flex-direction:row;flex-direction:row;color:#ffffff;background:#46497d}verdocs-dialog .content{padding:16px}verdocs-dialog .content p{margin:0 0 1em 0}verdocs-dialog .buttons{gap:14px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}';var n=r;var c=e("verdocs_dialog",function(){function e(e){o(this,e);this.exit=d(this,"exit",7)}e.prototype.handleDismiss=function(e){var o;if(e.target.className==="background-overlay"){e.preventDefault();(o=this.exit)===null||o===void 0?void 0:o.emit()}};e.prototype.render=function(){var e=this;return a(i,{key:"9ee9b83be4834965eed43634ae021252907d18c8"},a("div",{key:"a3c7aeaf894330126beb05d61d9b733cc7e3a725",class:"background-overlay",onClick:function(o){return e.handleDismiss(o)}},a("div",{key:"eb6af5e6d72572e8850fbfbc50d2272ddf5fc5f4",class:"dialog"},a("slot",{key:"e8a994ffbb3bdfb911a8b6ac1157d0d8620becf7",name:"title"},a("div",{key:"14af814347cdeddac4a6e678106d6b850f0d4293",class:"heading"},"Please Confirm")),a("div",{key:"88835df2b8e30210a94a56f15967b116a1ab483c",class:"content"},a("slot",{key:"58172bc033fba67424073693a150bae44dd84751"})))))};return e}());c.style=n}}}));
+//# sourceMappingURL=p-1d5b9103.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsDialogCss","VerdocsDialogStyle0","VerdocsDialog","exports","class_1","prototype","handleDismiss","e","target","className","preventDefault","_a","this","exit","emit","render","_this","h","Host","key","class","onClick","name"],"sources":["src/components/dialogs/verdocs-dialog/verdocs-dialog.scss?tag=verdocs-dialog","src/components/dialogs/verdocs-dialog/verdocs-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-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    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    z-index: 10000;\n    position: absolute;\n    align-items: center;\n    background: #0000007f;\n    justify-content: center;\n  }\n\n  .dialog {\n    width: 420px;\n    display: flex;\n    max-width: 100%;\n    overflow: hidden;\n    border-radius: 4px;\n    flex-direction: column;\n    background: $verdocs-grey-4;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n  }\n\n  .heading {\n    display: flex;\n    font-size: 16px;\n    font-weight: 500;\n    padding: 8px 16px;\n    flex-direction: row;\n    color: $verdocs-grey-4;\n    background: $verdocs-grey-blue;\n  }\n\n  .content {\n    padding: 16px;\n\n    p {\n      margin: 0 0 1em 0;\n    }\n  }\n\n  .buttons {\n    gap: 14px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-end;\n  }\n}\n","import {Component, h, Event, EventEmitter, Host} from '@stencil/core';\n\n/**\n * Display a simple dialog where the contents are provided via slots.\n */\n@Component({\n  tag: 'verdocs-dialog',\n  styleUrl: 'verdocs-dialog.scss',\n})\nexport class VerdocsDialog {\n  /**\n   * Event fired when the dialog is dismissed by clicking the background overlay.\n   */\n  @Event({composed: true}) exit: EventEmitter;\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.exit?.emit();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <slot name=\"title\">\n              <div class=\"heading\">Please Confirm</div>\n            </slot>\n\n            <div class=\"content\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0JAAA,IAAMA,EAAmB,m9CACzB,IAAAC,EAAeD,E,ICQFE,EAAaC,EAAA,4B,mDAOxBC,EAAAC,UAAAC,cAAA,SAAcC,G,MACZ,GAAIA,EAAEC,OAAOC,YAAc,qBAAsB,CAC/CF,EAAEG,kBACFC,EAAAC,KAAKC,QAAI,MAAAF,SAAA,SAAAA,EAAEG,M,GAIfV,EAAAC,UAAAU,OAAA,eAAAC,EAAAJ,KACE,OACEK,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBAAqBC,QAAS,SAAAd,GAAK,OAAAS,EAAKV,cAAcC,EAAnB,GAC5CU,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,SACTL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WAAS,mBAGtBH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WACTH,EAAA,QAAAE,IAAA,gD,WAxBY,I","ignoreList":[]}

package/dist/verdocs-web-sdk/p-1e191c20.system.entry.js

@@ -1 +1,2 @@
-System.register(["./p-9186f42e.system.js","./p-e0ac9edf.system.js"],(function(t){"use strict";var o,n,e,r;return{setters:[function(t){o=t.r;n=t.h;e=t.H},function(t){r=t.c}],execute:function(){var i='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-button button{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;text-transform:uppercase;-ms-flex-pack:center;justify-content:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-weight:700;cursor:pointer;margin:0}verdocs-button button:disabled{cursor:inherit;pointer-events:none}verdocs-button button .icon{margin:0 12px}verdocs-button button .icon svg{fill:#ffffff;display:block}verdocs-button button .button-label{padding:0 12px}verdocs-button button.xsmall{height:26px;font-size:12px}verdocs-button button.xsmall .icon{margin:0 3px}verdocs-button button.xsmall .icon svg{margin:2px 0 0 0;height:18px}verdocs-button button.xsmall .button-label{padding:0 4px}verdocs-button button.small{height:34px;font-size:13px}verdocs-button button.small .icon{margin:0 4px}verdocs-button button.small .icon svg{margin:2px 0 0 0;height:20px}verdocs-button button.small .button-label{padding:0 4px}verdocs-button button.normal{height:44px;font-size:14px}verdocs-button button.normal .icon.start{margin:0 4px 0 8px}verdocs-button button.normal .icon.end{margin:0 8px 0 4px}verdocs-button button.normal .icon svg{margin:2px 0 0 0;height:22px}verdocs-button button.normal .button-label{padding:0 10px}verdocs-button button.medium{height:52px;font-size:16px}verdocs-button button.medium .icon.start{margin:0 0 0 18px}verdocs-button button.medium .icon.end{margin:0 18px 0 0}verdocs-button button.medium .icon svg{margin:2px 0 0 0;height:26px}verdocs-button button.medium .button-label{padding:0 20px}verdocs-button button.large{height:60px;font-size:20px}verdocs-button button.large .icon.start{margin:0 0 0 24px}verdocs-button button.large .icon.end{margin:0 24px 0 0}verdocs-button button.large .icon svg{margin:2px 0 0 0;height:32px}verdocs-button button.large .button-label{padding:0 34px}verdocs-button button.standard{background:#55bc81;border-radius:4px;outline:none;border:none;color:white}verdocs-button button.standard:disabled{background-color:#999999;cursor:default}verdocs-button button.standard:active:not([disabled]){-webkit-filter:brightness(110%);filter:brightness(110%)}verdocs-button button.text{color:#4c56cb;background:transparent;font-weight:500;padding:0 4px;outline:none;border:none}verdocs-button button.text:disabled{color:#999999}verdocs-button button.text:active:not([disabled]){-webkit-filter:brightness(130%);filter:brightness(130%)}verdocs-button button.text .icon svg{fill:#4c56cb}verdocs-button button.outline{border:1px solid #4c56cb;color:#4c56cb;outline:none;background:transparent;border-radius:4px;padding:0 20px}verdocs-button button.outline:disabled{color:#999999;border:1px solid #999999}verdocs-button button.outline:active{background:#4c56cb;color:white}verdocs-button button.outline .icon svg{fill:#4c56cb}';var s=i;var c=t("verdocs_button",function(){function t(t){o(this,t);this.label=undefined;this.startIcon=null;this.endIcon=null;this.size="normal";this.type="button";this.variant="standard";this.disabled=false}t.prototype.render=function(){return n("button",{key:"1a6d3fe8be68d100ca27cfe11ca8a94c4973ed12",disabled:this.disabled,type:this.type,class:"".concat(this.variant," ").concat(this.size," ").concat(this.type)},this.startIcon?n("span",{class:"icon start",innerHTML:this.startIcon}):null,n("span",{key:"0b97033c8aec172b908231b16937670b0e998774",class:"button-label"},this.label),this.endIcon?n("span",{class:"icon end",innerHTML:this.endIcon}):null)};return t}());c.style=s;var a='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-help-icon{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block;opacity:0.3;position:relative}verdocs-help-icon:hover{opacity:1}verdocs-help-icon .icon{display:inline-block}verdocs-help-icon .tooltip{display:none;min-width:200px;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:500;position:absolute;padding:5px 10px;font-size:12px;border-radius:4px;z-index:10005}verdocs-help-icon .tooltip .arrow,verdocs-help-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-help-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-help-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-help-icon .tooltip[data-show]{display:block}verdocs-help-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-help-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-help-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-help-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}';var d=a;var l='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" fill="#5c6575"><path d="M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z"/></svg>';var b=t("verdocs_help_icon",function(){function t(t){o(this,t);this.text="";this.icon=l;this.containerId="verdocs-help-icon-".concat(Math.random().toString(36).substring(2,11))}t.prototype.componentDidLoad=function(){this.popperInstance=r(this.iconEl,this.tooltipEl,{})};t.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};t.prototype.show=function(){var t,o;(t=this.tooltipEl)===null||t===void 0?void 0:t.setAttribute("data-show","");(o=this.popperInstance)===null||o===void 0?void 0:o.update().catch((function(){}))};t.prototype.hide=function(){var t;(t=this.tooltipEl)===null||t===void 0?void 0:t.removeAttribute("data-show")};t.prototype.render=function(){var t=this;return n(e,{key:"7db54f180fe741e77a9c1a3d07c745a8a4a31672",class:{}},n("div",{key:"5da20e898e508ca3fe91ccea6385872454829399","aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:function(){return t.show()},onFocus:function(){return t.show()},onMouseLeave:function(){return t.hide()},onBlur:function(){return t.hide()},ref:function(o){return t.iconEl=o}}),n("div",{key:"12dea5502a7be46ed7c653f6eb905c1d08f6c324",id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":"bottom",ref:function(o){return t.tooltipEl=o}},n("span",{key:"95cec4986d56c2607eba97f74a0e13cb9e8d6ee1",innerHTML:this.text}),n("div",{key:"d26beeef752f5680c92153b56b486a16105c2a7c","data-popper-arrow":"true",class:"arrow"})))};return t}());b.style=d}}}));
+System.register(["./p-9186f42e.system.js","./p-e0ac9edf.system.js"],(function(t){"use strict";var o,n,e,r;return{setters:[function(t){o=t.r;n=t.h;e=t.H},function(t){r=t.c}],execute:function(){var i='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-button button{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;text-transform:uppercase;-ms-flex-pack:center;justify-content:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-weight:700;cursor:pointer;margin:0}verdocs-button button:disabled{cursor:inherit;pointer-events:none}verdocs-button button .icon{margin:0 12px}verdocs-button button .icon svg{fill:#ffffff;display:block}verdocs-button button .button-label{padding:0 12px}verdocs-button button.xsmall{height:26px;font-size:12px}verdocs-button button.xsmall .icon{margin:0 3px}verdocs-button button.xsmall .icon svg{margin:2px 0 0 0;height:18px}verdocs-button button.xsmall .button-label{padding:0 4px}verdocs-button button.small{height:34px;font-size:13px}verdocs-button button.small .icon{margin:0 4px}verdocs-button button.small .icon svg{margin:2px 0 0 0;height:20px}verdocs-button button.small .button-label{padding:0 4px}verdocs-button button.normal{height:44px;font-size:14px}verdocs-button button.normal .icon.start{margin:0 4px 0 8px}verdocs-button button.normal .icon.end{margin:0 8px 0 4px}verdocs-button button.normal .icon svg{margin:2px 0 0 0;height:22px}verdocs-button button.normal .button-label{padding:0 10px}verdocs-button button.medium{height:52px;font-size:16px}verdocs-button button.medium .icon.start{margin:0 0 0 18px}verdocs-button button.medium .icon.end{margin:0 18px 0 0}verdocs-button button.medium .icon svg{margin:2px 0 0 0;height:26px}verdocs-button button.medium .button-label{padding:0 20px}verdocs-button button.large{height:60px;font-size:20px}verdocs-button button.large .icon.start{margin:0 0 0 24px}verdocs-button button.large .icon.end{margin:0 24px 0 0}verdocs-button button.large .icon svg{margin:2px 0 0 0;height:32px}verdocs-button button.large .button-label{padding:0 34px}verdocs-button button.standard{background:#55bc81;border-radius:4px;outline:none;border:none;color:white}verdocs-button button.standard:disabled{background-color:#999999;cursor:default}verdocs-button button.standard:active:not([disabled]){-webkit-filter:brightness(110%);filter:brightness(110%)}verdocs-button button.text{color:#4c56cb;background:transparent;font-weight:500;padding:0 4px;outline:none;border:none}verdocs-button button.text:disabled{color:#999999}verdocs-button button.text:active:not([disabled]){-webkit-filter:brightness(130%);filter:brightness(130%)}verdocs-button button.text .icon svg{fill:#4c56cb}verdocs-button button.outline{border:1px solid #4c56cb;color:#4c56cb;outline:none;background:transparent;border-radius:4px;padding:0 20px}verdocs-button button.outline:disabled{color:#999999;border:1px solid #999999}verdocs-button button.outline:active{background:#4c56cb;color:white}verdocs-button button.outline .icon svg{fill:#4c56cb}';var s=i;var c=t("verdocs_button",function(){function t(t){o(this,t);this.label=undefined;this.startIcon=null;this.endIcon=null;this.size="normal";this.type="button";this.variant="standard";this.disabled=false}t.prototype.render=function(){return n("button",{key:"1a6d3fe8be68d100ca27cfe11ca8a94c4973ed12",disabled:this.disabled,type:this.type,class:"".concat(this.variant," ").concat(this.size," ").concat(this.type)},this.startIcon?n("span",{class:"icon start",innerHTML:this.startIcon}):null,n("span",{key:"0b97033c8aec172b908231b16937670b0e998774",class:"button-label"},this.label),this.endIcon?n("span",{class:"icon end",innerHTML:this.endIcon}):null)};return t}());c.style=s;var a='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-help-icon{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block;opacity:0.3;position:relative}verdocs-help-icon:hover{opacity:1}verdocs-help-icon .icon{display:inline-block}verdocs-help-icon .tooltip{display:none;min-width:200px;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:500;position:absolute;padding:5px 10px;font-size:12px;border-radius:4px;z-index:10005}verdocs-help-icon .tooltip .arrow,verdocs-help-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-help-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-help-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-help-icon .tooltip[data-show]{display:block}verdocs-help-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-help-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-help-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-help-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}';var d=a;var l='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" fill="#5c6575"><path d="M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z"/></svg>';var b=t("verdocs_help_icon",function(){function t(t){o(this,t);this.text="";this.icon=l;this.containerId="verdocs-help-icon-".concat(Math.random().toString(36).substring(2,11))}t.prototype.componentDidLoad=function(){this.popperInstance=r(this.iconEl,this.tooltipEl,{})};t.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};t.prototype.show=function(){var t,o;(t=this.tooltipEl)===null||t===void 0?void 0:t.setAttribute("data-show","");(o=this.popperInstance)===null||o===void 0?void 0:o.update().catch((function(){}))};t.prototype.hide=function(){var t;(t=this.tooltipEl)===null||t===void 0?void 0:t.removeAttribute("data-show")};t.prototype.render=function(){var t=this;return n(e,{key:"7db54f180fe741e77a9c1a3d07c745a8a4a31672",class:{}},n("div",{key:"5da20e898e508ca3fe91ccea6385872454829399","aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:function(){return t.show()},onFocus:function(){return t.show()},onMouseLeave:function(){return t.hide()},onBlur:function(){return t.hide()},ref:function(o){return t.iconEl=o}}),n("div",{key:"12dea5502a7be46ed7c653f6eb905c1d08f6c324",id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":"bottom",ref:function(o){return t.tooltipEl=o}},n("span",{key:"95cec4986d56c2607eba97f74a0e13cb9e8d6ee1",innerHTML:this.text}),n("div",{key:"d26beeef752f5680c92153b56b486a16105c2a7c","data-popper-arrow":"true",class:"arrow"})))};return t}());b.style=d}}}));
+//# sourceMappingURL=p-1e191c20.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsButtonCss","VerdocsButtonStyle0","VerdocsButton","exports","class_1","prototype","render","h","key","disabled","this","type","class","concat","variant","size","startIcon","innerHTML","label","endIcon","verdocsHelpIconCss","VerdocsHelpIconStyle0","helpIcon","VerdocsHelpIcon","Math","random","toString","substring","class_2","componentDidLoad","popperInstance","createPopper","iconEl","tooltipEl","disconnectedCallback","destroy","show","_a","setAttribute","_b","update","catch","hide","removeAttribute","_this","Host","containerId","icon","onMouseEnter","onFocus","onMouseLeave","onBlur","ref","el","id","role","text"],"sources":["src/components/controls/verdocs-button/verdocs-button.scss?tag=verdocs-button","src/components/controls/verdocs-button/verdocs-button.tsx","src/components/controls/verdocs-help-icon/verdocs-help-icon.scss?tag=verdocs-help-icon","src/components/controls/verdocs-help-icon/verdocs-help-icon.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-button {\n  button {\n    font-family: $verdocs-primary-font;\n    text-transform: uppercase;\n    justify-content: center;\n    display: inline-flex;\n    align-items: center;\n    font-weight: 700;\n    cursor: pointer;\n    margin: 0;\n\n    &:disabled {\n      cursor: inherit;\n      pointer-events: none;\n    }\n\n    .icon {\n      margin: 0 12px;\n\n      svg {\n        fill: $verdocs-grey-4;\n        display: block;\n      }\n    }\n\n    .button-label {\n      padding: 0 12px;\n    }\n\n    // Small-sized button size adjustments\n    &.xsmall {\n      height: 26px;\n      font-size: 12px;\n\n      .icon {\n        margin: 0 3px;\n\n        svg {\n          margin: 2px 0 0 0;\n          height: 18px;\n        }\n      }\n\n      .button-label {\n        padding: 0 4px;\n      }\n    }\n\n    // Small-sized button size adjustments\n    &.small {\n      height: 34px;\n      font-size: 13px;\n\n      .icon {\n        margin: 0 4px;\n\n        svg {\n          margin: 2px 0 0 0;\n          height: 20px;\n        }\n      }\n\n      .button-label {\n        padding: 0 4px;\n      }\n    }\n\n    // Normal-sized button size adjustments\n    &.normal {\n      height: 44px;\n      font-size: 14px;\n\n      .icon.start {\n        margin: 0 4px 0 8px;\n      }\n\n      .icon.end {\n        margin: 0 8px 0 4px;\n      }\n\n      .icon {\n        svg {\n          margin: 2px 0 0 0;\n          height: 22px;\n        }\n      }\n\n      .button-label {\n        padding: 0 10px;\n      }\n    }\n\n    // Medium-sized button size adjustments\n    &.medium {\n      height: 52px;\n      font-size: 16px;\n\n      .icon.start {\n        margin: 0 0 0 18px;\n      }\n\n      .icon.end {\n        margin: 0 18px 0 0;\n      }\n\n      .icon {\n        svg {\n          margin: 2px 0 0 0;\n          height: 26px;\n        }\n      }\n\n      .button-label {\n        padding: 0 20px;\n      }\n    }\n\n    // Large-sized button size adjustments\n    &.large {\n      height: 60px;\n      font-size: 20px;\n\n      .icon.start {\n        margin: 0 0 0 24px;\n      }\n\n      .icon.end {\n        margin: 0 24px 0 0;\n      }\n\n      .icon {\n        svg {\n          margin: 2px 0 0 0;\n          height: 32px;\n        }\n      }\n\n      .button-label {\n        padding: 0 34px;\n      }\n    }\n\n    // Standard variant is a solid color\n    &.standard {\n      background: $verdocs-green;\n      border-radius: 4px;\n      outline: none;\n      border: none;\n      color: white;\n\n      &:disabled {\n        background-color: $disabled-color;\n        cursor: default;\n      }\n\n      &:active:not([disabled]) {\n        filter: brightness(110%);\n      }\n    }\n\n    // Text variant is just a label\n    &.text {\n      color: $secondary-color;\n      background: transparent;\n      font-weight: 500;\n      padding: 0 4px;\n      outline: none;\n      border: none;\n\n      &:disabled {\n        color: $disabled-color;\n      }\n\n      &:active:not([disabled]) {\n        filter: brightness(130%);\n      }\n\n      .icon {\n        svg {\n          fill: $secondary-color;\n        }\n      }\n    }\n\n    // Standard variant is a solid color\n    &.outline {\n      border: 1px solid $secondary-color;\n      color: $secondary-color;\n      outline: none;\n      background: transparent;\n      border-radius: 4px;\n      padding: 0 20px;\n\n      &:disabled {\n        color: $disabled-color;\n        border: 1px solid $disabled-color;\n      }\n\n      &:active {\n        background: $secondary-color;\n        color: white;\n      }\n\n      .icon {\n        svg {\n          fill: $secondary-color;\n        }\n      }\n    }\n  }\n}\n","import {Component, Prop, h} from '@stencil/core';\n\n/**\n * A simple button, with consistent styling to other controls in the design system.\n *\n * ```ts\n * <verdocs-button label=\"Click Me\" size=\"normal\" variant=\"standard\" />\n * ```\n */\n@Component({\n  tag: 'verdocs-button',\n  styleUrl: 'verdocs-button.scss',\n})\nexport class VerdocsButton {\n  /**\n   * The label for the button.\n   */\n  @Prop() label!: string;\n\n  /**\n   * If desired, a prefix icon for the button.\n   */\n  @Prop() startIcon: string | null = null;\n\n  /**\n   * If desired, a suffix icon for the button.\n   */\n  @Prop() endIcon: string | null = null;\n\n  /**\n   * The size (height) of the button.\n   */\n  @Prop() size: 'xsmall' | 'small' | 'normal' | 'medium' | 'large' = 'normal';\n\n  /**\n   * The type of the button.\n   */\n  @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n\n  /**\n   * The display variant of the button.\n   */\n  @Prop() variant: 'standard' | 'text' | 'outline' = 'standard';\n\n  /**\n   * Whether the button should be disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  render() {\n    return (\n      <button disabled={this.disabled} type={this.type} class={`${this.variant} ${this.size} ${this.type}`}>\n        {this.startIcon ? <span class=\"icon start\" innerHTML={this.startIcon} /> : null}\n        <span class=\"button-label\">{this.label}</span>\n        {this.endIcon ? <span class=\"icon end\" innerHTML={this.endIcon} /> : null}\n      </button>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-help-icon {\n  font-family: $verdocs-primary-font;\n  display: inline-block;\n  opacity: 0.3;\n  position: relative;\n\n  &:hover {\n    opacity: 1;\n  }\n\n  .icon {\n    display: inline-block;\n  }\n\n  .tooltip {\n    display: none;\n    min-width: 200px;\n    box-shadow: 0 0 10px 1px #999999;\n    background: #ffffff;\n    color: $label-color;\n    max-width: 240px;\n    font-weight: 500;\n    position: absolute;\n    padding: 5px 10px;\n    font-size: 12px;\n    border-radius: 4px;\n    z-index: 10005;\n\n    .arrow,\n    .arrow::before {\n      position: absolute;\n      width: 8px;\n      height: 8px;\n      background: inherit;\n    }\n\n    .arrow {\n      visibility: hidden;\n      top: -4px;\n    }\n\n    .arrow::before {\n      visibility: visible;\n      content: '';\n      transform: rotate(45deg);\n    }\n\n    &[data-show] {\n      display: block;\n    }\n\n    &[data-popper-placement^='top'] > .arrow {\n      bottom: -4px;\n    }\n\n    &[data-popper-placement^='bottom'] > .arrow {\n      top: -4px;\n    }\n\n    &[data-popper-placement^='left'] > .arrow {\n      right: -4px;\n    }\n\n    &[data-popper-placement^='right'] > .arrow {\n      left: -4px;\n    }\n  }\n}\n","import {createPopper, Instance} from '@popperjs/core';\nimport {Component, h, Host, Prop, State} from '@stencil/core';\n\nconst helpIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" width=\"24\" fill=\"#5c6575\"><path d=\"M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z\"/></svg>';\n\n/**\n * Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.\n *\n * ```ts\n * <verdocs-help-icon text=\"Sample help text\" />\n * ```\n */\n@Component({\n  tag: 'verdocs-help-icon',\n  styleUrl: 'verdocs-help-icon.scss',\n  shadow: false,\n})\nexport class VerdocsHelpIcon {\n  iconEl: HTMLDivElement;\n  tooltipEl: HTMLDivElement;\n  popperInstance: Instance;\n\n  /**\n   * Help text to display on hover/focus\n   */\n  @Prop() text: string = '';\n\n  /**\n   * Optional icon to display. If not supplied, a standard help icon will be shown.\n   */\n  @Prop() icon: string = helpIcon;\n\n  @State() containerId = `verdocs-help-icon-${Math.random().toString(36).substring(2, 11)}`;\n\n  componentDidLoad() {\n    this.popperInstance = createPopper(this.iconEl, this.tooltipEl, {\n      // placement: 'top-end',\n      // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  show() {\n    this.tooltipEl?.setAttribute('data-show', '');\n    this.popperInstance?.update().catch(() => {});\n  }\n\n  hide() {\n    this.tooltipEl?.removeAttribute('data-show');\n  }\n\n  render() {\n    return (\n      <Host class={{}}>\n        <div\n          aria-describedby={this.containerId}\n          class=\"icon\"\n          innerHTML={this.icon}\n          onMouseEnter={() => this.show()}\n          onFocus={() => this.show()}\n          onMouseLeave={() => this.hide()}\n          onBlur={() => this.hide()}\n          ref={el => (this.iconEl = el as HTMLDivElement)}\n        />\n        <div\n          id={this.containerId}\n          role=\"tooltip\"\n          class=\"tooltip\"\n          data-popper-placement=\"bottom\"\n          ref={el => (this.tooltipEl = el as HTMLDivElement)}\n        >\n          <span innerHTML={this.text} />\n          <div data-popper-arrow=\"true\" class=\"arrow\" />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gMAAA,IAAMA,EAAmB,qkGACzB,IAAAC,EAAeD,E,ICYFE,EAAaC,EAAA,4B,4DASW,K,aAKF,K,UAKkC,S,UAKrB,S,aAKK,W,cAKvB,K,CAE5BC,EAAAC,UAAAC,OAAA,WACE,OACEC,EAAA,UAAAC,IAAA,2CAAQC,SAAUC,KAAKD,SAAUE,KAAMD,KAAKC,KAAMC,MAAO,GAAAC,OAAGH,KAAKI,QAAO,KAAAD,OAAIH,KAAKK,KAAI,KAAAF,OAAIH,KAAKC,OAC3FD,KAAKM,UAAYT,EAAA,QAAMK,MAAM,aAAaK,UAAWP,KAAKM,YAAgB,KAC3ET,EAAA,QAAAC,IAAA,2CAAMI,MAAM,gBAAgBF,KAAKQ,OAChCR,KAAKS,QAAUZ,EAAA,QAAMK,MAAM,WAAWK,UAAWP,KAAKS,UAAc,K,WAzCnD,I,UCb1B,IAAMC,EAAqB,w9CAC3B,IAAAC,EAAeD,ECEf,IAAME,EACJ,s7B,IAcWC,EAAepB,EAAA,+B,kCAQH,G,UAKAmB,E,iBAEA,qBAAAT,OAAqBW,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,I,CAEpFC,EAAAvB,UAAAwB,iBAAA,WACEnB,KAAKoB,eAAiBC,EAAarB,KAAKsB,OAAQtB,KAAKuB,UAAW,C,IAMlEL,EAAAvB,UAAA6B,qBAAA,WACE,GAAIxB,KAAKoB,eAAgB,CACvBpB,KAAKoB,eAAeK,UACpBzB,KAAKoB,eAAiB,I,GAI1BF,EAAAvB,UAAA+B,KAAA,W,SACEC,EAAA3B,KAAKuB,aAAS,MAAAI,SAAA,SAAAA,EAAEC,aAAa,YAAa,KAC1CC,EAAA7B,KAAKoB,kBAAc,MAAAS,SAAA,SAAAA,EAAEC,SAASC,OAAM,c,EAGtCb,EAAAvB,UAAAqC,KAAA,W,OACEL,EAAA3B,KAAKuB,aAAS,MAAAI,SAAA,SAAAA,EAAEM,gBAAgB,Y,EAGlCf,EAAAvB,UAAAC,OAAA,eAAAsC,EAAAlC,KACE,OACEH,EAACsC,EAAI,CAAArC,IAAA,2CAACI,MAAO,IACXL,EAAA,OAAAC,IAAA,8DACoBE,KAAKoC,YACvBlC,MAAM,OACNK,UAAWP,KAAKqC,KAChBC,aAAc,WAAM,OAAAJ,EAAKR,MAAL,EACpBa,QAAS,WAAM,OAAAL,EAAKR,MAAL,EACfc,aAAc,WAAM,OAAAN,EAAKF,MAAL,EACpBS,OAAQ,WAAM,OAAAP,EAAKF,MAAL,EACdU,IAAK,SAAAC,GAAE,OAAKT,EAAKZ,OAASqB,CAAnB,IAET9C,EAAA,OAAAC,IAAA,2CACE8C,GAAI5C,KAAKoC,YACTS,KAAK,UACL3C,MAAM,UAAS,wBACO,SACtBwC,IAAK,SAAAC,GAAE,OAAKT,EAAKX,UAAYoB,CAAtB,GAEP9C,EAAA,QAAAC,IAAA,2CAAMS,UAAWP,KAAK8C,OACtBjD,EAAA,OAAAC,IAAA,+DAAuB,OAAOI,MAAM,W,WA7DlB,I","ignoreList":[]}

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

@@ -1 +1,2 @@
-System.register([],(function(e){"use strict";return{execute:function(){e("a",n);var o=e("c",typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:typeof global!=="undefined"?global:typeof self!=="undefined"?self:{});function n(e){throw new Error('Could not dynamically require "'+e+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}}}}));
+System.register([],(function(e){"use strict";return{execute:function(){e("a",n);var o=e("c",typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:typeof global!=="undefined"?global:typeof self!=="undefined"?self:{});function n(e){throw new Error('Could not dynamically require "'+e+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}}}}));
+//# sourceMappingURL=p-21b1acec.system.js.map

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

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

package/dist/verdocs-web-sdk/p-24f2d2e2.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as s,H as o,g as t}from"./p-b9654a5e.js";import{integerSequence as r}from"@verdocs/js-sdk";import{i as a}from"./p-0c45b79c.js";import{c}from"./p-68a5aaff.js";import"./p-85aa8e05.js";import"./p-c7ee88c7.js";import"./p-12bab948.js";const n='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-pagination{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-family:"Inter", "Barlow", sans-serif}verdocs-pagination .page-button{height:38px;display:-ms-flexbox;display:flex;-ms-flex:0 0 38px;flex:0 0 38px;cursor:pointer;font-size:16px;font-weight:600;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#33364b;border:1px solid #654dcb}verdocs-pagination .page-button svg{width:18px;height:18px}verdocs-pagination .page-button.selected{cursor:default;color:#ffffff;background:#654dcb}verdocs-pagination .ellipsis{width:38px;height:38px;display:-ms-flexbox;display:flex;-ms-flex:0 0 38px;flex:0 0 38px;line-height:32px;-ms-flex-pack:center;justify-content:center;color:#33364b}';const l=n;const d=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M18.75 19.5l-7.5-7.5 7.5-7.5m-6 15L5.25 12l7.5-7.5" /></svg>`;const f=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5" /></svg>`;const b=5;const p=({page:e,selected:i,onClick:o})=>{let t;if(e==="first"){t=d}else if(e==="last"){t=f}else{t=String(e+1)}return s("div",{class:`page-button ${e===i?"selected":""}`,onClick:()=>o(e),innerHTML:t})};const h=class{constructor(s){e(this,s);this.selectPage=i(this,"selectPage",7);this.selectedPage=0;this.itemCount=1;this.perPage=10}handleSelectPage(e){var i;this.selectedPage=e;(i=this.selectPage)===null||i===void 0?void 0:i.emit({selectedPage:e})}render(){const e=Math.max(0,this.selectedPage-2);const i=this.itemCount>0?Math.ceil(this.itemCount/this.perPage):0;const t=r(0,Math.ceil(this.itemCount/this.perPage)).slice(e,e+b);return s(o,{key:"2c6c7eaf7adf1f98dfb2ce2d804d360af53ddd95"},this.selectedPage>0&&s(p,{key:"942a34679e4270fc767fd4f63659e103531b376d",page:"first",selected:this.selectedPage,onClick:()=>this.handleSelectPage(0)}),e>0&&s("div",{key:"7961f0803894b45de72528a5e3456b2bc343f0a5",class:"ellipsis"},"..."),t.map((e=>s(p,{page:e,selected:this.selectedPage,onClick:e=>this.handleSelectPage(+e)}))),this.selectedPage<i-1&&s("div",{key:"917a3fc286ddf919c36eb94e59b5847dc7aa90ee",class:"ellipsis"},"..."),this.selectedPage<i-1&&s(p,{key:"59db51f1f4ae5c1878a218681c62cc3f9e621340",page:"last",selected:this.selectedPage,onClick:()=>this.handleSelectPage(i-1)}))}get el(){return t(this)}};h.style=l;const g='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-quick-filter{position:relative;font-family:"Inter", "Barlow", sans-serif}verdocs-quick-filter .control{outline:0;height:34px;display:-ms-flexbox;display:flex;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;-webkit-transition:all 100ms ease 0s;transition:all 100ms ease 0s;border:1px solid #cccccc}verdocs-quick-filter .title{padding:0 8px;font-size:14px;max-width:100%;overflow:hidden;color:#33364b;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis}verdocs-quick-filter .title .prefix{display:inline;font-weight:700;margin:0 7px 0 0;color:#4c56cb}verdocs-quick-filter .arrow{width:32px;height:32px;border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#ffffff;-webkit-transition:color 150ms ease 0s;transition:color 150ms ease 0s}verdocs-quick-filter .arrow svg{-webkit-transition:0.3s;transition:0.3s;fill:#cccccc}verdocs-quick-filter .separator{width:1px;display:block;margin-top:8px;margin-bottom:8px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#cccccc}verdocs-quick-filter .items{display:none;z-index:10000;position:absolute;border-radius:4px;background:#ffffff;-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px}verdocs-quick-filter .items[data-show]{display:block}verdocs-quick-filter .option{width:100%;border:none;display:block;font-size:14px;text-align:left;background:none;padding:10px 20px;color:#1e2031}verdocs-quick-filter .option:hover{cursor:pointer;background:rgba(76, 86, 203, 0.2470588235)}verdocs-quick-filter .option[disabled]{color:#aaaaaa}verdocs-quick-filter .option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}verdocs-quick-filter.open .items{display:block}verdocs-quick-filter.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1)}';const u=g;const x=`<svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="css-8mmkcg"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg>`;const k=class{constructor(s){e(this,s);this.optionSelected=i(this,"optionSelected",7);this.clickListenerSymbol=new AbortController;this.options=[];this.label="Filter";this.value="";this.placeholder="Select...";this.open=undefined}componentDidLoad(){this.popper=c(this.dropdownButton,this.dropdownMenu,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[-1,14]}}]});window.addEventListener("click",this.clickListener.bind(this),{signal:this.clickListenerSymbol.signal})}disconnectedCallback(){this.clickListenerSymbol.abort()}clickListener(e){const i=!(e.target==this.el||this.el.contains(e.target));if(i){this.hide()}}handleSelectOption(e,i){e.stopPropagation();this.optionSelected.emit(i);this.value=i.value;this.hide()}showDropdown(){var e,i;this.open=true;this.dropdownMenu.setAttribute("data-show","");this.dropdownMenu.removeAttribute("aria-hidden");(e=this.popper)===null||e===void 0?void 0:e.setOptions((e=>({...e,modifiers:[...e.modifiers,{name:"eventListeners",enabled:true}]}))).catch((()=>{}));(i=this.popper)===null||i===void 0?void 0:i.update().catch((()=>{}))}handleHideDropdown(e){var i,s;if(((i=e===null||e===void 0?void 0:e.target)===null||i===void 0?void 0:i.localName)==="button"&&((s=e===null||e===void 0?void 0:e.target)===null||s===void 0?void 0:s.className)==="arrow"){return}this.hide()}toggleDropdown(e){e.stopPropagation();if(this.open){this.hide()}else{this.showDropdown()}}hide(){var e;this.open=false;this.dropdownMenu.removeAttribute("data-show");this.dropdownMenu.setAttribute("aria-hidden","true");(e=this.popper)===null||e===void 0?void 0:e.setOptions((e=>({...e,modifiers:[...e.modifiers,{name:"eventListeners",enabled:false}]}))).catch((()=>{}))}render(){var e,i,t;const r=(e=this.options)===null||e===void 0?void 0:e.find((e=>e.value===this.value));const c=(i=this.options)===null||i===void 0?void 0:i.reduce(((e,i)=>e.label.length>i.label.length?e:i));const n=a((c===null||c===void 0?void 0:c.label)||"FILLER","14px Inter, Barlow, sans-serif");const l=a(this.label,"14px Inter, Barlow, sans-serif");const d=`${n+l+40}px`;return s(o,{key:"63c979bc0e8b4b75f0608a7b5c11bf92de2375cc",class:{open:!!this.open},style:{minWidth:d,display:"inline-block"}},s("div",{key:"785aac3556deaac0bbf55d8eb1f52e846448b44d",class:"control",onClick:e=>this.toggleDropdown(e),onBlur:e=>this.handleHideDropdown(e)},s("div",{key:"521c951babae9d882402ffb94aeb4f40a3afe9c6",class:"title",ref:e=>this.dropdownButton=e},s("span",{key:"66f15637c5bcaa84326b0360b1cf0b9eeb34cc19",class:"prefix"},this.label,":"),r?r.label:this.placeholder),s("div",{key:"8f5719750fd5fb40c8787d044904629ede1cb5a5",style:{flex:"1"}}),s("div",{key:"1f16f93487115760416fa9d7fa025e25da4e1cb9",class:"separator"}),s("div",{key:"bf485d08eccf8e960d161007b3b16517f494f85f",class:"arrow",innerHTML:x,"aria-label":"Open Menu"})),s("div",{key:"8842f5609144f401a51124501544f0fb6c4700c9",class:"items","aria-hidden":!this.open,ref:e=>this.dropdownMenu=e,style:{minWidth:d}},(t=this.options)===null||t===void 0?void 0:t.map((e=>e.label?s("button",{onClick:i=>this.handleSelectOption(i,e),class:`option ${e.value===this.value?"selected":""}`,disabled:e.disabled},e.label):s("div",{class:"separator"})))))}get el(){return t(this)}};k.style=u;export{h as verdocs_pagination,k as verdocs_quick_filter};
+//# sourceMappingURL=p-24f2d2e2.entry.js.map

package/dist/verdocs-web-sdk/p-24f2d2e2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsPaginationCss","VerdocsPaginationStyle0","ChevronDoubleLeft","ChevronDoubleRight","VISIBLE_PAGES","PageButton","page","selected","onClick","label","String","h","class","innerHTML","VerdocsQuickFilter","handleSelectPage","this","selectedPage","_a","selectPage","emit","render","firstPage","Math","max","numPages","itemCount","ceil","perPage","pagesToDisplay","integerSequence","slice","Host","key","map","pageNumber","verdocsQuickFilterCss","VerdocsQuickFilterStyle0","DropdownArrow","clickListenerSymbol","AbortController","componentDidLoad","popper","createPopper","dropdownButton","dropdownMenu","placement","modifiers","name","options","offset","window","addEventListener","clickListener","bind","signal","disconnectedCallback","abort","e","outside","target","el","contains","hide","handleSelectOption","option","stopPropagation","optionSelected","value","showDropdown","open","setAttribute","removeAttribute","setOptions","enabled","catch","_b","update","handleHideDropdown","localName","className","toggleDropdown","selectedOption","find","longestOption","reduce","prev","curr","length","longestLabelWidth","renderedTextWidth","prefixWidth","minWidth","style","display","onBlur","ref","placeholder","flex","_c","disabled"],"sources":["src/components/controls/verdocs-pagination/verdocs-pagination.scss?tag=verdocs-pagination","src/components/controls/verdocs-pagination/verdocs-pagination.tsx","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.scss?tag=verdocs-quick-filter","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-pagination {\n  gap: 8px;\n  display: flex;\n  flex-direction: row;\n  font-family: $primary-font;\n\n  .page-button {\n    height: 38px;\n    display: flex;\n    flex: 0 0 38px;\n    cursor: pointer;\n    font-size: 16px;\n    font-weight: 600;\n    border-radius: 4px;\n    align-items: center;\n    justify-content: center;\n    color: $verdocs-dark-blue;\n    border: 1px solid $verdocs-purple;\n\n    svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    &.selected {\n      cursor: default;\n      color: $verdocs-grey-4;\n      background: $verdocs-purple;\n    }\n  }\n\n  .ellipsis {\n    width: 38px;\n    height: 38px;\n    display: flex;\n    flex: 0 0 38px;\n    line-height: 32px;\n    justify-content: center;\n    color: $verdocs-dark-blue;\n  }\n}\n","import {integerSequence} from '@verdocs/js-sdk';\nimport {Host, FunctionalComponent} from '@stencil/core';\nimport {Component, Prop, Element, h, Event, EventEmitter} from '@stencil/core';\n\nconst ChevronDoubleLeft = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18.75 19.5l-7.5-7.5 7.5-7.5m-6 15L5.25 12l7.5-7.5\" /></svg>`;\n\nconst ChevronDoubleRight = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5\" /></svg>`;\n\ntype TPageNumber = number | 'first' | 'last';\n\nconst VISIBLE_PAGES = 5;\n\nconst PageButton: FunctionalComponent<{page: TPageNumber; selected: number; onClick: (page: TPageNumber) => void}> = ({page, selected, onClick}) => {\n  let label;\n  if (page === 'first') {\n    label = ChevronDoubleLeft;\n  } else if (page === 'last') {\n    label = ChevronDoubleRight;\n  } else {\n    label = String(page + 1);\n  }\n\n  return <div class={`page-button ${page === selected ? 'selected' : ''}`} onClick={() => onClick(page)} innerHTML={label} />;\n};\n\n/**\n * Display a simple pagination control with individual buttons to move through the data set.\n *\n * ```ts\n * <verdocs-pagination\n *   selectedPage={1}\n *   itemCount={50}\n *   perPage={10}\n *   onSelectPage={(e) => {setSelectedpage(e.detail.selectedPage)}}\n * />\n * ```\n */\n@Component({\n  tag: 'verdocs-pagination',\n  styleUrl: 'verdocs-pagination.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  /**\n   * The currently selected page.\n   */\n  @Prop({mutable: true, reflect: true}) selectedPage: number = 0;\n\n  /**\n   * The total number of items.\n   */\n  @Prop() itemCount: number = 1;\n\n  /**\n   * The number of displayed per page.\n   */\n  @Prop() perPage: number = 10;\n\n  /**\n   * Event fired when the selected page changes. The new page number is included in the event.\n   */\n  @Event({composed: true}) selectPage: EventEmitter<{selectedPage: number}>;\n\n  handleSelectPage(page: number) {\n    this.selectedPage = page;\n    this.selectPage?.emit({selectedPage: page});\n  }\n\n  render() {\n    const firstPage = Math.max(0, this.selectedPage - 2);\n    const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;\n    const pagesToDisplay = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);\n\n    return (\n      <Host>\n        {this.selectedPage > 0 && <PageButton page={'first'} selected={this.selectedPage} onClick={() => this.handleSelectPage(0)} />}\n\n        {firstPage > 0 && <div class=\"ellipsis\">...</div>}\n\n        {pagesToDisplay.map(pageNumber => (\n          <PageButton page={pageNumber} selected={this.selectedPage} onClick={page => this.handleSelectPage(+page)} />\n        ))}\n\n        {this.selectedPage < numPages - 1 && <div class=\"ellipsis\">...</div>}\n\n        {this.selectedPage < numPages - 1 && <PageButton page={'last'} selected={this.selectedPage} onClick={() => this.handleSelectPage(numPages - 1)} />}\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-quick-filter {\n  position: relative;\n  font-family: $primary-font;\n\n  .control {\n    outline: 0;\n    height: 34px;\n    display: flex;\n    cursor: pointer;\n    border-radius: 4px;\n    align-items: center;\n    flex-direction: row;\n    box-sizing: border-box;\n    background: $verdocs-grey-4;\n    transition: all 100ms ease 0s;\n    border: 1px solid $verdocs-bg-1;\n  }\n\n  .title {\n    padding: 0 8px;\n    font-size: 14px;\n    max-width: 100%;\n    overflow: hidden;\n    color: $label-color;\n    white-space: nowrap;\n    box-sizing: border-box;\n    text-overflow: ellipsis;\n\n    .prefix {\n      display: inline;\n      font-weight: 700;\n      margin: 0 7px 0 0;\n      color: $secondary-color;\n    }\n  }\n\n  .arrow {\n    width: 32px;\n    height: 32px;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    align-items: center;\n    display: inline-flex;\n    justify-content: center;\n    background: $verdocs-grey-4;\n    transition: color 150ms ease 0s;\n\n    svg {\n      transition: 0.3s;\n      fill: $verdocs-bg-1;\n    }\n  }\n\n  .separator {\n    width: 1px;\n    display: block;\n    margin-top: 8px;\n    margin-bottom: 8px;\n    align-self: stretch;\n    box-sizing: border-box;\n    background-color: $verdocs-bg-1;\n  }\n\n  .items {\n    display: none;\n    z-index: 10000;\n    position: absolute;\n    border-radius: 4px;\n    background: $verdocs-grey-4;\n    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;\n  }\n\n  .items[data-show] {\n    display: block;\n  }\n\n  .option {\n    width: 100%;\n    border: none;\n    display: block;\n    font-size: 14px;\n    text-align: left;\n    background: none;\n    padding: 10px 20px;\n    color: $verdocs-bg-5;\n  }\n\n  .option:hover {\n    cursor: pointer;\n    background: #4c56cb3f;\n  }\n\n  .option[disabled] {\n    color: $light-disabled-color;\n  }\n\n  .option[disabled]:hover {\n    cursor: inherit;\n    background: transparent;\n    color: $light-disabled-color;\n  }\n\n  &.open {\n    .items {\n      display: block;\n    }\n\n    .arrow svg {\n      transform: scaleY(-1);\n    }\n  }\n}\n","import {Host} from '@stencil/core';\nimport {createPopper, Instance} from '@popperjs/core';\nimport {Component, Prop, Element, State, h, Event, EventEmitter} from '@stencil/core';\nimport {renderedTextWidth} from '../../../utils/utils';\n\nconst DropdownArrow = `<svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\" aria-hidden=\"true\" focusable=\"false\" class=\"css-8mmkcg\"><path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path></svg>`;\n\nexport interface IFilterOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\n/**\n * Display a drop-down menu of quick filter options.\n *\n * ```ts\n * <verdocs-quick-filter options={[...options]} value={1} label=\"Filter\" placeholder=\"All\" />\n * ```\n */\n@Component({\n  tag: 'verdocs-quick-filter',\n  styleUrl: 'verdocs-quick-filter.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  private dropdownButton?: HTMLElement;\n  private dropdownMenu?: HTMLDivElement;\n  private popper?: Instance;\n\n  /**\n   * The menu options to display.\n   */\n  @Prop() options: IFilterOption[] = [];\n\n  @Prop()\n  label: string = 'Filter';\n\n  @Prop({reflect: true, mutable: true})\n  value: string = '';\n\n  @Prop()\n  placeholder: string = 'Select...';\n\n  /**\n   * Event fired when a menu option is clicked.\n   * Web Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks.\n   */\n  @Event({composed: true}) optionSelected: EventEmitter<IFilterOption>;\n\n  @State() open: boolean;\n\n  // We need to do this to reliably disconnect the click-away listener\n  clickListenerSymbol = new AbortController();\n  componentDidLoad() {\n    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, {placement: 'bottom-start', modifiers: [{name: 'offset', options: {offset: [-1, 14]}}]});\n\n    window.addEventListener('click', this.clickListener.bind(this), {signal: this.clickListenerSymbol.signal});\n  }\n\n  disconnectedCallback() {\n    this.clickListenerSymbol.abort();\n  }\n\n  clickListener(e: any) {\n    const outside = !(e.target == this.el || this.el.contains(e.target));\n    if (outside) {\n      this.hide();\n    }\n  }\n\n  handleSelectOption(e: any, option: IFilterOption) {\n    e.stopPropagation();\n    this.optionSelected.emit(option);\n    this.value = option.value;\n    this.hide();\n  }\n\n  // See https://popper.js.org/docs/v2/tutorial/\n  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists\n  showDropdown() {\n    this.open = true;\n    this.dropdownMenu.setAttribute('data-show', '');\n    this.dropdownMenu.removeAttribute('aria-hidden');\n\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: true}],\n      }))\n      .catch(() => {});\n\n    this.popper?.update().catch(() => {});\n  }\n\n  handleHideDropdown(e: any) {\n    if (e?.target?.localName === 'button' && e?.target?.className === 'arrow') {\n      // This event is fired when a menu element is clicked because the button \"loses focus\" then too\n      return;\n    }\n\n    this.hide();\n  }\n\n  toggleDropdown(e: any) {\n    e.stopPropagation();\n\n    if (this.open) {\n      this.hide();\n    } else {\n      this.showDropdown();\n    }\n  }\n\n  hide() {\n    this.open = false;\n    this.dropdownMenu.removeAttribute('data-show');\n    this.dropdownMenu.setAttribute('aria-hidden', 'true');\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: false}],\n      }))\n      .catch(() => {});\n  }\n\n  render() {\n    const selectedOption = this.options?.find(option => option.value === this.value);\n    const longestOption = this.options?.reduce((prev, curr) => (prev.label.length > curr.label.length ? prev : curr));\n    const longestLabelWidth = renderedTextWidth(longestOption?.label || 'FILLER', '14px Inter, Barlow, sans-serif');\n    const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');\n    const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;\n\n    return (\n      <Host class={{open: !!this.open}} style={{minWidth, display: 'inline-block'}}>\n        <div class=\"control\" onClick={e => this.toggleDropdown(e)} onBlur={e => this.handleHideDropdown(e)}>\n          <div class=\"title\" ref={el => (this.dropdownButton = el as HTMLElement)}>\n            <span class=\"prefix\">{this.label}:</span>\n            {selectedOption ? selectedOption.label : this.placeholder}\n          </div>\n\n          <div style={{flex: '1'}} />\n\n          <div class=\"separator\" />\n\n          <div class=\"arrow\" innerHTML={DropdownArrow} aria-label=\"Open Menu\" />\n        </div>\n\n        <div class=\"items\" aria-hidden={!this.open} ref={el => (this.dropdownMenu = el as HTMLDivElement)} style={{minWidth}}>\n          {this.options?.map(option =>\n            option.label ? (\n              <button onClick={e => this.handleSelectOption(e, option)} class={`option ${option.value === this.value ? 'selected' : ''}`} disabled={option.disabled}>\n                {option.label}\n              </button>\n            ) : (\n              <div class=\"separator\" />\n            ),\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}