npm - @verdocs/web-sdk - Versions diffs - 6.3.2 → 6.5.0-beta.2 - Mend

@verdocs/web-sdk 6.3.2 → 6.5.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (851) hide show

package/dist/components/verdocs-envelopes-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"verdocs-envelopes-list.js","mappings":"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","names":["VerdocsEnvelopesList","__stencil_proxyCustomElement","HTMLElement"],"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}:  <div class=\"envelope-recipients\">{envelope.recipients.map(r => formatFullName(r))}</div>\n </div>\n\n <div class=\"vert-spacer\" />\n <verdocs-status-indicator envelope={envelope} style={{width: '125px'}} />\n\n <div class=\"vert-spacer\" />\n <div class=\"last-modified\">{new Date(envelope.updated_at).toLocaleString()}</div>\n\n <div class=\"vert-spacer\" />\n <verdocs-dropdown\n options={menuOptions}\n onOptionSelected={e => {\n switch (e.detail.id) {\n case 'view':\n this.viewEnvelope?.emit({endpoint: this.endpoint, envelope});\n break;\n case 'finish':\n this.finishEnvelope?.emit({endpoint: this.endpoint, envelope});\n break;\n case 'download':\n this.downloadEnvelope(envelope);\n break;\n case 'cancel':\n if (window.confirm('Are you sure you want to cancel this envelope?')) {\n cancelEnvelope(this.endpoint, envelope.id)\n .then(() => VerdocsToast('Envelope canceled'))\n .catch(e => VerdocsToast('Unable to cancel envelope: ' + e.messabge, {style: 'error'}));\n this.queryEnvelopes().catch(() => {});\n }\n break;\n }\n }}\n />\n </div>\n </div>\n );\n })}\n\n {!this.initiallyLoaded && (\n <div style={{width: '100%'}}>\n {integerSequence(0, this.rowsPerPage).map(() => (\n <div class=\"envelope-placeholder\" />\n ))}\n </div>\n )}\n\n {this.initiallyLoaded && !this.envelopes.length && <div class=\"empty-text\">No matching envelopes found. Please adjust your filters and try again.</div>}\n\n {this.initiallyLoaded && this.envelopes.length && this.showPagination ? (\n <div style={{marginTop: '20px'}}>\n <verdocs-pagination\n selectedPage={this.selectedPage}\n perPage={this.rowsPerPage}\n itemCount={this.count}\n onSelectPage={e => {\n this.selectedPage = e.detail.selectedPage;\n }}\n />\n </div>\n ) : (\n <div />\n )}\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"verdocs-envelopes-list.js","mappings":"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","names":["VerdocsEnvelopesList","__stencil_proxyCustomElement","HTMLElement"],"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}:  <div class=\"envelope-recipients\">{envelope.recipients.map(r => formatFullName(r))}</div>\n </div>\n\n <div class=\"vert-spacer\" />\n <verdocs-status-indicator envelope={envelope} style={{width: '125px'}} />\n\n <div class=\"vert-spacer\" />\n <div class=\"last-modified\">{new Date(envelope.updated_at).toLocaleString()}</div>\n\n <div class=\"vert-spacer\" />\n <verdocs-dropdown\n options={menuOptions}\n onOptionSelected={e => {\n switch (e.detail.id) {\n case 'view':\n this.viewEnvelope?.emit({endpoint: this.endpoint, envelope});\n break;\n case 'finish':\n this.finishEnvelope?.emit({endpoint: this.endpoint, envelope});\n break;\n case 'download':\n this.downloadEnvelope(envelope);\n break;\n case 'cancel':\n if (window.confirm('Are you sure you want to cancel this envelope?')) {\n cancelEnvelope(this.endpoint, envelope.id)\n .then(() => VerdocsToast('Envelope canceled'))\n .catch(e => VerdocsToast('Unable to cancel envelope: ' + e.messabge, {style: 'error'}));\n this.queryEnvelopes().catch(() => {});\n }\n break;\n }\n }}\n />\n </div>\n </div>\n );\n })}\n\n {!this.initiallyLoaded && (\n <div style={{width: '100%'}}>\n {integerSequence(0, this.rowsPerPage).map(() => (\n <div class=\"envelope-placeholder\" />\n ))}\n </div>\n )}\n\n {this.initiallyLoaded && !this.envelopes.length && <div class=\"empty-text\">No matching envelopes found. Please adjust your filters and try again.</div>}\n\n {this.initiallyLoaded && this.envelopes.length && this.showPagination ? (\n <div style={{marginTop: '20px'}}>\n <verdocs-pagination\n selectedPage={this.selectedPage}\n perPage={this.rowsPerPage}\n itemCount={this.count}\n onSelectPage={e => {\n this.selectedPage = e.detail.selectedPage;\n }}\n />\n </div>\n ) : (\n <div />\n )}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/verdocs-field-attachment.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldAttachment$1, d as defineCustomElement$1 } from './p-Be40bZ4S.js';
+import { V as VerdocsFieldAttachment$1, d as defineCustomElement$1 } from './p-C_fTZqX_.js';
 const VerdocsFieldAttachment = VerdocsFieldAttachment$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-field-checkbox.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldCheckbox$1, d as defineCustomElement$1 } from './p-zln1sHDr.js';
+import { V as VerdocsFieldCheckbox$1, d as defineCustomElement$1 } from './p-CmUZsES9.js';
 const VerdocsFieldCheckbox = VerdocsFieldCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-field-date.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldDate$1, d as defineCustomElement$1 } from './p-DzDB_SyD.js';
+import { V as VerdocsFieldDate$1, d as defineCustomElement$1 } from './p-DJxcnCni.js';
 const VerdocsFieldDate = VerdocsFieldDate$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-field-dropdown.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldDropdown$1, d as defineCustomElement$1 } from './p-tXZcbV3w.js';
+import { V as VerdocsFieldDropdown$1, d as defineCustomElement$1 } from './p-C_Lg8FA9.js';
 const VerdocsFieldDropdown = VerdocsFieldDropdown$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-field-initial.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldInitial$1, d as defineCustomElement$1 } from './p-DQ5Kf869.js';
+import { V as VerdocsFieldInitial$1, d as defineCustomElement$1 } from './p-BToCx2ri.js';
 const VerdocsFieldInitial = VerdocsFieldInitial$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-field-payment.js CHANGED Viewed

@@ -1,18 +1,17 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-CUAGH_8P.js';
-import { getRGBA } from '@verdocs/js-sdk';
 import { S as SettingsIcon } from './p-7LXbcjVz.js';
 import { S as Store } from './p-DmsV595e.js';
-import { d as defineCustomElement$a } from './p-BLnFOrAj.js';
-import { d as defineCustomElement$9 } from './p-C7Lom-pC.js';
-import { d as defineCustomElement$8 } from './p-qfdb4bEJ.js';
-import { d as defineCustomElement$7 } from './p-Ddtzdi61.js';
-import { d as defineCustomElement$6 } from './p-CbATIWo8.js';
-import { d as defineCustomElement$5 } from './p-ClMXECec.js';
-import { d as defineCustomElement$4 } from './p-DHOg-bdt.js';
-import { d as defineCustomElement$3 } from './p-5Fek5Wy9.js';
-import { d as defineCustomElement$2 } from './p-ExxjGoKu.js';
+import { d as defineCustomElement$a } from './p-CfODrICH.js';
+import { d as defineCustomElement$9 } from './p-mThpW9TM.js';
+import { d as defineCustomElement$8 } from './p-DQ-sUhlC.js';
+import { d as defineCustomElement$7 } from './p-D9zjm5AL.js';
+import { d as defineCustomElement$6 } from './p-ypE1cZc7.js';
+import { d as defineCustomElement$5 } from './p-BHVk6zkr.js';
+import { d as defineCustomElement$4 } from './p-B1TD7C4M.js';
+import { d as defineCustomElement$3 } from './p-Ce79yI27.js';
+import { d as defineCustomElement$2 } from './p-BqBR9AeQ.js';
-const verdocsFieldPaymentCss = "@-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-field-payment{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:24px;height:24px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;border:1px solid #cfa;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-payment.disabled{opacity:0.5}verdocs-field-payment button,verdocs-field-payment div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-field-payment button{color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-payment button.hide{display:none}verdocs-field-payment input{float:left;font-family:Arial, sans-serif}verdocs-field-payment select{position:absolute;font-family:Arial, sans-serif;background:linear-gradient(55deg, transparent 50%, #333 50%), linear-gradient(125deg, #333 50%, transparent 50%), linear-gradient(to right, transparent, transparent);background-position:calc(100% - 7px) 4px, calc(100% - 3px) 4px, 100% 0;background-size:5px 5px, 5px 5px, 2.5em 2.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none}verdocs-field-payment .frame{width:100%;height:100%;background-size:contain;text-align:left}verdocs-field-payment .frame img{position:absolute;height:auto;width:100%}verdocs-field-payment.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-payment .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-payment .settings-icon svg{fill:#707ae5}verdocs-field-payment .settings-icon:hover{opacity:1}@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)}}";
+const verdocsFieldPaymentCss = "@-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-field-payment{font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif);width:24px;height:24px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;border:1px solid #cfa;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-payment.disabled{opacity:0.5}verdocs-field-payment button,verdocs-field-payment div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-field-payment button{color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-payment button.hide{display:none}verdocs-field-payment input{float:left;font-family:Arial, sans-serif}verdocs-field-payment select{position:absolute;font-family:Arial, sans-serif;background:linear-gradient(55deg, transparent 50%, #333 50%), linear-gradient(125deg, #333 50%, transparent 50%), linear-gradient(to right, transparent, transparent);background-position:calc(100% - 7px) 4px, calc(100% - 3px) 4px, 100% 0;background-size:5px 5px, 5px 5px, 2.5em 2.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none}verdocs-field-payment .frame{width:100%;height:100%;background-size:contain;text-align:left}verdocs-field-payment .frame img{position:absolute;height:auto;width:100%}verdocs-field-payment.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-payment .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-payment .settings-icon svg{fill:#707ae5}verdocs-field-payment .settings-icon:hover{opacity:1}@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)}}";
 const VerdocsFieldPayment$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsFieldPayment extends H {
     constructor(registerHost) {
@@ -111,14 +110,14 @@ const VerdocsFieldPayment$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
     render() {
         const { source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1 } = this;
         const { index, field } = Store.getField(source, sourceid, fieldname, this.field);
-        const backgroundColor = getRGBA(index);
+        const signerClass = `signer-${(index % 10) + 1}`;
         if (!field) {
             return h(Fragment, null);
         }
         if (done) {
             return h(Host, { class: { done } }, "$\u2713");
         }
-        return (h(Host, { class: { focused, disabled }, style: { backgroundColor } }, h("button", { class: { hide: this.signed } }, "$"), this.signed ? h("div", { class: "frame" }) : h("div", { style: { display: 'none' } }), h("img", { width: "100%", height: "100%", src: this.signatureUrl, alt: "Payment Icon" }), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
+        return (h(Host, { class: { focused, disabled, [signerClass]: true } }, h("button", { class: { hide: this.signed } }, "$"), this.signed ? h("div", { class: "frame" }) : h("div", { style: { display: 'none' } }), h("img", { width: "100%", height: "100%", src: this.signatureUrl, alt: "Payment Icon" }), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
                 e.stopPropagation();
                 this.showingProperties = !this.showingProperties;
             } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${field.name}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: sourceid, fieldName: field.name, onClose: () => (this.showingProperties = false), onDelete: () => {

package/dist/components/verdocs-field-payment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"verdocs-field-payment.js","mappings":"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","names":["VerdocsFieldPayment","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/fields/verdocs-field-payment/verdocs-field-payment.scss?tag=verdocs-field-payment","src/components/fields/verdocs-field-payment/verdocs-field-payment.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-payment {\n font-family: $verdocs-primary-font;\n width: 24px;\n height: 24px;\n display: block;\n font-size: 11px;\n position: relative;\n scroll-margin: 20px 0;\n border: 1px solid #cfa;\n background-color: transparent;\n transform-origin: bottom left;\n\n &.disabled {\n opacity: 0.5;\n }\n\n button,\n div {\n box-sizing: border-box;\n }\n\n button {\n color: rgba(0, 0, 0, 0.87);\n font-weight: 500;\n transform-origin: 0 0;\n //background-color: rgba(225, 255, 255, 0.5);\n height: 100%;\n width: 100%;\n background: none;\n font-size: 11px;\n\n &.hide {\n display: none;\n }\n }\n\n input {\n float: left;\n font-family: Arial, sans-serif;\n }\n\n select {\n position: absolute;\n font-family: Arial, sans-serif;\n background: linear-gradient(55deg, transparent 50%, #333 50%), linear-gradient(125deg, #333 50%, transparent 50%), linear-gradient(to right, transparent, transparent);\n background-position:\n calc(100% - 7px) 4px,\n calc(100% - 3px) 4px,\n 100% 0;\n background-size:\n 5px 5px,\n 5px 5px,\n 2.5em 2.5em;\n background-repeat: no-repeat;\n appearance: none;\n }\n\n .frame {\n width: 100%;\n height: 100%;\n background-size: contain;\n text-align: left;\n\n img {\n position: absolute;\n height: auto;\n width: 100%;\n }\n }\n\n &.focused {\n animation: verdocs-field-pulse 0.4s 1;\n }\n\n .settings-icon {\n position: absolute;\n top: -3px;\n left: -20px;\n display: inline-block;\n cursor: pointer;\n opacity: 0.3;\n\n svg {\n fill: $border-color;\n }\n\n &:hover {\n opacity: 1;\n }\n }\n}\n\n@keyframes verdocs-field-pulse {\n 0% {\n background-color: rgba(0, 0, 0, 0.35);\n }\n 50% {\n background-color: rgba(0, 0, 0, 0);\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.35);\n }\n}\n","import {ITemplateField, getRGBA, IEnvelopeField} from '@verdocs/js-sdk';\nimport {Component, h, Host, Prop, Event, EventEmitter, State, Method, Fragment} from '@stencil/core';\nimport {SettingsIcon} from '../../../utils/Icons';\nimport {Store} from '../../../utils/Datastore';\n\n/*\n Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as\n * input types like text and checkbox.\n /\n@Component({\n tag: 'verdocs-field-payment',\n styleUrl: 'verdocs-field-payment.scss',\n shadow: false,\n})\nexport class VerdocsFieldPayment {\n /\n Fields may be attached to templates or envelopes, but only template fields may be edited.\n /\n @Prop({reflect: true}) source: 'template' \| 'envelope' = 'template';\n\n /\n The source template or envelope ID the field is found in.\n /\n @Prop({reflect: true}) sourceid: string = '';\n\n /\n The name of the field to display.\n /\n @Prop({reflect: true}) fieldname: string = '';\n\n /\n Override the field's settings. This is intended to be used during signing when fields are being\n * mutated.\n /\n @Prop() field: IEnvelopeField \| null \| undefined = null;\n\n /\n If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n /\n @Prop({reflect: true}) disabled?: boolean = false;\n\n /\n If set, the field is considered \"done\" and is drawn in a display-final-value state.\n /\n @Prop({reflect: true}) done?: boolean = false;\n\n /\n If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\n * changed, so it should typically only be enabled in the Builder.\n /\n @Prop({reflect: true}) editable?: boolean = false;\n\n /\n If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.\n /\n @Prop({reflect: true}) moveable?: boolean = false;\n\n /\n If set, the field will be be scaled horizontally by this factor.\n /\n @Prop({reflect: true}) xscale?: number = 1;\n\n /\n If set, the field will be be scaled vertically by this factor.\n /\n @Prop({reflect: true}) yscale?: number = 1;\n\n /\n The page the field is on\n /\n @Prop({reflect: true}) pagenumber?: number = 1;\n\n /\n Event fired when the field's settings are changed.\n /\n @Event({composed: true}) settingsChanged: EventEmitter<{fieldName: string; field: ITemplateField}>;\n\n /\n Event fired when the field is deleted.\n /\n @Event({composed: true}) deleted: EventEmitter<{fieldName: string}>;\n\n @State() showingProperties?: boolean = false;\n @State() focused?: boolean = false;\n\n @Prop() fields: any[];\n @Prop() pageNum: number;\n @Prop() roleName: string;\n @Prop() fieldId: string;\n @Prop() recipients: any;\n @Prop() selectedRoleName: string;\n @Prop() pdfPages: any[];\n @Prop() currentSignature: string;\n @Prop() currentSignatureId: string;\n @Prop() currentInitial: string;\n @Prop() currentInitialId: string;\n @Prop() signed: boolean = false;\n\n @State() preparedMessage: string;\n @State() signatureUrl: string = '';\n\n /\n If set, the field will be colored using this index value to select the background color.\n /\n @Prop() roleindex?: number = 0;\n\n mode: string;\n\n componentWillLoad() {\n // Load validators\n // Load fields\n // Get role names\n if (this.recipients && this.recipients.length > 0) {\n const preparer = this.recipients.find((r: any) => r.type === 'preparer');\n console.log('Found preparer', preparer);\n if (preparer) {\n this.preparedMessage = `Prepared by ${preparer['full_name']}`;\n }\n }\n }\n\n @Method()\n async focusField() {\n // We don't have a visible input that we can actually focus on, so we fake it\n this.focused = true;\n setTimeout(() => {\n this.focused = false;\n }, 500);\n }\n\n @Method()\n async showSettingsPanel() {\n const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`) as any;\n if (settingsPanel && settingsPanel.showPanel) {\n settingsPanel.showPanel();\n }\n }\n\n @Method()\n async hideSettingsPanel() {\n const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`) as any;\n if (settingsPanel && settingsPanel.hidePanel) {\n settingsPanel.hidePanel();\n }\n }\n\n render() {\n const {source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1} = this;\n\n const {index, field} = Store.getField(source, sourceid, fieldname, this.field);\n const backgroundColor = getRGBA(index);\n\n if (!field) {\n return <Fragment />;\n }\n\n if (done) {\n return <Host class={{done}}>$✓</Host>;\n }\n\n return (\n <Host class={{focused, disabled}} style={{backgroundColor}}>\n <button class={{hide: this.signed}}>$</button>\n {this.signed ? <div class=\"frame\" /> : <div style={{display: 'none'}} />}\n <img width=\"100%\" height=\"100%\" src={this.signatureUrl} alt=\"Payment Icon\" />\n\n {editable && (\n <Fragment>\n <div\n id={`verdocs-settings-panel-trigger-${fieldname}`}\n style={{transform: `scale(${Math.floor((1 / xscale) 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})`}}\n class=\"settings-icon\"\n innerHTML={SettingsIcon}\n onClick={(e: any) => {\n e.stopPropagation();\n this.showingProperties = !this.showingProperties;\n }}\n />\n\n {this.showingProperties && (\n <verdocs-portal anchor={`verdocs-settings-panel-trigger-${field.name}`} onClickAway={() => (this.showingProperties = false)}>\n <verdocs-template-field-properties\n templateId={sourceid}\n fieldName={field.name}\n onClose={() => (this.showingProperties = false)}\n onDelete={() => {\n this.deleted?.emit({fieldName: fieldname});\n return this.hideSettingsPanel();\n }}\n onSettingsChanged={e => {\n this.settingsChanged?.emit(e.detail);\n return this.hideSettingsPanel();\n }}\n helpText={'Check boxes allow the user to select one or more (non-exclusive) options.'}\n />\n </verdocs-portal>\n )}\n </Fragment>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"verdocs-field-payment.js","mappings":"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","names":["VerdocsFieldPayment","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/fields/verdocs-field-payment/verdocs-field-payment.scss?tag=verdocs-field-payment","src/components/fields/verdocs-field-payment/verdocs-field-payment.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-payment {\n font-family: $verdocs-primary-font;\n width: 24px;\n height: 24px;\n display: block;\n font-size: 11px;\n position: relative;\n scroll-margin: 20px 0;\n border: 1px solid #cfa;\n background-color: transparent;\n transform-origin: bottom left;\n\n &.disabled {\n opacity: 0.5;\n }\n\n button,\n div {\n box-sizing: border-box;\n }\n\n button {\n color: rgba(0, 0, 0, 0.87);\n font-weight: 500;\n transform-origin: 0 0;\n //background-color: rgba(225, 255, 255, 0.5);\n height: 100%;\n width: 100%;\n background: none;\n font-size: 11px;\n\n &.hide {\n display: none;\n }\n }\n\n input {\n float: left;\n font-family: Arial, sans-serif;\n }\n\n select {\n position: absolute;\n font-family: Arial, sans-serif;\n background: linear-gradient(55deg, transparent 50%, #333 50%), linear-gradient(125deg, #333 50%, transparent 50%), linear-gradient(to right, transparent, transparent);\n background-position:\n calc(100% - 7px) 4px,\n calc(100% - 3px) 4px,\n 100% 0;\n background-size:\n 5px 5px,\n 5px 5px,\n 2.5em 2.5em;\n background-repeat: no-repeat;\n appearance: none;\n }\n\n .frame {\n width: 100%;\n height: 100%;\n background-size: contain;\n text-align: left;\n\n img {\n position: absolute;\n height: auto;\n width: 100%;\n }\n }\n\n &.focused {\n animation: verdocs-field-pulse 0.4s 1;\n }\n\n .settings-icon {\n position: absolute;\n top: -3px;\n left: -20px;\n display: inline-block;\n cursor: pointer;\n opacity: 0.3;\n\n svg {\n fill: $border-color;\n }\n\n &:hover {\n opacity: 1;\n }\n }\n}\n\n@keyframes verdocs-field-pulse {\n 0% {\n background-color: rgba(0, 0, 0, 0.35);\n }\n 50% {\n background-color: rgba(0, 0, 0, 0);\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.35);\n }\n}\n","import {ITemplateField, IEnvelopeField} from '@verdocs/js-sdk';\nimport {Component, h, Host, Prop, Event, EventEmitter, State, Method, Fragment} from '@stencil/core';\nimport {SettingsIcon} from '../../../utils/Icons';\nimport {Store} from '../../../utils/Datastore';\n\n/*\n Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as\n * input types like text and checkbox.\n /\n@Component({\n tag: 'verdocs-field-payment',\n styleUrl: 'verdocs-field-payment.scss',\n shadow: false,\n})\nexport class VerdocsFieldPayment {\n /\n Fields may be attached to templates or envelopes, but only template fields may be edited.\n /\n @Prop({reflect: true}) source: 'template' \| 'envelope' = 'template';\n\n /\n The source template or envelope ID the field is found in.\n /\n @Prop({reflect: true}) sourceid: string = '';\n\n /\n The name of the field to display.\n /\n @Prop({reflect: true}) fieldname: string = '';\n\n /\n Override the field's settings. This is intended to be used during signing when fields are being\n * mutated.\n /\n @Prop() field: IEnvelopeField \| null \| undefined = null;\n\n /\n If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n /\n @Prop({reflect: true}) disabled?: boolean = false;\n\n /\n If set, the field is considered \"done\" and is drawn in a display-final-value state.\n /\n @Prop({reflect: true}) done?: boolean = false;\n\n /\n If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\n * changed, so it should typically only be enabled in the Builder.\n /\n @Prop({reflect: true}) editable?: boolean = false;\n\n /\n If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.\n /\n @Prop({reflect: true}) moveable?: boolean = false;\n\n /\n If set, the field will be be scaled horizontally by this factor.\n /\n @Prop({reflect: true}) xscale?: number = 1;\n\n /\n If set, the field will be be scaled vertically by this factor.\n /\n @Prop({reflect: true}) yscale?: number = 1;\n\n /\n The page the field is on\n /\n @Prop({reflect: true}) pagenumber?: number = 1;\n\n /\n Event fired when the field's settings are changed.\n /\n @Event({composed: true}) settingsChanged: EventEmitter<{fieldName: string; field: ITemplateField}>;\n\n /\n Event fired when the field is deleted.\n /\n @Event({composed: true}) deleted: EventEmitter<{fieldName: string}>;\n\n @State() showingProperties?: boolean = false;\n @State() focused?: boolean = false;\n\n @Prop() fields: any[];\n @Prop() pageNum: number;\n @Prop() roleName: string;\n @Prop() fieldId: string;\n @Prop() recipients: any;\n @Prop() selectedRoleName: string;\n @Prop() pdfPages: any[];\n @Prop() currentSignature: string;\n @Prop() currentSignatureId: string;\n @Prop() currentInitial: string;\n @Prop() currentInitialId: string;\n @Prop() signed: boolean = false;\n\n @State() preparedMessage: string;\n @State() signatureUrl: string = '';\n\n /\n If set, the field will be colored using this index value to select the background color.\n /\n @Prop() roleindex?: number = 0;\n\n mode: string;\n\n componentWillLoad() {\n // Load validators\n // Load fields\n // Get role names\n if (this.recipients && this.recipients.length > 0) {\n const preparer = this.recipients.find((r: any) => r.type === 'preparer');\n console.log('Found preparer', preparer);\n if (preparer) {\n this.preparedMessage = `Prepared by ${preparer['full_name']}`;\n }\n }\n }\n\n @Method()\n async focusField() {\n // We don't have a visible input that we can actually focus on, so we fake it\n this.focused = true;\n setTimeout(() => {\n this.focused = false;\n }, 500);\n }\n\n @Method()\n async showSettingsPanel() {\n const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`) as any;\n if (settingsPanel && settingsPanel.showPanel) {\n settingsPanel.showPanel();\n }\n }\n\n @Method()\n async hideSettingsPanel() {\n const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`) as any;\n if (settingsPanel && settingsPanel.hidePanel) {\n settingsPanel.hidePanel();\n }\n }\n\n render() {\n const {source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1} = this;\n\n const {index, field} = Store.getField(source, sourceid, fieldname, this.field);\n const signerClass = `signer-${(index % 10) + 1}`;\n\n if (!field) {\n return <Fragment />;\n }\n\n if (done) {\n return <Host class={{done}}>$✓</Host>;\n }\n\n return (\n <Host class={{focused, disabled, [signerClass]: true}}>\n <button class={{hide: this.signed}}>$</button>\n {this.signed ? <div class=\"frame\" /> : <div style={{display: 'none'}} />}\n <img width=\"100%\" height=\"100%\" src={this.signatureUrl} alt=\"Payment Icon\" />\n\n {editable && (\n <Fragment>\n <div\n id={`verdocs-settings-panel-trigger-${fieldname}`}\n style={{transform: `scale(${Math.floor((1 / xscale) 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})`}}\n class=\"settings-icon\"\n innerHTML={SettingsIcon}\n onClick={(e: any) => {\n e.stopPropagation();\n this.showingProperties = !this.showingProperties;\n }}\n />\n\n {this.showingProperties && (\n <verdocs-portal anchor={`verdocs-settings-panel-trigger-${field.name}`} onClickAway={() => (this.showingProperties = false)}>\n <verdocs-template-field-properties\n templateId={sourceid}\n fieldName={field.name}\n onClose={() => (this.showingProperties = false)}\n onDelete={() => {\n this.deleted?.emit({fieldName: fieldname});\n return this.hideSettingsPanel();\n }}\n onSettingsChanged={e => {\n this.settingsChanged?.emit(e.detail);\n return this.hideSettingsPanel();\n }}\n helpText={'Check boxes allow the user to select one or more (non-exclusive) options.'}\n />\n </verdocs-portal>\n )}\n </Fragment>\n )}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/verdocs-field-radio.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldRadio$1, d as defineCustomElement$1 } from './p-s5aulRbG.js';
+import { V as VerdocsFieldRadio$1, d as defineCustomElement$1 } from './p-DMNzrP5c.js';
 const VerdocsFieldRadio = VerdocsFieldRadio$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-field-signature.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldSignature$1, d as defineCustomElement$1 } from './p-DQZV5DpX.js';
+import { V as VerdocsFieldSignature$1, d as defineCustomElement$1 } from './p-0p8NaKpS.js';
 const VerdocsFieldSignature = VerdocsFieldSignature$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-field-textarea.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldTextarea$1, d as defineCustomElement$1 } from './p-MbNTNztz.js';
+import { V as VerdocsFieldTextarea$1, d as defineCustomElement$1 } from './p-DFn7OyyI.js';
 const VerdocsFieldTextarea = VerdocsFieldTextarea$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-field-textbox.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldTextbox$1, d as defineCustomElement$1 } from './p-CcVkCmQi.js';
+import { V as VerdocsFieldTextbox$1, d as defineCustomElement$1 } from './p-cJtKU5n1.js';
 const VerdocsFieldTextbox = VerdocsFieldTextbox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-field-timestamp.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldTimestamp$1, d as defineCustomElement$1 } from './p-B1xA5_lE.js';
+import { V as VerdocsFieldTimestamp$1, d as defineCustomElement$1 } from './p-CCKs9OuD.js';
 const VerdocsFieldTimestamp = VerdocsFieldTimestamp$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-file-chooser.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsFileChooser$1, d as defineCustomElement$1 } from './p-D9PE4xz7.js';
+import { V as VerdocsFileChooser$1, d as defineCustomElement$1 } from './p-DIRPK6bd.js';
 const VerdocsFileChooser = VerdocsFileChooser$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-flag.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+interface VerdocsFlag extends Components.VerdocsFlag, HTMLElement {}
+export const VerdocsFlag: {
+    prototype: VerdocsFlag;
+    new (): VerdocsFlag;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/verdocs-flag.js ADDED Viewed

@@ -0,0 +1,9 @@
+import { V as VerdocsFlag$1, d as defineCustomElement$1 } from './p-CHLvWYEx.js';
+const VerdocsFlag = VerdocsFlag$1;
+const defineCustomElement = defineCustomElement$1;
+export { VerdocsFlag, defineCustomElement };
+//# sourceMappingURL=verdocs-flag.js.map
+//# sourceMappingURL=verdocs-flag.js.map

package/dist/components/verdocs-flag.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"verdocs-flag.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/verdocs-help-icon.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsHelpIcon$1, d as defineCustomElement$1 } from './p-Ddtzdi61.js';
+import { V as VerdocsHelpIcon$1, d as defineCustomElement$1 } from './p-D9zjm5AL.js';
 const VerdocsHelpIcon = VerdocsHelpIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-initial-dialog.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsInitialDialog$1, d as defineCustomElement$1 } from './p-BBgYkz_p.js';
+import { V as VerdocsInitialDialog$1, d as defineCustomElement$1 } from './p-BWQH6Cty.js';
 const VerdocsInitialDialog = VerdocsInitialDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-kba-dialog.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsKbaDialog$1, d as defineCustomElement$1 } from './p-BjnLxewv.js';
+import { V as VerdocsKbaDialog$1, d as defineCustomElement$1 } from './p-C-NHtu_d.js';
 const VerdocsKbaDialog = VerdocsKbaDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-loader.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsLoader$1, d as defineCustomElement$1 } from './p-CbATIWo8.js';
+import { V as VerdocsLoader$1, d as defineCustomElement$1 } from './p-ypE1cZc7.js';
 const VerdocsLoader = VerdocsLoader$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-menu-panel.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsMenuPanel$1, d as defineCustomElement$1 } from './p-CRuFRHzn.js';
+import { V as VerdocsMenuPanel$1, d as defineCustomElement$1 } from './p-DC3uqKak.js';
 const VerdocsMenuPanel = VerdocsMenuPanel$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-multiselect.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-CUAGH_8P.js';
 import { randomString } from '@verdocs/js-sdk';
-import { d as defineCustomElement$2 } from './p-C7Lom-pC.js';
+import { d as defineCustomElement$2 } from './p-mThpW9TM.js';
 const verdocsMultiselectCss = "@-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-multiselect{width:100%;display:block;margin:0 0 10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", \"Barlow\", sans-serif;position:relative}verdocs-multiselect .input-wrapper{width:100%;position:relative}verdocs-multiselect .input-wrapper .icon{top:6px;right:6px;width:18px;height:18px;z-index:10;position:absolute}verdocs-multiselect .trigger{gap:3px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;border-radius:4px;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px 32px 5px 7px;background:#ffffff;border:1px solid #707ae5}verdocs-multiselect .trigger::-webkit-input-placeholder{opacity:1;color:#aaaaaa}verdocs-multiselect .trigger::-moz-placeholder{opacity:1;color:#aaaaaa}verdocs-multiselect .trigger:-ms-input-placeholder{opacity:1;color:#aaaaaa}verdocs-multiselect .trigger::-ms-input-placeholder{opacity:1;color:#aaaaaa}verdocs-multiselect .trigger::placeholder{opacity:1;color:#aaaaaa}verdocs-multiselect .selected-option{color:white;font-size:12px;padding:2px 6px;border-radius:3px;display:inline-block;background:#46497d}verdocs-multiselect .input-label{display:block;font-weight:700;font-size:14px;margin:0 0 4px 0;color:#555570}verdocs-multiselect .verdocs-multiselect-dropdown{left:0;top:30px;width:210px;z-index:10000;position:absolute;border-radius:5px;font-family:\"Inter\", \"Barlow\", sans-serif;background:#ffffff;border:1px solid #654dcb}verdocs-multiselect .verdocs-multiselect-dropdown .option{gap:4px;display:-ms-flexbox;display:flex;padding:5px 8px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;text-wrap:nowrap}verdocs-multiselect .verdocs-multiselect-dropdown label{font-size:13px}#verdocs-multiselect-menu-items{width:200px;z-index:10000;position:absolute;border-radius:5px;font-family:\"Inter\", \"Barlow\", sans-serif;background:#ffffff;border:1px solid #654dcb}#verdocs-multiselect-menu-items .option{display:-ms-flexbox;display:flex;gap:4px;padding:5px 8px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}#verdocs-multiselect-menu-items label{font-size:13px}";

package/dist/components/verdocs-ok-dialog.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsOkDialog$1, d as defineCustomElement$1 } from './p-_8VAlOYF.js';
+import { V as VerdocsOkDialog$1, d as defineCustomElement$1 } from './p-DpF1OjCe.js';
 const VerdocsOkDialog = VerdocsOkDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-organization-card.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-CUAGH_8P.js';
 import { d as dateFnsExports } from './p-6fSdgmoO.js';
-import { d as defineCustomElement$2 } from './p-ClMXECec.js';
+import { d as defineCustomElement$2 } from './p-BHVk6zkr.js';
 const verdocsOrganizationCardCss = "@-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-organization-card{font-family:\"Inter\", \"Barlow\", sans-serif;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#ffffff;border-radius:8px;padding:7px 15px}verdocs-organization-card .icon{-ms-flex:0;flex:0;height:24px;width:24px;margin:0 14px 0 0}verdocs-organization-card .icon svg{fill:#aeb4bf;height:24px;width:24px}verdocs-organization-card .content{margin-top:2px}.verdocs-org-card-popup{font-family:\"Inter\", \"Barlow\", sans-serif;background:#ffffff;border-radius:10px;width:326px;padding:20px 40px 0 40px;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border:1px solid #cccccc}.verdocs-org-card-popup .popup-header-with-logo{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:column;flex-direction:column;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-header-with-logo img{max-width:300px;max-height:50px}.verdocs-org-card-popup .popup-header{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:14px;text-transform:uppercase}.verdocs-org-card-popup .status{-webkit-transform:scale(1.5);transform:scale(1.5);width:24px;height:24px}.verdocs-org-card-popup .field{margin:0 0 20px 0}.verdocs-org-card-popup .field strong{color:#7b7b9a;display:block;margin:0 0 5px 0}.verdocs-org-card-popup .field a{color:#654dcb;text-transform:uppercase}";
@@ -26,7 +26,7 @@ const VerdocsOrganizationCard$1 = /*@__PURE__*/ proxyCustomElement(class Verdocs
         console.log('Rendering org card', this.organization.thumbnail_url, this.organization);
         const fallbackIcon = BusinessIcon;
         const portalId = `verdocs-org-card-${this.organization.id}`;
-        return (h(Host, { key: 'f714963eac994c9af17b768ceb22c66f90319bd6', id: portalId }, this.organization.thumbnail_url ? h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : h("span", { class: "icon", innerHTML: fallbackIcon }), h("span", { key: '641f1eb3669bce8066eb52974b490bf2f33480d3', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), h("verdocs-portal", { key: '57d1f15ad28798b414d6c7b0b9187d489501aae9', anchor: portalId }, h("div", { key: '3324ae37c0d8b818d5dab21b11693306d1dce6b3', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (h("div", { class: "popup-header-with-logo" }, h("img", { src: this.organization.full_logo_url, alt: "Logo" }), h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (h("div", { class: "popup-header" }, h("span", { class: "status" }, h("span", { class: "icon", innerHTML: fallbackIcon })), h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), h("div", { key: '9fe15a204516ddfcc7f35cb7ee33bbb80b163260', class: "popup-body" }, h("div", { key: 'a7b6c6041e09759545403613b5388ba90f789acc', class: "field" }, h("strong", { key: 'e558409769026901dfc17a67f2d7d59582cd960e' }, "Joined"), dateFnsExports.format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: '94e6ce975794db4f3c5201af902a93fe886c416e', class: "field" }, h("strong", { key: '3ec6bd5272f762065ab6c0b95301b77539e514ff' }, "Website"), h("a", { key: '44be7da94d554d4c75575e23d56143c2346637b9', href: (_e = this.organization) === null || _e === void 0 ? void 0 : _e.url, target: "_blank", rel: "nofollow" }, (_f = this.organization) === null || _f === void 0 ? void 0 : _f.url))))))));
+        return (h(Host, { key: 'afab00c0594b7f49114cb0cd6d0f35072a6557a9', id: portalId }, this.organization.thumbnail_url ? h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : h("span", { class: "icon", innerHTML: fallbackIcon }), h("span", { key: '820fee6596d9724cfa6628d1b820fccf8c448040', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), h("verdocs-portal", { key: '9d96819970166e1dba589b8e7bcfecb17302b642', anchor: portalId }, h("div", { key: '9afb356db5a41fab522196b24001079656895bb8', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (h("div", { class: "popup-header-with-logo" }, h("img", { src: this.organization.full_logo_url, alt: "Logo" }), h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (h("div", { class: "popup-header" }, h("span", { class: "status" }, h("span", { class: "icon", innerHTML: fallbackIcon })), h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), h("div", { key: 'fbd533d1b9981ed1748426ca40cf2acef04b4516', class: "popup-body" }, h("div", { key: '5d9e78644cb47b61aaf86051aada3e6af888552a', class: "field" }, h("strong", { key: '6c734f2d6f847bd52dba49bd0d3d76765df30af9' }, "Joined"), dateFnsExports.format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: 'e8a7221d73736f7832a2cc839a32efb9bcd50348', class: "field" }, h("strong", { key: '1aeb04edea44fb6db755a22a07ca34f22ad4f72d' }, "Website"), h("a", { key: '26c2d1306f50aa2560525415bb0874f5cb9e461d', href: (_e = this.organization) === null || _e === void 0 ? void 0 : _e.url, target: "_blank", rel: "nofollow" }, (_f = this.organization) === null || _f === void 0 ? void 0 : _f.url))))))));
     }
     static get style() { return verdocsOrganizationCardCss; }
 }, [256, "verdocs-organization-card", {

package/dist/components/verdocs-otp-dialog.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsOtpDialog$1, d as defineCustomElement$1 } from './p-BQVsyF2B.js';
+import { V as VerdocsOtpDialog$1, d as defineCustomElement$1 } from './p-ATwhsypY.js';
 const VerdocsOtpDialog = VerdocsOtpDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-pagination.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsQuickFilter, d as defineCustomElement$1 } from './p-MU4718Ji.js';
+import { V as VerdocsQuickFilter, d as defineCustomElement$1 } from './p-yS1KODFS.js';
 const VerdocsPagination = VerdocsQuickFilter;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-portal.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsPortal$1, d as defineCustomElement$1 } from './p-ClMXECec.js';
+import { V as VerdocsPortal$1, d as defineCustomElement$1 } from './p-BHVk6zkr.js';
 const VerdocsPortal = VerdocsPortal$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-preview.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsPreview$1, d as defineCustomElement$1 } from './p-foP05GI4.js';
+import { V as VerdocsPreview$1, d as defineCustomElement$1 } from './p-IcDkT207.js';
 const VerdocsPreview = VerdocsPreview$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-progress-bar.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsProgressBar$1, d as defineCustomElement$1 } from './p-Bp0u1Tax.js';
+import { V as VerdocsProgressBar$1, d as defineCustomElement$1 } from './p-B4oEvTcO.js';
 const VerdocsProgressBar = VerdocsProgressBar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-question-dialog.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsQuestionDialog$1, d as defineCustomElement$1 } from './p-qGaFgS8W.js';
+import { V as VerdocsQuestionDialog$1, d as defineCustomElement$1 } from './p-IF2BYQ14.js';
 const VerdocsQuestionDialog = VerdocsQuestionDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-quick-filter.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { V as VerdocsQuickFilter$1, d as defineCustomElement$1 } from './p-DJ98c2L8.js';
+import { V as VerdocsQuickFilter$1, d as defineCustomElement$1 } from './p-C1KzzI_w.js';
 const VerdocsQuickFilter = VerdocsQuickFilter$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-quick-functions.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-CUAGH_8P.js';
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
-const verdocsQuickFunctionsCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-quick-functions{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-quick-functions .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;background-color:#1e2031;text-transform:uppercase;padding:10px 10px 20px 10px;font-family:sans-serif;color:#ffffff}verdocs-quick-functions .title{font-size:22px;font-weight:700;line-height:30px;margin:1em 0 40px 0}verdocs-quick-functions button{width:140px;height:40px;border:none;display:-ms-flexbox;display:flex;color:#ffffff;cursor:pointer;font-size:14px;font-weight:700;line-height:25px;-ms-flex-align:center;align-items:center;margin-bottom:20px;border-radius:5px;text-transform:uppercase;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:#55bc81}verdocs-quick-functions button svg{fill:#ffffff}";
+const verdocsQuickFunctionsCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-quick-functions{font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif)}verdocs-quick-functions .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;background-color:#1e2031;text-transform:uppercase;padding:10px 10px 20px 10px;font-family:sans-serif;color:#ffffff}verdocs-quick-functions .title{font-size:22px;font-weight:700;line-height:30px;margin:1em 0 40px 0}verdocs-quick-functions button{width:140px;height:40px;border:none;display:-ms-flexbox;display:flex;color:#ffffff;cursor:pointer;font-size:14px;font-weight:700;line-height:25px;-ms-flex-align:center;align-items:center;margin-bottom:20px;border-radius:5px;text-transform:uppercase;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:#55bc81}verdocs-quick-functions button svg{fill:#ffffff}";
 const DocumentIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>`;
 const TemplateIcon = `<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/><g><path d="M19,5v14H5V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3L19,3z"/></g><path d="M14,17H7v-2h7V17z M17,13H7v-2h10V13z M17,9H7V7h10V9z"/></g></svg>`;
@@ -25,7 +25,7 @@ const VerdocsQuickFunctions$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsQu
         this.createDocument.emit();
     }
     render() {
-        return (h("div", { key: 'cceac513d12266408ab02fbd9a6d9dc254aa88b2', class: "container" }, h("p", { key: 'a2a45f111d0293d4db75159423eeabc2ecd8ba79', class: "title" }, "Quick Create"), h("button", { key: '16628d44ef97c7878460f32fb59c92c03a739c3e', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: '6b48592f2a1a8bcfe4eded1dd3f095d9fc28728e', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        return (h("div", { key: '5c679565e3c2eb0f89045166b54331dbf72a5172', class: "container" }, h("p", { key: 'd5aae49d044f43c5f5ba6d85d632db935e4543a4', class: "title" }, "Quick Create"), h("button", { key: '38c66d9f31eec00c3252e23b4113d1cebbd96b3d', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: '26b268b93f82b95f8cd22f8a831b84e2c1bd9534', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
     }
     static get style() { return verdocsQuickFunctionsCss; }
 }, [256, "verdocs-quick-functions", {