npm - @verdocs/web-sdk - Versions diffs - 5.0.12 → 5.0.14 - Mend

@verdocs/web-sdk 5.0.12 → 5.0.14

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 (975) hide show

package/dist/collection/components/embeds/verdocs-view/verdocs-view.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"verdocs-view.js","sourceRoot":"","sources":["../../../../src/components/embeds/verdocs-view/verdocs-view.tsx"],"names":[],"mappings":"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","sourcesContent":["import {cancelEnvelope, getDocumentDownloadLink, getEnvelope, IEnvelope, integerSequence, userCanCancelEnvelope, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Element, Event, Host, Prop, EventEmitter, Fragment, State} from '@stencil/core';\nimport {saveEnvelopesAsZip} from '../../../utils/utils';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Render the documents attached to an envelope in read-only (view) mode. All documents are\n * displayed in order.\n *\n * ```ts\n * <verdocs-view\n * envelopeId={envelopeId}\n * onSdkError={({ detail }) => { console.log('SDK error', detail) }\n * />\n * ```\n */\n@Component({\n tag: 'verdocs-view',\n styleUrl: 'verdocs-view.scss',\n shadow: false,\n})\nexport class VerdocsView {\n private envelopeListenerId = null;\n\n @Element() component: HTMLElement;\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 | null = null;\n\n /**\n * The envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored.\n */\n @Prop() envelopeId: string = '';\n\n /**\n * If set, (recommended), the host application should create a <DIV> element with a unique ID. When this\n * component renders, the header will be removed from its default location and placed in the target element.\n * This allows the parent application to more easily control its placement and scroll effects (e.g. \"fixed\").\n *\n * The movement of the header to the target container is not dynamic - it is performed only on the initial\n * render. Host applications should not conditionally render this container. If the header's visibility must\n * be externally controlled, use CSS display options to hide/show it instead.\n */\n @Prop() headerTargetId: string | null = null;\n\n /**\n * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n * terminate the process, and the calling application should correct the condition and re-render the component.\n */\n @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n /**\n * Event fired when the envelope is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n */\n @Event({composed: true}) envelopeUpdated: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string}>;\n\n /**\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;\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;\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;\n @State() canceling = false;\n @State() showCancelDone = false;\n @State() showLoadError = false;\n\n @State() loading = true;\n @State() envelope: IEnvelope | null = null;\n\n async componentWillLoad() {\n if (!this.endpoint) {\n this.endpoint = VerdocsEndpoint.getDefault();\n this.endpoint.loadSession();\n }\n\n if (!this.envelopeId) {\n console.error(`[VIEW] Missing required envelopeId`);\n return;\n }\n\n this.listenToEnvelope();\n if (!this.envelope) {\n try {\n console.log('[VIEW] Loading envelope...');\n this.envelope = await getEnvelope(this.endpoint, this.envelopeId);\n console.log('[VIEW] Loaded envelope', this.envelope);\n } catch (e) {\n this.showLoadError = true;\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n }\n }\n\n componentDidRender() {\n const headerTarget = this.headerTargetId ? document.getElementById(this.headerTargetId) : null;\n const headerEl = document.getElementById('verdocs-view-header');\n if (headerTarget && headerEl) {\n console.log('[VIEW] Moving header');\n headerEl.remove();\n headerTarget.append(headerEl);\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 );\n }\n\n unlistenToEnvelope() {\n if (this.envelopeListenerId) {\n Store.store.delListener(this.envelopeListenerId);\n this.envelopeListenerId = null;\n }\n }\n\n handlePageRendered(_e: any) {\n // const pageInfo = e.detail as IDocumentPageInfo;\n // console.log('[VIEW] Page rendered', pageInfo);\n }\n\n async handleOptionSelected(e: any) {\n switch (e.detail.id) {\n case 'cancel':\n // TODO: Better option for inline-flow confirmation and alert dialogs.\n if (confirm('Are you sure you wish to cancel this envelope? This action cannot be undone.')) {\n this.canceling = true;\n cancelEnvelope(this.endpoint, this.envelopeId)\n .then(r => {\n this.canceling = false;\n console.log('[VIEW] Envelope canceled', r);\n return getEnvelope(this.endpoint, this.envelopeId);\n })\n .then(env => {\n console.log('[VIEW] Loaded new envelope details', env);\n this.envelope = env;\n })\n .catch(e => {\n this.canceling = false;\n console.log('[VIEW] Error canceling envelope', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n });\n this.showCancelDone = true;\n this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'canceled'});\n }\n break;\n\n case 'print':\n window.print();\n this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'printed'});\n break;\n\n case 'download-attachments':\n // TODO: Multiple document support\n {\n const firstDoc = this.envelope.documents.find(doc => doc.type === 'attachment');\n if (firstDoc) {\n const url = await getDocumentDownloadLink(this.endpoint, this.envelopeId, firstDoc.id);\n window.open(url, '_blank');\n }\n }\n break;\n\n case 'download-certificate':\n // TODO: Multiple certificate support\n {\n const firstCert = this.envelope.documents.find(doc => doc.type === 'certificate');\n if (firstCert) {\n const url = await getDocumentDownloadLink(this.endpoint, this.envelopeId, firstCert.id);\n window.open(url, '_blank');\n }\n }\n // saveCertificate(this.endpoint, this.envelope, this.envelope.certificate_document_id)\n // .then(() => {\n // this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'downloaded'});\n // })\n // .catch(e => {\n // console.log('Error downloading PDF', e);\n // });\n break;\n\n case 'download-all':\n saveEnvelopesAsZip(this.endpoint, [this.envelope])\n .then(() => {\n this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'downloaded'});\n })\n .catch(e => {\n console.log('Error downloading Zip', e);\n });\n break;\n }\n }\n\n render() {\n if (this.loading) {\n return (\n <Host>\n <verdocs-loader />\n </Host>\n );\n }\n\n if (this.showLoadError) {\n return (\n <Host>\n <verdocs-ok-dialog\n heading=\"Unable to View Envelope\"\n message={`Sorry, that envelope is not valid.`}\n buttonLabel=\"OK\"\n onNext={() => {\n this.showLoadError = false;\n }}\n />\n </Host>\n );\n }\n\n if (!this.envelope) {\n return (\n <Host>\n <img\n src=\"https://public-assets.verdocs.com/loading-placeholder.png\"\n style={{width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px'}}\n alt=\"Placeholder page\"\n />\n </Host>\n );\n }\n\n const menuOptions: any[] = [{id: 'print', label: 'Print'}];\n\n if (userCanCancelEnvelope(this.endpoint.profile, this.envelope)) {\n menuOptions.push({id: 'cancel', label: 'Cancel'});\n }\n\n // Add download options to the menu\n const hasAttachments = this.envelope.documents.length > 0;\n const normalDocCount = this.envelope.documents.filter(doc => doc.type === 'attachment').length;\n const hasCertificate = this.envelope.documents.find(doc => doc.type === 'certificate') !== undefined;\n if (hasAttachments || hasCertificate) {\n menuOptions.push({label: ''});\n if (hasAttachments) {\n menuOptions.push({id: 'download-attachments', label: normalDocCount > 1 ? 'Download Documents' : 'Download Document'});\n }\n if (hasCertificate) {\n menuOptions.push({id: 'download-certificate', label: 'Download Certificate'});\n }\n if (hasAttachments && hasCertificate) {\n menuOptions.push({id: 'download-all', label: 'Download All Files'});\n }\n }\n\n return (\n <Host>\n <div id=\"verdocs-view-header\">\n <div class=\"inner\">\n <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n <div class=\"title\">{this.envelope.name}</div>\n <div style={{flex: '1'}} />\n <div style={{marginLeft: '10px'}} />\n <verdocs-dropdown options={menuOptions} onOptionSelected={e => this.handleOptionSelected(e)} />\n </div>\n </div>\n\n <div class=\"document\" style={{paddingTop: this.headerTargetId ? '70px' : '15px'}}>\n {(this.envelope?.documents || [])\n .filter(document => document.type !== 'certificate')\n .map(envelopeDocument => {\n const pageNumbers = integerSequence(1, envelopeDocument.pages);\n\n return (\n <Fragment>\n {pageNumbers.map(pageNumber => {\n const pageSize = envelopeDocument.page_sizes?.[pageNumber] || {width: 612, height: 792};\n\n return (\n <verdocs-envelope-document-page\n envelopeId={this.envelopeId}\n documentId={envelopeDocument.id}\n endpoint={this.endpoint}\n type=\"filled\"\n virtualWidth={pageSize.width}\n virtualHeight={pageSize.height}\n pageNumber={pageNumber}\n onPageRendered={e => this.handlePageRendered(e)}\n layers={[\n {name: 'page', type: 'canvas'},\n {name: 'controls', type: 'div'},\n ]}\n />\n );\n })}\n </Fragment>\n );\n })}\n </div>\n {this.showCancelDone && (\n <verdocs-ok-dialog\n heading=\"Cancelled\"\n message={`This envelope has been cancelled successfully.`}\n onNext={() => {\n this.showCancelDone = false;\n }}\n />\n )}\n {this.canceling && (\n <div class=\"loading-indicator\">\n <verdocs-loader />\n </div>\n )}\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.js CHANGED Viewed

@@ -316,3 +316,4 @@ export class VerdocsContactPicker {
             }];
     }
 }
+//# sourceMappingURL=verdocs-contact-picker.js.map

package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"verdocs-contact-picker.js","sourceRoot":"","sources":["../../../../src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, h, Event, EventEmitter, Fragment, Prop, State} from '@stencil/core';\nimport {formatFullName, IProfile, IRecipient, isValidEmail, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {convertToE164} from '../../../utils/utils';\n\nconst messageIcon =\n '<svg focusable=\"false\" viewBox=\"0 0 24 24\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z\"></path></svg>';\n\n// const delegateIcon =\n// '<svg focusable=\"false\" viewBox=\"0 0 24 24\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0 4c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1.4c0-2 4-3.1 6-3.1s6 1.1 6 3.1V19z\"></path></svg>';\n\nconst kbaIcon =\n '<svg focusable=\"false\" viewBox=\"0 0 24 24\"><path fill-rule=\"evenodd\" d=\"M4.5 3.75a3 3 0 0 0-3 3v10.5a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V6.75a3 3 0 0 0-3-3h-15Zm4.125 3a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Zm-3.873 8.703a4.126 4.126 0 0 1 7.746 0 .75.75 0 0 1-.351.92 7.47 7.47 0 0 1-3.522.877 7.47 7.47 0 0 1-3.522-.877.75.75 0 0 1-.351-.92ZM15 8.25a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5H15ZM14.25 12a.75.75 0 0 1 .75-.75h3.75a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75Zm.75 2.25a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5H15Z\" clip-rule=\"evenodd\" /></svg>';\n\nconst addrBookIcon = `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-book-user\"><path d=\"M15 13a3 3 0 1 0-6 0\"/><path d=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20\"/><circle cx=\"12\" cy=\"8\" r=\"2\"/></svg>`;\n\nexport interface IContactSearchEvent {\n query: string;\n}\n\nexport interface IContactSelectEvent {\n first_name: string;\n last_name: string;\n email: string;\n phone: string;\n message: string;\n delegator: boolean;\n kba_method: string;\n kba_pin: string;\n address: string;\n zip: string;\n}\n\nexport type TPickerContact = Partial<IProfile>;\n\n/**\n * Display a contact picker suitable for filling out Recipient objects when sending Envelopes.\n *\n * This picker can also be integrated with a backend to provide contact list / suggestion / address-book style behavior. As the\n * user interacts with the component, the text entered in the name fields is sent back to the parent via the `searchContacts` event.\n * The parent can use that text as a query string to call a backend to obtain appropriate contacts to show. This list may also be\n * hard-coded ahead of time to provide the user with smart suggestions on initial display, such as \"Recently Used\" contacts, or\n * to always display the user's own contact record.\n *\n * ```ts\n * <verdocs-contact-picker\n * templateRole={role}\n * contactSuggestions={[]}\n * onNext={e => console.log('Contact completed', e.detail)}\n * />\n * ```\n */\n@Component({\n tag: 'verdocs-contact-picker',\n styleUrl: 'verdocs-contact-picker.scss',\n shadow: false,\n})\nexport class VerdocsContactPicker {\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 role that this contact will be assigned to.\n */\n @Prop() templateRole: Partial<IRecipient> | null = null;\n\n /**\n * If set, suggestions will be displayed in a drop-down list to the user. It is recommended that the number\n * of suggestions be limited to the 5 best matching records.\n */\n @Prop() contactSuggestions: TPickerContact[] = [];\n\n /**\n * Event fired when the user enters text in the search field. The calling application may use this to update\n * the `contactSuggestions` property.\n */\n @Event({composed: true}) searchContacts: EventEmitter<IContactSearchEvent>;\n\n /**\n * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n */\n @Event({composed: true}) exit: EventEmitter;\n\n /**\n * Event fired when the user changes the type.\n */\n @Event({composed: true}) next: EventEmitter<IContactSelectEvent>;\n\n @State() first_name: string;\n @State() last_name: string;\n @State() email: string;\n @State() phone: string;\n @State() zip: string;\n @State() address: string;\n @State() message: string;\n @State() showSuggestions: boolean = false;\n @State() showMessage: boolean = false;\n @State() delegator: boolean = false;\n @State() showKba: boolean = false;\n @State() kba_method: '' | 'pin' | 'identity' = '';\n @State() kba_pin: string = '';\n\n @State() nameFieldId = `verdocs-contact-picker-name-${Math.random().toString(36).substring(2, 11)}`;\n @State() firstNameFieldId = `verdocs-contact-picker-firstname-${Math.random().toString(36).substring(2, 11)}`;\n @State() lastNameFieldId = `verdocs-contact-picker-lastname-${Math.random().toString(36).substring(2, 11)}`;\n @State() emailFieldId = `verdocs-contact-picker-email-${Math.random().toString(36).substring(2, 11)}`;\n @State() phoneFieldId = `verdocs-contact-picker-phone-${Math.random().toString(36).substring(2, 11)}`;\n\n componentWillLoad() {\n if (this.templateRole) {\n const fullName = formatFullName(this.templateRole);\n const nameComponents = fullName.split(' ');\n const firstName = this.templateRole.first_name || nameComponents.shift() || '';\n const lastName = this.templateRole.last_name || nameComponents.join(' ') || '';\n this.first_name = firstName;\n this.last_name = lastName;\n\n this.email = this.templateRole.email || '';\n this.phone = this.templateRole.phone || '';\n this.delegator = this.templateRole.delegator || false;\n this.message = this.templateRole.message || '';\n this.showMessage = this.message !== '';\n this.kba_method = this.templateRole.kba_method || '';\n this.kba_pin = this.templateRole.kba_pin || '';\n this.showKba = !!this.kba_method;\n // TODO: Allow template roles to have zip codes predefined?\n }\n }\n\n handleFirstNameChange(e: any) {\n this.first_name = e.target.value;\n this.searchContacts?.emit({query: this.first_name});\n }\n\n handleLastNameChange(e: any) {\n this.last_name = e.target.value;\n this.searchContacts?.emit({query: this.last_name});\n }\n\n handleCancel(e: any) {\n e.stopPropagation();\n this.showSuggestions = false;\n this.exit?.emit();\n }\n\n handleSubmit(e: any) {\n e.stopPropagation();\n\n this.showSuggestions = false;\n this.next?.emit({\n first_name: this.first_name,\n last_name: this.last_name,\n email: this.email,\n phone: this.phone,\n message: this.message,\n delegator: this.delegator,\n kba_method: this.kba_method,\n kba_pin: this.kba_pin,\n address: this.address,\n zip: this.zip,\n });\n }\n\n handleSelectSuggestion(e: any, suggestion: TPickerContact) {\n e.stopPropagation();\n\n this.first_name = suggestion.first_name;\n this.last_name = suggestion.last_name;\n this.email = suggestion.email;\n this.phone = suggestion.phone;\n this.showSuggestions = false;\n }\n\n // The reason for the random names/IDs is to disable browser autocomplete. We set the autocomplete tags but many browsers ignore them\n // and show a duplicate autocomplete picker on top of our own.\n render() {\n // TODO: Re-activate this one SMS is re-enabled\n // const hasBasics = this.first_name && this.last_name && (isValidEmail(this.email) || isValidPhone(this.phone));\n const hasBasics = this.first_name && this.last_name && isValidEmail(this.email);\n const hasKbaRequirements =\n !this.kba_method ||\n (this.kba_method === 'pin' && this.kba_pin) ||\n this.kba_method === 'identity';\n // TODO: For discussion\n // (this.kba_method === 'identity' && this.address && this.zip)\n const canSubmit = hasBasics && hasKbaRequirements;\n\n return (\n <form onSubmit={e => e.preventDefault()} onClick={e => e.stopPropagation()} autocomplete=\"off\">\n <div class=\"row\">\n <label htmlFor={this.nameFieldId}>Name:</label>\n <div class=\"names-row\">\n <input\n id={this.firstNameFieldId}\n name={this.firstNameFieldId}\n type=\"text\"\n data-lpignore=\"true\"\n autocomplete=\"blocked\"\n value={this.first_name}\n placeholder=\"First...\"\n onFocus={() => (this.showSuggestions = this.contactSuggestions?.length > 0)}\n onInput={e => this.handleFirstNameChange(e)}\n />\n <input\n id={this.lastNameFieldId}\n name={this.lastNameFieldId}\n type=\"text\"\n data-lpignore=\"true\"\n autocomplete=\"blocked\"\n value={this.last_name}\n placeholder=\"Last...\"\n onFocus={() => (this.showSuggestions = false)}\n onInput={e => this.handleLastNameChange(e)}\n />\n </div>\n\n {this.showSuggestions && (\n <div class=\"dropdown\">\n {this.contactSuggestions\n .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))\n .map(suggestion => (\n <div key={suggestion.id ?? suggestion.email} class=\"suggestion\" onClick={e => this.handleSelectSuggestion(e, suggestion)}>\n {suggestion.picture ? <img alt=\"Avatar\" class=\"avatar\" src={suggestion.picture} /> : <div class=\"avatar\" innerHTML={addrBookIcon} />}\n <div class=\"details\">\n <div class=\"name\">{formatFullName(suggestion)}</div>\n {suggestion.email && <div class=\"destination\">{suggestion.email}</div>}\n {suggestion.phone && <div class=\"destination\">{suggestion.phone}</div>}\n </div>\n </div>\n ))}\n </div>\n )}\n </div>\n\n <div class=\"row\">\n <label htmlFor={this.emailFieldId}>Email:</label>\n <input\n id={this.emailFieldId}\n name={this.emailFieldId}\n type=\"text\"\n data-lpignore=\"true\"\n autoComplete=\"blocked\"\n value={this.email}\n placeholder=\"Email address...\"\n onFocus={() => (this.showSuggestions = false)}\n onInput={(e: any) => (this.email = e.target.value)}\n />\n </div>\n\n <div class=\"row\">\n <label htmlFor={this.phoneFieldId}>Phone:</label>\n <input\n id={this.phoneFieldId}\n name={this.phoneFieldId}\n type=\"text\"\n data-lpignore=\"true\"\n autoComplete=\"blocked\"\n value={this.phone}\n placeholder=\"Phone (SMS)...\"\n onFocus={() => (this.showSuggestions = false)}\n onInput={(e: any) => {\n this.phone = convertToE164(e.target.value);\n }}\n />\n </div>\n\n {this.showKba && (\n <Fragment>\n <div class=\"kba-row\">\n <label>KBA:</label>\n <verdocs-select-input\n value={this.kba_method}\n onInput={(e: any) => {\n this.kba_method = e.target.value;\n this.zip = '';\n this.address = '';\n this.kba_pin = '';\n }}\n options={[\n {label: 'None', value: ''},\n {label: 'PIN Code', value: 'pin'},\n {label: 'Full Verification', value: 'identity'},\n ]}\n />\n <div style={{flex: '1'}}></div>\n <verdocs-help-icon text=\"Knowledge-Based Authentication adds additional authentication for this user either via a simple PIN code or full address validation. NOTE: There may be a fee for using this feature.\" />\n </div>\n\n {this.kba_method === 'pin' && (\n <div class=\"row pin-code\">\n <input\n id=\"verdocs-pin-code\"\n name=\"verdocs-pin-code\"\n type=\"text\"\n data-lpignore=\"true\"\n autocomplete=\"blocked\"\n value={this.kba_pin}\n placeholder=\"PIN Code...\"\n onFocus={() => (this.showSuggestions = false)}\n onInput={(e: any) => (this.kba_pin = e.target.value)}\n />\n </div>\n )}\n\n {this.kba_method === 'identity' && (\n <div class=\"row address\">\n <input\n id=\"verdocs-address\"\n name=\"verdocs-address\"\n type=\"text\"\n data-lpignore=\"true\"\n autocomplete=\"blocked\"\n value={this.address}\n placeholder=\"Address...\"\n onFocus={() => (this.showSuggestions = false)}\n onInput={(e: any) => (this.address = e.target.value)}\n />\n <verdocs-help-icon text=\"Pre-fill the recipient's current street address. They will still be asked ID challenge questions.\" />\n </div>\n )}\n\n {this.kba_method === 'identity' && (\n <div class=\"row zip-code\">\n <input\n id=\"verdocs-zip-code\"\n name=\"verdocs-zip-code\"\n type=\"text\"\n data-lpignore=\"true\"\n autocomplete=\"blocked\"\n value={this.zip}\n placeholder=\"Zip Code...\"\n onFocus={() => (this.showSuggestions = false)}\n onInput={(e: any) => (this.zip = e.target.value)}\n />\n <verdocs-help-icon text=\"Pre-fill the recipient's current zip code. They will still be asked ID challenge questions.\" />\n </div>\n )}\n </Fragment>\n )}\n\n {this.showMessage && (\n <div class=\"row message\">\n <label htmlFor=\"verdocs-contact-picker-message\">Message:</label>\n <input\n id=\"verdocs-contact-picker-message\"\n name=\"verdocs-contact-picker-message\"\n type=\"text\"\n data-lpignore=\"true\"\n autocomplete=\"blocked\"\n value={this.message}\n placeholder=\"Message shown in invitation...\"\n onFocus={() => (this.showSuggestions = false)}\n onInput={(e: any) => (this.message = e.target.value)}\n />\n </div>\n )}\n\n <div class=\"buttons\">\n <verdocs-toggle-button\n icon={kbaIcon}\n size=\"small\"\n active={this.showKba}\n onToggle={e => {\n this.showKba = e.detail.active;\n if (!e.detail.active) {\n this.kba_pin = '';\n this.kba_method = '';\n this.zip = '';\n }\n this.showSuggestions = false;\n }}\n />\n <verdocs-toggle-button\n icon={messageIcon}\n size=\"small\"\n active={this.showMessage}\n onToggle={e => {\n this.showMessage = e.detail.active;\n this.showSuggestions = false;\n }}\n />\n\n <div class=\"flex-fill\" />\n\n <verdocs-button variant=\"outline\" label=\"Cancel\" size=\"small\" onClick={e => this.handleCancel(e)} />\n <verdocs-button label=\"OK\" size=\"small\" disabled={!canSubmit} onClick={!canSubmit ? () => {} : e => this.handleSubmit(e)} />\n </div>\n </form>\n );\n }\n}\n"]}

package/dist/collection/components/envelopes/verdocs-envelope-document-page/verdocs-envelope-document-page.js CHANGED Viewed

@@ -294,3 +294,4 @@ export class VerdocsEnvelopeDocumentPage {
     }
     static get elementRef() { return "container"; }
 }
+//# sourceMappingURL=verdocs-envelope-document-page.js.map

package/dist/collection/components/envelopes/verdocs-envelope-document-page/verdocs-envelope-document-page.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"verdocs-envelope-document-page.js","sourceRoot":"","sources":["../../../../src/components/envelopes/verdocs-envelope-document-page/verdocs-envelope-document-page.tsx"],"names":[],"mappings":"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","sourcesContent":["// NOTE: This component does not have a story because it's not intended for external use.\n\nimport {getEnvelopeDocumentPageDisplayUri, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Host, Prop, Event, EventEmitter, State, Element} from '@stencil/core';\nimport {IDocumentPageInfo, IPageLayer} from '../../../utils/Types';\nimport {throttle} from '../../../utils/utils';\n\n/**\n * Represents one document page. This is primarily a layout container used to coordinate positions of\n * page-related layers such as the page itself, signature fields, etc. It is not intended to be used\n * on its own as an individual component.\n */\n@Component({\n tag: 'verdocs-envelope-document-page',\n styleUrl: 'verdocs-envelope-document-page.scss',\n shadow: false,\n})\nexport class VerdocsEnvelopeDocumentPage {\n @Element() container: HTMLElement;\n private resizeObserver: ResizeObserver;\n\n /**\n * The endpoint to load from.\n */\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /**\n * The ID of the envelope the document is for.\n */\n @Prop() envelopeId: string = '';\n\n /**\n * The ID of the document to display.\n */\n @Prop() documentId: string = '';\n\n /**\n * The page number being rendered. (Reminder: page numbers are 1-based.)\n */\n @Prop() pageNumber: number = 1;\n\n /**\n * The \"virtual\" width of the page canvas. Defaults to 612 which at 72dpi is 8.5\" wide. This is used to compute\n * the aspect ratio of the final rendered element when scaling up/down.\n */\n @Prop() virtualWidth: number = 612;\n\n /**\n * The \"virtual\" height of the page canvas. Defaults to 792 which at 72dpi is 11\" tall. This is used to compute\n * the aspect ratio of the final rendered element when scaling up/down.\n */\n @Prop({mutable: true}) virtualHeight: number = 792;\n\n /**\n * The layers that will be rendered. The DOM structure will be a DIV container with one child DIV for each layer.\n * The parent DIV will have a unique ID, and each child DIV will have that ID with the layer name appended, e.g.\n * if `pages` was ['page', 'fields'] the structure will be:\n *\n * ```\n * <div id=\"verdocs-envelope-document-page-ker2fr1p9\">\n * <div id=\"verdocs-envelope-document-page-ker2fr1p9-page\"></div>\n * <div id=\"verdocs-envelope-document-page-ker2fr1p9-fields\"></div>\n * </div>\n * ```\n */\n @Prop() layers: IPageLayer[] = [{name: 'page', type: 'canvas'}];\n\n @Prop() type: 'original' | 'filled' | 'certificate' = 'original';\n\n /**\n * Fired when a page has been rendered. This is also fired when the page is resized.\n */\n @Event() pageRendered: EventEmitter<IDocumentPageInfo>;\n\n @State() containerId = `verdocs-envelope-document-page-${Math.random().toString(36).substring(2, 11)}`;\n\n @State() renderedWidth: number = this.virtualWidth;\n @State() renderedHeight: number = this.virtualHeight;\n @State() naturalWidth: number = this.virtualWidth;\n @State() naturalHeight: number = this.virtualHeight;\n @State() aspectRatio: number = this.virtualWidth / this.virtualHeight;\n\n @State() skipFirstNotification = true;\n\n @State() pageDisplayUri = 'https://verdocs-public-assets.s3.amazonaws.com/page-loading-placeholder.png';\n\n async componentWillLoad() {\n this.pageDisplayUri = await getEnvelopeDocumentPageDisplayUri(this.endpoint, this.documentId, this.pageNumber, this.type);\n }\n\n componentDidLoad() {\n this.resizeObserver = new ResizeObserver(\n throttle(entries => {\n for (const entry of entries) {\n const renderedWidth = entry.contentRect.width;\n this.renderedWidth = renderedWidth;\n this.renderedHeight = this.virtualHeight * (renderedWidth / this.virtualWidth);\n }\n\n this.notifyRenderedSize();\n }, 100),\n );\n\n this.resizeObserver.observe(this.container);\n }\n\n disconnectedCallback() {\n this.resizeObserver?.disconnect();\n }\n\n // Left here for documentation purposes in case we find an edge case where this isn't true. But we apparently don't need this.\n // When we add the resize observer it will always be triggered at least once so notifying here as well is just a dupe.\n // componentDidRender() {\n // this.notifyRenderedSize();\n // }\n\n notifyRenderedSize() {\n // We skip one notification because by default we will always get at least two, one when rendering the initial size\n // and a second once we're able to compute the scale size, when the resizeObserver sets renderedWidth/renderedHeight.\n if (this.skipFirstNotification) {\n this.skipFirstNotification = false;\n return;\n }\n\n this.pageRendered.emit({\n // container: this.container,\n containerId: this.containerId,\n documentId: this.documentId,\n pageNumber: this.pageNumber,\n virtualWidth: this.virtualWidth,\n virtualHeight: this.virtualHeight,\n renderedWidth: this.renderedWidth,\n renderedHeight: this.renderedHeight,\n naturalWidth: this.naturalWidth,\n naturalHeight: this.naturalHeight,\n aspectRatio: this.aspectRatio,\n xScale: this.renderedWidth / this.virtualWidth,\n yScale: this.renderedHeight / this.virtualHeight,\n });\n }\n\n render() {\n const height = `${this.renderedHeight}px`;\n\n return (\n <Host id={`${this.containerId}`} style={{height, flex: `0 0 ${height}`}}>\n {this.layers.map(layer =>\n layer.type === 'div' ? (\n <div class=\"verdocs-envelope-document-page-layer\" id={`${this.containerId}-${layer.name}`} style={{height}} />\n ) : this.pageDisplayUri ? (\n <img\n class=\"verdocs-envelope-document-page-layer img\"\n id={`${this.containerId}-${layer.name}`}\n src={this.pageDisplayUri}\n alt={`Page ${this.pageNumber}`}\n aria-hidden={true}\n loading=\"lazy\"\n onLoad={(e: any) => {\n // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that\n // useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).\n // Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values\n // for a field are based on the responsive Web view the Template editor was seeing. The IMG was scaled down there in the\n // exact same way, so we just honor it. We capture the natural width and height here more as information. Then we use the\n // aspect ratio to adjust the \"virtual\" height in case the page is not 8.5\"x11\".\n // TODO: Store this in the DB with each page.\n this.naturalWidth = e.target.naturalWidth;\n this.naturalHeight = e.target.naturalHeight;\n this.aspectRatio = this.naturalWidth / this.naturalHeight;\n this.virtualHeight = this.virtualWidth / this.aspectRatio;\n this.renderedHeight = e.target.offsetWidth / this.aspectRatio;\n }}\n />\n ) : (\n <div></div>\n ),\n )}\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.js CHANGED Viewed

@@ -228,3 +228,4 @@ export class VerdocsEnvelopeRecipientLink {
             }];
     }
 }
+//# sourceMappingURL=verdocs-envelope-recipient-link.js.map

package/dist/collection/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"verdocs-envelope-recipient-link.js","sourceRoot":"","sources":["../../../../src/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Prop, Host, h, State, Event, EventEmitter} from '@stencil/core';\nimport {formatFullName, getEnvelope, getInPersonLink, IEnvelope, IRecipient, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Displays a single recipient from an envelope, with the opportunity to copy an in-person\n * signing link for that recipient to use.\n */\n@Component({\n tag: 'verdocs-envelope-recipient-link',\n styleUrl: 'verdocs-envelope-recipient-link.scss',\n})\nexport class VerdocsEnvelopeRecipientLink {\n private envelopeListenerId = null;\n\n /**\n * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n */\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /**\n * The envelope ID to edit.\n */\n @Prop() envelopeId: string = '';\n\n /**\n * The role to load.\n */\n @Prop() roleName: string = '';\n\n /**\n * Event fired when the user clicks Done to proceed. It is up to the host application\n * to redirect the user to the appropriate next workflow step.\n */\n @Event({composed: true}) next: EventEmitter<{envelope: IEnvelope}>;\n\n /**\n * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n * terminate the process, and the calling application should correct the condition and re-render the component.\n */\n @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n @State() isOpen: boolean;\n @State() gettingLink = true;\n @State() link = '';\n\n @State() loading = true;\n @State() envelope: IEnvelope | null = null;\n @State() recipient: IRecipient | null = null;\n\n async componentWillLoad() {\n try {\n this.endpoint.loadSession();\n\n if (!this.envelopeId) {\n console.log(`[RECIPIENT_LINK] Missing required envelope ID ${this.envelopeId}`);\n return;\n }\n\n if (!this.endpoint.session) {\n console.log('[RECIPIENT_LINK] Unable to start session, must be authenticated');\n return;\n }\n\n this.listenToEnvelope();\n } catch (e) {\n console.log('[RECIPIENT_LINK] Error loading envelope', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n }\n\n disconnectedCallback() {\n this.unlistenToEnvelope();\n }\n\n async listenToEnvelope() {\n console.log('[SIDEBAR] Loading envelope', this.envelopeId);\n this.unlistenToEnvelope();\n Store.subscribe(\n 'envelopes',\n this.envelopeId,\n () => getEnvelope(this.endpoint, this.envelopeId),\n false,\n (envelope: IEnvelope) => {\n this.envelope = envelope;\n this.loading = false;\n\n this.recipient = (this.envelope?.recipients || []).find(r => r.role_name === this.roleName);\n this.getLink(this.recipient);\n },\n );\n }\n\n unlistenToEnvelope() {\n if (this.envelopeListenerId) {\n Store.store.delListener(this.envelopeListenerId);\n this.envelopeListenerId = null;\n }\n }\n\n handleDone(e: any) {\n e.preventDefault();\n this.next?.emit({envelope: this.envelope});\n }\n\n copyLink(link: string) {\n navigator.clipboard\n .writeText(link)\n .then(() => VerdocsToast('Link copied to clipboard!', {style: 'success', duration: 3000}))\n .catch(e => {\n console.warn('[RECIPIENT_LINK] Error copying to clipboard', e);\n VerdocsToast(`Unable to copy to clipboard: ${e.message}`, {style: 'error'});\n });\n }\n\n getLink(recipient: IRecipient) {\n this.gettingLink = true;\n getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)\n .then(response => {\n this.gettingLink = false;\n this.link = response.link;\n // NOTE: Left here for documentation purposes. We don't auto-copy the link because many browsers now\n // error on that because we aren't the focus/gesture-initiator since we're a new component just being\n // drawn in the DOM. So we let the user click to trigger that.\n // this.copyLink(response.link);\n })\n .catch(e => {\n this.gettingLink = false;\n console.log('[RECIPIENT_LINK] Error getting link', e);\n VerdocsToast('Unable to get link: ' + e.message, {style: 'error'});\n });\n }\n\n render() {\n if (this.loading || !this.recipient) {\n return <Host />;\n }\n\n // const recipientsWithActions = getRecipientsWithActions(this.store.state); const showLinkButton = recipientCanAct(recipient, recipientsWithActions); const link =\n // this.links[recipient.role_name]; const gettingLink = this.gettingLinks[recipient.role_name]; return (\n\n const fullName = formatFullName(this.recipient);\n return (\n <Host>\n <div class=\"summary-content\">\n <h1 class=\"summary-title\">In-Person Signing Link</h1>\n <div class=\"summary-rows\">\n <div class=\"summary-recipient\">\n <div class=\"role-name\">{this.recipient.role_name}</div>\n <div class=\"role-details\">\n <div class=\"role-info\">\n <div class=\"role-full-name\">\n {fullName} ({this.recipient.email || this.recipient.phone})\n </div>\n {!this.link && (\n <verdocs-button\n size=\"small\"\n variant=\"outline\"\n label={this.gettingLink ? 'Loading...' : 'Get Link'}\n disabled={this.gettingLink}\n onClick={() => this.getLink(this.recipient)}\n />\n )}\n </div>\n\n {this.link && (\n <div class=\"link-wrapper\">\n <div class=\"link\">{this.link}</div>\n <verdocs-button size=\"small\" variant=\"outline\" label=\"Copy\" onClick={() => this.copyLink(this.link)} />\n </div>\n )}\n </div>\n </div>\n </div>\n\n <div class=\"buttons\">\n <verdocs-button size=\"small\" label=\"Done\" onClick={e => this.handleDone(e)} />\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.js CHANGED Viewed

@@ -331,3 +331,4 @@ export class VerdocsEnvelopeRecipientSummary {
             }];
     }
 }
+//# sourceMappingURL=verdocs-envelope-recipient-summary.js.map

package/dist/collection/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"verdocs-envelope-recipient-summary.js","sourceRoot":"","sources":["../../../../src/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,WAAW,EAAE,eAAe,EAAE,wBAAwB,EAAyB,eAAe,EAAE,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAChK,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AACnF,qDAAqD;AACrD,OAAO,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAC,KAAK,EAAC,MAAM,0BAA0B,CAAC;AAE/C;;GAEG;AAKH,MAAM,OAAO,+BAA+B;;QAClC,uBAAkB,GAAG,IAAI,CAAC;wBAKE,eAAe,CAAC,UAAU,EAAE;0BAKnC,EAAE;8BAKN,IAAI;uBAKX,IAAI;uBAKJ,IAAI;;oCA2BU,EAAE;2BACX,4BAA4B,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE;4BAC/C,EAAE;qBACV,EAAE;uBAExB,IAAI;wBACe,IAAI;;IAE1C,KAAK,CAAC,iBAAiB;;QACrB,IAAI,CAAC;YACH,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;YAE5B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;gBACrB,OAAO,CAAC,GAAG,CAAC,6CAA6C,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;gBAC5E,OAAO;YACT,CAAC;YAED,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;gBAC3B,OAAO,CAAC,GAAG,CAAC,6DAA6D,CAAC,CAAC;gBAC3E,OAAO;YACT,CAAC;YAED,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE,CAAC,CAAC,CAAC;YACtD,MAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,MAAA,CAAC,CAAC,QAAQ,0CAAE,MAAM,EAAE,MAAA,CAAC,CAAC,QAAQ,0CAAE,IAAI,CAAC,CAAC,CAAC;QACrF,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAED,KAAK,CAAC,gBAAgB;QACpB,OAAO,CAAC,GAAG,CAAC,4BAA4B,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QAC3D,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,KAAK,CAAC,SAAS,CACb,WAAW,EACX,IAAI,CAAC,UAAU,EACf,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,EACjD,KAAK,EACL,CAAC,QAAmB,EAAE,EAAE;YACtB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YAErB,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAChC,CAAC,CACF,CAAC;IACJ,CAAC;IAED,kBAAkB;QAChB,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC5B,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;YACjD,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;QACjC,CAAC;IACH,CAAC;IAED,sBAAsB;;QACpB,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,UAAU,KAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC9C,OAAO,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC;QACjF,CAAC,CAAC,CAAC;IACL,CAAC;IAED,aAAa,CAAC,CAAM;;QAClB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC,CAAC,CAAC;IAChD,CAAC;IAED,UAAU,CAAC,CAAM;;QACf,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC,CAAC,CAAC;IAC7C,CAAC;IAED,UAAU,CAAC,CAAM;;QACf,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC,CAAC,CAAC;IAC7C,CAAC;IAED,QAAQ,CAAC,IAAY;QACnB,SAAS,CAAC,SAAS;aAChB,SAAS,CAAC,IAAI,CAAC;aACf,IAAI,CAAC,GAAG,EAAE;YACT,iFAAiF;QACnF,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,CAAC,EAAE;;YACT,OAAO,CAAC,IAAI,CAAC,yCAAyC,EAAE,CAAC,CAAC,CAAC;YAC3D,MAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,CAAC,CAAC,CAAC,CAAC;YACvB,+EAA+E;QACjF,CAAC,CAAC,CAAC;IACP,CAAC;IAED,OAAO,CAAC,SAAqB;QAC3B,IAAI,CAAC,YAAY,GAAG,EAAC,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,IAAI,EAAC,CAAC;QACxE,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,WAAW,EAAE,SAAS,CAAC,SAAS,CAAC;aACvE,IAAI,CAAC,QAAQ,CAAC,EAAE;YACf,IAAI,CAAC,YAAY,GAAG,EAAC,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAC,CAAC;YACzE,IAAI,CAAC,KAAK,GAAG,EAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,IAAI,EAAC,CAAC;YACnE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,CAAC,EAAE;;YACT,IAAI,CAAC,YAAY,GAAG,EAAC,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAC,CAAC;YACzE,OAAO,CAAC,GAAG,CAAC,iCAAiC,EAAE,CAAC,CAAC,CAAC;YAClD,MAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,CAAC,CAAC,CAAC,CAAC;YACvB,sEAAsE;QACxE,CAAC,CAAC,CAAC;IACP,CAAC;IAED,MAAM;;QACJ,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,EAAC,IAAI,OAAG,CAAC;QAClB,CAAC;QAED,OAAO,CACL,EAAC,IAAI;YACH,WAAK,KAAK,EAAC,iBAAiB;gBAC1B,UAAI,KAAK,EAAC,eAAe,wBAAuB;gBAChD,WAAK,KAAK,EAAC,cAAc,IACtB,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,UAAU,KAAI,EAAE,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;oBACjD,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;oBACtE,MAAM,cAAc,GAAG,eAAe,CAAC,SAAS,EAAE,qBAAqB,CAAC,CAAC;oBACzE,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;oBAC7C,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;oBAC3D,MAAM,QAAQ,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;oBAE3C,OAAO,CACL,WAAK,KAAK,EAAC,mBAAmB;wBAC5B,WAAK,KAAK,EAAC,WAAW,IAAE,SAAS,CAAC,SAAS,CAAO;wBAClD,WAAK,KAAK,EAAC,cAAc;4BACvB,WAAK,KAAK,EAAC,WAAW;gCACpB,WAAK,KAAK,EAAC,gBAAgB;oCACxB,QAAQ;;oCAAI,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK;wCAC3C;gCACL,cAAc,IAAI,CAAC,IAAI,IAAI,sBAAgB,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAI,CACzJ;4BAEL,IAAI,IAAI,CACP,WAAK,KAAK,EAAC,cAAc;gCACvB,WAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAO;gCAC9B,sBAAgB,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAI,CAC9F,CACP,CACG,CACF,CACP,CAAC;gBACJ,CAAC,CAAC,CACE;gBAEL,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CACxD,WAAK,KAAK,EAAC,SAAS;oBACjB,IAAI,CAAC,cAAc,IAAI,sBAAgB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,GAAI;oBAChH,IAAI,CAAC,OAAO,IAAI,sBAAgB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAI;oBAClG,IAAI,CAAC,OAAO,IAAI,sBAAgB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAI,CAC3F,CACP,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

package/dist/collection/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.js CHANGED Viewed

@@ -509,3 +509,4 @@ export class VerdocsEnvelopeSidebar {
             }];
     }
 }
+//# sourceMappingURL=verdocs-envelope-sidebar.js.map

package/dist/collection/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"verdocs-envelope-sidebar.js","sourceRoot":"","sources":["../../../../src/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {format} from 'date-fns';\nimport type {IEnvelope, IRecipient} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Fragment, Host, Prop, State} from '@stencil/core';\nimport {cancelEnvelope, capitalize, formatFullName, getEnvelope, resendInvitation, updateEnvelope, userIsEnvelopeOwner, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {FORMAT_TIMESTAMP} from '../../../utils/Types';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst MS_PER_DAY = 24 * 60 * 60 * 1000;\n\nconst InformationCircle = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z\" /></svg>`;\n\nconst Users = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z\" /></svg>`;\n\nconst ClipboardDocuments = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><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\n// https://materialui.co/icon/verified-user and https://heroicons.com/\nconst ActivityIcons = {\n visibility: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M12 15a3 3 0 100-6 3 3 0 000 6z\" /><path fill-rule=\"evenodd\" d=\"M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z\" clip-rule=\"evenodd\" /></svg>`,\n pencil: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M21.731 2.269a2.625 2.625 0 00-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 000-3.712zM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 00-1.32 2.214l-.8 2.685a.75.75 0 00.933.933l2.685-.8a5.25 5.25 0 002.214-1.32L19.513 8.2z\" /></svg>`,\n mail: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"/></svg>`,\n contact_mail: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"/></svg>`,\n done: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path fill-rule=\"evenodd\" d=\"M19.916 4.626a.75.75 0 01.208 1.04l-9 13.5a.75.75 0 01-1.154.114l-6-6a.75.75 0 011.06-1.06l5.353 5.353 8.493-12.739a.75.75 0 011.04-.208z\" clip-rule=\"evenodd\" /></svg>`,\n send: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"/></svg>`,\n gesture: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M4.59 6.89c.7-.71 1.4-1.35 1.71-1.22.5.2 0 1.03-.3 1.52-.25.42-2.86 3.89-2.86 6.31 0 1.28.48 2.34 1.34 2.98.75.56 1.74.73 2.64.46 1.07-.31 1.95-1.4 3.06-2.77 1.21-1.49 2.83-3.44 4.08-3.44 1.63 0 1.65 1.01 1.76 1.79-3.78.64-5.38 3.67-5.38 5.37 0 1.7 1.44 3.09 3.21 3.09 1.63 0 4.29-1.33 4.69-6.1H21v-2.5h-2.47c-.15-1.65-1.09-4.2-4.03-4.2-2.25 0-4.18 1.91-4.94 2.84-.58.73-2.06 2.48-2.29 2.72-.25.3-.68.84-1.11.84-.45 0-.72-.83-.36-1.92.35-1.09 1.4-2.86 1.85-3.52.78-1.14 1.3-1.92 1.3-3.28C8.95 3.69 7.31 3 6.44 3 5.12 3 3.97 4 3.72 4.25c-.36.36-.66.66-.88.93l1.75 1.71zm9.29 11.66c-.31 0-.74-.26-.74-.72 0-.6.73-2.2 2.87-2.76-.3 2.69-1.43 3.48-2.13 3.48z\"/></svg>`,\n clear: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/></svg>`,\n check_circle: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>`,\n link: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"/></svg>`,\n cancel: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>`,\n done_all: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z\"/></svg>`,\n create: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/></svg>`,\n perm_identity: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/></svg>`,\n people: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"/></svg>`,\n contact_email: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M21 8V7l-3 2-3-2v1l3 2 3-2zm1-5H2C.9 3 0 3.9 0 5v14c0 1.1.9 2 2 2h20c1.1 0 1.99-.9 1.99-2L24 5c0-1.1-.9-2-2-2zM8 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H2v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1zm8-6h-8V6h8v6z\"/></svg>`,\n textsms: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z\"/></svg>`,\n verified_user: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path fill-rule=\"evenodd\" d=\"M12.516 2.17a.75.75 0 00-1.032 0 11.209 11.209 0 01-7.877 3.08.75.75 0 00-.722.515A12.74 12.74 0 002.25 9.75c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 00.374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 00-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08zm3.094 8.016a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z\" clip-rule=\"evenodd\" /></svg>`,\n account_circle: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"/></svg>`,\n};\n\ninterface IHistoryEntry {\n icon: string;\n message: string;\n date: Date;\n}\n\n/**\n * Displays a file upload mechanism suitable for the first step of creating a template.\n * This is typically the first step in a template creation workflow.\n */\n@Component({\n tag: 'verdocs-envelope-sidebar',\n styleUrl: 'verdocs-envelope-sidebar.scss',\n shadow: false,\n})\nexport class VerdocsEnvelopeSidebar {\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 render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored.\n */\n @Prop() envelopeId: 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 envelope is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n */\n @Event({composed: true}) envelopeUpdated: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string}>;\n\n /**\n * Event fired when the sidebar is opened or closed.\n */\n @Event({composed: true}) toggle: EventEmitter<{open: boolean}>;\n\n /**\n * Event fired when the user clicks Send Another in the Manage Recipients dialog. 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 // @State() envelope: IEnvelope | null = null;\n // @State() sortedRecipients: IRecipient[] = [];\n // @State() roleNames: string[] = [];\n @State() activeTab: number = 1;\n @State() panelOpen = false;\n @State() showRecipientDialog = '';\n @State() showCancelDialog = false;\n\n @State() remindersEnabled = false;\n @State() updatingReminders = false;\n @State() initialReminder: number | null = null;\n @State() followupReminders: number | null = null;\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(`[SIDEBAR] Missing required envelope ID ${this.envelopeId}`);\n return;\n }\n\n if (!this.endpoint.session) {\n console.log('[SIDEBAR] Unable to start session, must be authenticated');\n return;\n }\n\n this.listenToEnvelope();\n } catch (e) {\n console.log('[SIDEBAR] 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 this.initialReminder = this.envelope?.initial_reminder;\n this.followupReminders = this.envelope?.followup_reminders;\n this.remindersEnabled = !!this.initialReminder;\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 setTab(tab: number) {\n this.panelOpen = tab !== this.activeTab || !this.panelOpen;\n this.toggle?.emit({open: this.panelOpen});\n this.activeTab = tab;\n }\n\n // TODO: Refactor to a common library?\n canResendRecipient(recipient: IRecipient) {\n return (\n !['pending', 'declined', 'submitted', 'canceled'].includes(recipient.status) && //\n !['complete', 'declined', 'canceled'].includes(this.envelope?.status)\n );\n }\n\n handleRecipientAction(recipient: IRecipient, id: string) {\n console.log('[SIDEBAR] Recipient action', id, recipient);\n switch (id) {\n case 'reminder':\n resendInvitation(this.endpoint, this.envelopeId, recipient.role_name)\n .then(() => {\n VerdocsToast('Reminder Sent', {style: 'success'});\n })\n .catch(e => {\n console.log('[SIDEBAR] Error resending invitation', e);\n VerdocsToast('Error resending invitation: ' + e.message, {style: 'error'});\n });\n break;\n\n case 'inperson':\n this.showRecipientDialog = recipient.role_name;\n break;\n\n case 'modify':\n VerdocsToast('This feature will be enabled in a future release. Please try again later.', {style: 'info'});\n break;\n\n case 'details':\n VerdocsToast('This feature will be enabled in a future release. Please try again later.', {style: 'info'});\n break;\n }\n\n this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: id});\n }\n\n handleCancelEnvelope() {\n this.loading = true;\n cancelEnvelope(this.endpoint, this.envelopeId)\n .then(async r => {\n console.log('[SIDEBAR] Envelope canceled', r);\n VerdocsToast('Envelope canceled', {style: 'success'});\n\n // TODO: Use returned value instead?\n const newEnvelope = JSON.parse(JSON.stringify(this.envelope));\n newEnvelope.status = 'canceled';\n Store.updateEnvelope(this.envelopeId, newEnvelope);\n\n this.loading = false;\n this.panelOpen = false;\n this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: newEnvelope, event: 'canceled'});\n })\n .catch(e => {\n console.log('[SIDEBAR] Error canceling envelope', e);\n this.loading = false;\n VerdocsToast('Error canceling envelope: ' + e.message, {style: 'error'});\n });\n }\n\n prepareHistoryEntries() {\n const entries: IHistoryEntry[] = [];\n const histories = this.envelope?.history_entries || [];\n\n entries.push({icon: 'pencil', message: 'Envelope created.', date: new Date(this.envelope?.created_at)});\n\n if (this.envelope?.status === 'complete') {\n entries.push({icon: 'pencil', message: 'Envelope completed.', date: new Date(this.envelope?.updated_at)});\n }\n\n // TODO: Shift back to server-side generating these events? We'll still need\n // to tolerate both cases here for a while.\n const ownerCanceled = histories.some(history => (history.event as any) === 'owner:canceled');\n if (this.envelope?.status === 'canceled' && !ownerCanceled) {\n entries.push({icon: 'pencil', message: 'Envelope Cancelled.', date: new Date(this.envelope?.canceled_at)});\n }\n\n histories.forEach(history => {\n const recipient = (this.envelope?.recipients || []).find(recipient => recipient.role_name === history.role_name);\n const fullName = formatFullName(recipient);\n\n switch (history.event.toLowerCase()) {\n case 'recipient:signed':\n entries.push({icon: 'gesture', message: `Signed by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:declined':\n entries.push({icon: 'clear', message: `Declined by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:opened':\n switch (history.event_detail) {\n // TODO: Sync these up with reality\n case 'email':\n case 'mail':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via email.`, date: new Date(history.created_at)});\n break;\n case 'sms':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via SMS.`, date: new Date(history.created_at)});\n break;\n case 'in_person_link':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via In-person link.`, date: new Date(history.created_at)});\n break;\n case 'in_app':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via dashboard.`, date: new Date(history.created_at)});\n break;\n default:\n entries.push({icon: 'visibility', message: `Opened by ${fullName}.`, date: new Date(history.created_at)});\n }\n break;\n case 'recipient:submitted':\n switch (history.event_detail) {\n // TODO: Sync up\n case 'approver':\n entries.push({icon: 'check_circle', message: `Approved by ${fullName}.`, date: new Date(history.created_at)});\n break;\n default:\n entries.push({icon: 'send', message: `Submitted by ${fullName}.`, date: new Date(history.created_at)});\n break;\n }\n break;\n case 'recipient:prepared':\n entries.push({icon: 'send', message: `Prepared by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:claimed':\n if (history.event_detail === 'guest') {\n entries.push({icon: 'account_circle', message: `${fullName} claimed the Envelope as a guest.`, date: new Date(history.created_at)});\n } else if (history.event_detail === 'profile') {\n entries.push({icon: 'verified_user', message: `${fullName} claimed the Envelope as a verified user.`, date: new Date(history.created_at)});\n }\n break;\n case 'recipient:agreed':\n entries.push({icon: 'done', message: `${fullName} agreed to use electronic records and signatures.`, date: new Date(history.created_at)});\n break;\n case 'recipient:invited':\n if (history.event_detail === 'sms') {\n entries.push({icon: 'textsms', message: `${fullName} has been invited via SMS.`, date: new Date(history.created_at)});\n } else {\n entries.push({icon: 'mail', message: `${fullName} has been invited via email.`, date: new Date(history.created_at)});\n }\n break;\n case 'recipient:reminder':\n if (history.event_detail === 'sms') {\n entries.push({icon: 'textsms', message: `${fullName} sent a reminder via SMS.`, date: new Date(history.created_at)});\n } else {\n entries.push({icon: 'mail', message: `${fullName} sent a reminder via email.`, date: new Date(history.created_at)});\n }\n break;\n case 'invitation:resent':\n entries.push({\n icon: 'mail',\n message: `Invitation was resent to ${fullName}${history.event_detail === 'reminder' ? ' by reminder' : ''}.`,\n date: new Date(history.created_at),\n });\n break;\n case 'envelope:cc':\n entries.push({icon: 'contact_mail', message: `A copy has been sent to ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:delegated':\n entries.push({icon: 'people', message: history.event_detail, date: new Date(history.created_at)});\n break;\n case 'recipient:updated_info':\n entries.push({icon: 'perm_identity', message: history.event_detail, date: new Date(history.created_at)});\n break;\n case 'owner:updated_recipient_info':\n entries.push({icon: 'perm_identity', message: history.event_detail, date: new Date(history.created_at)});\n break;\n case 'created':\n entries.push({icon: 'create', message: `Envelope was created.`, date: new Date(history.created_at)});\n break;\n case 'completed':\n entries.push({icon: 'done_all', message: `Envelope was completed.`, date: new Date(history.created_at)});\n break;\n // TODO: Final answer?\n case 'envelope:canceled':\n case 'envelope_canceled':\n case 'canceled':\n case 'owner:canceled':\n entries.push({icon: 'cancel', message: `Envelope was canceled by the creator.`, date: new Date(history.created_at)});\n break;\n case 'owner:get_in_person_link':\n entries.push({icon: 'link', message: `Owner accessed the In-person link for ${recipient}.`, date: new Date(history.created_at)});\n break;\n default:\n console.log('[SIDEBAR] Unknown history type', history);\n break;\n }\n });\n\n entries.sort((a, b) => b.date.getTime() - a.date.getTime());\n return entries;\n }\n\n // canModify(recipient: IRecipient) {\n // const invalidRecipientStatus = ['declined', 'signed', 'submitted', 'canceled'];\n // const invalidEnvelopeStatus = ['complete', 'declined', 'canceled'];\n // return recipient.claimed !== true && invalidRecipientStatus.indexOf(recipient.status) === -1 && invalidEnvelopeStatus.indexOf(this.envelope?.status) === -1;\n // }\n\n handleToggleReminders() {\n if (this.remindersEnabled) {\n return this.handleSetReminders(null, null);\n } else {\n return this.handleSetReminders(MS_PER_DAY, 3 * MS_PER_DAY);\n }\n }\n\n handleSetReminders(initial_reminder: number | null, followup_reminders: number | null) {\n console.log('Updating reminders...');\n this.updatingReminders = true;\n\n updateEnvelope(this.endpoint, this.envelopeId, {initial_reminder, followup_reminders})\n .then(envelope => {\n console.log('Updated', envelope);\n Store.updateEnvelope(this.envelopeId, envelope);\n this.initialReminder = envelope.initial_reminder;\n this.followupReminders = envelope.followup_reminders;\n this.remindersEnabled = !!envelope.initial_reminder;\n this.updatingReminders = false;\n })\n .catch(e => {\n console.log('Error updating envelope', e);\n this.initialReminder = this.envelope?.initial_reminder;\n this.followupReminders = this.envelope?.followup_reminders;\n this.remindersEnabled = !!this.envelope?.initial_reminder;\n this.updatingReminders = false;\n alert(e.response.data.error);\n });\n }\n\n render() {\n if (this.loading) {\n // We don't show a loading indicator for the sidebar, to avoid FOUS\n return <Host />;\n }\n\n const isEnvelopeOwner = userIsEnvelopeOwner(this.endpoint.profile, this.envelope);\n const historyEntries = this.prepareHistoryEntries();\n const functionsDisabled = this.envelope?.status !== 'pending' && this.envelope?.status !== 'in progress';\n\n return (\n <Host class={this.panelOpen ? 'open' : ''}>\n <div class=\"side-buttons\">\n <button class={this.activeTab === 1 ? 'active' : ''} onClick={() => this.setTab(1)} innerHTML={InformationCircle} />\n <button class={this.activeTab === 2 ? 'active' : ''} onClick={() => this.setTab(2)} innerHTML={Users} />\n <button class={this.activeTab === 3 ? 'active' : ''} onClick={() => this.setTab(3)} innerHTML={ClipboardDocuments} />\n </div>\n\n {this.activeTab === 1 && (\n <div class=\"content\">\n <div class=\"title\">Details</div>\n\n <div class=\"label\">Envelope ID</div>\n <div class=\"value\">{this.envelope?.id}</div>\n\n <div class=\"label\">Date Created</div>\n <div class=\"value\">{format(new Date(this.envelope?.created_at), FORMAT_TIMESTAMP)}</div>\n\n <div class=\"label\">Last Modified</div>\n <div class=\"value\">{format(new Date(this.envelope?.updated_at), FORMAT_TIMESTAMP)}</div>\n\n <div class=\"label\">Status</div>\n <div class=\"value\">{capitalize(this.envelope?.status)}</div>\n\n <div class=\"label\">Owner ID</div>\n <div class=\"value\">{this.envelope?.profile_id}</div>\n\n <div class=\"label\">Owner Name</div>\n <div class=\"value\">{formatFullName(this.envelope?.profile)}</div>\n\n <div class=\"label\">Owner Email</div>\n <div class=\"value\">{this.envelope?.profile?.email}</div>\n </div>\n )}\n\n {this.activeTab === 2 && (\n <div class=\"content\">\n <div class=\"title\">Recipients</div>\n {this.envelope?.recipients.map((recipient, index) => {\n const canGetInPersonLink = recipient.status !== 'submitted' && recipient.status !== 'canceled' && recipient.status !== 'declined';\n const canSendReminder = this.canResendRecipient(recipient);\n const fullName = formatFullName(recipient);\n\n return (\n <div class=\"recipient-detail\">\n <div class=\"recipient-header\">\n <div class=\"recipient-number\">{index + 1}</div>\n <div class=\"recipient-name\">{recipient.role_name}</div>\n <div class={{'recipient-status': true, [recipient.status]: true}}>{recipient.status}</div>\n {isEnvelopeOwner && !functionsDisabled && (\n <verdocs-dropdown\n onOptionSelected={item => this.handleRecipientAction(recipient, item.detail.id)}\n options={[\n {id: 'reminder', label: 'Send Reminder', disabled: !canSendReminder},\n {id: 'inperson', label: 'Get In-Person Link', disabled: !canGetInPersonLink},\n // {id: 'modify', label: 'Modify Recipient', disabled: !this.canModifyRecipient(recipient)},\n // TODO: Details dialog\n // {id:'details',label: 'View Details'},\n ]}\n />\n )}\n </div>\n\n <dic class=\"recipient-content\">\n <div class=\"recipient-name\">{fullName}</div>\n <div class=\"recipient-name\">{recipient.email}</div>\n <div class=\"recipient-name\">{recipient.phone}</div>\n </dic>\n </div>\n );\n })}\n\n {isEnvelopeOwner && (\n <div class=\"reminders\">\n <div class=\"form-row\">\n <div class=\"reminders-label\">Reminders</div>\n <verdocs-switch disabled={functionsDisabled || this.updatingReminders} checked={this.remindersEnabled} onCheckedChange={() => this.handleToggleReminders()} />\n </div>\n\n {this.remindersEnabled && (\n <Fragment>\n <div class=\"form-row\">NOTE: Reminders will only be sent for up to 14 days.</div>\n <div class=\"form-row\">\n <div class=\"form-label\">Initial Reminder (days):</div>\n <verdocs-text-input\n placeholder=\"In hours...\"\n disabled={functionsDisabled || this.updatingReminders}\n value={String(Math.floor(this.initialReminder / MS_PER_DAY))}\n onBlur={(e: any) => {\n this.initialReminder = Number(e.target.value) * MS_PER_DAY;\n this.handleSetReminders(this.initialReminder, this.followupReminders);\n }}\n />\n </div>\n <div class=\"form-row\">\n <div class=\"form-label\">Follow-up Reminders:</div>\n <verdocs-text-input\n placeholder=\"In hours...\"\n disabled={functionsDisabled || this.updatingReminders}\n value={String(Math.floor(this.followupReminders / MS_PER_DAY))}\n onBlur={(e: any) => {\n this.followupReminders = Number(e.target.value) * MS_PER_DAY;\n this.handleSetReminders(this.initialReminder, this.followupReminders);\n }}\n />\n </div>\n <div class=\"form-row\">\n <div class=\"form-label\">Next Reminder:</div>\n <div style={{color: '#dddddd'}}>{format(new Date(this.envelope?.next_reminder), 'P p')}</div>\n </div>\n </Fragment>\n )}\n </div>\n )}\n {/* <verdocs-button*/}\n {/* class=\"manage-recipients-button\"*/}\n {/* variant=\"standard\"*/}\n {/* label=\"Turn On Reminders\"*/}\n {/* onClick={() => (this.showManageDialog = !functionsDisabled)}*/}\n {/* disabled={functionsDisabled}*/}\n {/* />*/}\n\n {isEnvelopeOwner && (\n <verdocs-button\n class=\"manage-recipients-button\"\n variant=\"standard\"\n label=\"Cancel Envelope\"\n onClick={() => (this.showCancelDialog = !functionsDisabled)}\n disabled={functionsDisabled}\n />\n )}\n </div>\n )}\n\n {this.activeTab === 3 && (\n <div class=\"content\">\n <div class=\"title\">History</div>\n\n {historyEntries.map(entry => (\n <div class=\"history-entry\">\n <div class=\"activity-icon\" innerHTML={ActivityIcons[entry.icon] || entry.icon} />\n <div class=\"activity-details\">\n <div class=\"activity-text\">{entry.message}</div>\n {/* 'MMMM Do YYYY, h:mm:ss a' */}\n <div class=\"activity-date\">{format(entry.date, FORMAT_TIMESTAMP)}</div>\n </div>\n </div>\n ))}\n </div>\n )}\n\n {this.showRecipientDialog && (\n <verdocs-envelope-recipient-link envelopeId={this.envelopeId} roleName={this.showRecipientDialog} onNext={() => (this.showRecipientDialog = '')} />\n )}\n\n {this.showCancelDialog && (\n <verdocs-ok-dialog\n heading=\"Cancel Envelope?\"\n message={'Are you sure you want to cancel this Envelope? This action cannot be undone.'}\n onNext={() => {\n this.showCancelDialog = false;\n this.handleCancelEnvelope();\n }}\n />\n )}\n </Host>\n );\n }\n}\n"]}

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

@@ -586,3 +586,4 @@ export class VerdocsEnvelopesList {
             }];
     }
 }
+//# sourceMappingURL=verdocs-envelopes-list.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"verdocs-envelopes-list.js","sourceRoot":"","sources":["../../../../src/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

package/dist/collection/components/envelopes/verdocs-status-indicator/recipient-flow.js CHANGED Viewed

@@ -216,3 +216,4 @@ export function RecipientFlow() {
         update,
     };
 }
+//# sourceMappingURL=recipient-flow.js.map

package/dist/collection/components/envelopes/verdocs-status-indicator/recipient-flow.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"recipient-flow.js","sourceRoot":"","sources":["../../../../src/components/envelopes/verdocs-status-indicator/recipient-flow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAC;AAErC,wHAAwH;AACxH,MAAM,UAAU,aAAa;IAC3B,IAAI,KAAK,GAAG,EAAC,QAAQ,EAAE,EAAE,EAAwB,CAAC;IAClD,IAAI,KAAK,CAAC;IACV,IAAI,MAAM,GAAG,EAAE,CAAC;IAEhB,SAAS,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM;QAClC,KAAK,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAE5C,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;QACpB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;QAC5B,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAC/B,CAAC;IAED,SAAS,eAAe,CAAC,KAAK,EAAE,MAAM;QACpC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,EAAC,EAAE,EAAE,MAAM,CAAC,EAAE,EAAC,CAAC,CAAC;QAClD,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE3B,4CAA4C;QAC5C,MAAM,CAAC,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC;QACrF,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;QACvD,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAElD,iBAAiB;QACjB,KAAK,CAAC,MAAM,GAAG,KAAK;aACjB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC;aACjC,EAAE,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC;aACpB,EAAE,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;aACrB,IAAI,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC,EAAC,CAAC;aAClE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAEzB,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;YACjB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC;QAED,KAAK;aACF,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;aAClB,EAAE,CAAC,EAAE,CAAC;aACN,EAAE,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;aACzB,IAAI,CAAC,EAAC,IAAI,EAAE,MAAM,CAAC,KAAK,EAAC,CAAC,CAAC;QAE9B,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC;IAED,SAAS,aAAa;QACpB,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC5C,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBACvB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,SAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM;QACrC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED,SAAS,kBAAkB,CAAC,KAAK,EAAE,IAAI;QACrC,IAAI,QAAQ,GAAG,EAAE,CAAC;QAElB,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,IAAI,SAAS,CAAC;QAC3C,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACpD,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QAChD,MAAM,eAAe,GAAG,yBAAyB,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;QAElE,aAAa;QACb,QAAQ,IAAI,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;QAEhG,sBAAsB;QACtB,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;QAElE,IAAI,IAAI,CAAC,EAAE,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YAC5B,QAAQ,IAAI,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;QAC1F,CAAC;aAAM,IAAI,IAAI,CAAC,EAAE,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YACtC,QAAQ,IAAI,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;QAC1F,CAAC;aAAM,CAAC;YACN,QAAQ,IAAI,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;QAC1F,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;QAC7J,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,SAAS,yBAAyB,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;QAC/C,MAAM,eAAe,GAAG,EAAE,CAAC;QAE3B,MAAM,EAAE,GAAG,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9C,MAAM,EAAE,GAAG,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1C,MAAM,EAAE,GAAG,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9C,MAAM,EAAE,GAAG,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAE1C,MAAM,EAAE,GAAG,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvD,MAAM,EAAE,GAAG,0BAA0B,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QACrD,MAAM,IAAI,GAAG,EAAE,GAAG,EAAE,CAAC;QAErB,gBAAgB;QAChB,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;YACf,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;gBAC9B,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;oBACb,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAC,CAAC,CAAC;oBAC1C,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAC,CAAC,CAAC;gBAC5C,CAAC;qBAAM,CAAC;oBACN,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAC,CAAC,CAAC;oBAC1C,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAC,CAAC,CAAC;gBAC5C,CAAC;YACH,CAAC;iBAAM,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;gBACxC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;oBACb,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAC,CAAC,CAAC;oBAC1C,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAC,CAAC,CAAC;gBAC5C,CAAC;qBAAM,CAAC;oBACN,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAC,CAAC,CAAC;oBAC1C,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAC,CAAC,CAAC;gBAC5C,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;oBACb,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE,EAAC,CAAC,CAAC;oBAC1C,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE,EAAC,CAAC,CAAC;gBAC5C,CAAC;qBAAM,CAAC;oBACN,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE,EAAC,CAAC,CAAC;oBAC1C,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE,EAAC,CAAC,CAAC;gBAC5C,CAAC;YACH,CAAC;QACH,CAAC;QAED,uBAAuB;QACvB,IAAI,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;YAC9B,gBAAgB;YAChB,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;gBACd,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAAC,CAAC,CAAC;gBACrD,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAAC,CAAC,CAAC;YACvD,CAAC;QACH,CAAC;QAED,eAAe;QACf,IAAI,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;YAC3D,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;gBAC9B,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC;oBACjB,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAC,CAAC,CAAC;oBAC1C,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAC,CAAC,CAAC;oBAC/C,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE,EAAC,CAAC,CAAC;gBAC5C,CAAC;qBAAM,CAAC;oBACN,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAC,CAAC,CAAC;gBACvC,CAAC;YACH,CAAC;YAED,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;gBACjC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC;oBACjB,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAC,CAAC,CAAC;oBAC1C,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAC,CAAC,CAAC;oBAC/C,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE,EAAC,CAAC,CAAC;gBAC5C,CAAC;qBAAM,CAAC;oBACN,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAC,CAAC,CAAC;gBACvC,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,eAAe,CAAC;IACzB,CAAC;IAED,SAAS,0BAA0B,CAAC,QAAQ;QAC1C,QAAQ,QAAQ,EAAE,CAAC;YACjB,KAAK,KAAK;gBACR,OAAO,CAAC,CAAC;YACX,KAAK,QAAQ;gBACX,OAAO,CAAC,CAAC;YACX;gBACE,OAAO,CAAC,CAAC;QACb,CAAC;IACH,CAAC;IAED,SAAS,WAAW,CAAC,KAAK,EAAE,QAAQ;QAClC,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACzC,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEjC,QAAQ,QAAQ,EAAE,CAAC;YACjB,KAAK,KAAK,CAAC;YACX,KAAK,QAAQ;gBACX,OAAO,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;YACvB;gBACE,OAAO,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;QACzB,CAAC;IACH,CAAC;IAED,SAAS,WAAW,CAAC,KAAK,EAAE,QAAQ;QAClC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC3C,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEjC,QAAQ,QAAQ,EAAE,CAAC;YACjB,KAAK,KAAK;gBACR,OAAO,CAAC,CAAC;YACX,KAAK,QAAQ;gBACX,OAAO,CAAC,GAAG,MAAM,CAAC;YACpB;gBACE,OAAO,CAAC,CAAC;QACb,CAAC;IACH,CAAC;IAED,SAAS,OAAO;QACd,UAAU;QACV,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;QAClD,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;QAEpB,MAAM,GAAG,EAAE,CAAC;QAEZ,iBAAiB;QACjB,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;QACpB,CAAC;QAED,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YAClC,OAAO;gBACL,EAAE,EAAE,CAAC,CAAC,EAAE;gBACR,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;gBAC7B,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAChB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAChB,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO;aACnC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YAC1B,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;YAEnD,IAAI,MAAM,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;gBAChC,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC;YAC/B,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,aAAa,EAAE,CAAC;QAEhB,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;QACjE,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,0CAA0C;QAEhE,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAClC,CAAC;IAED,SAAS,MAAM,CAAC,IAAI;QAClB,KAAK,GAAG,IAAI,CAAC;QACb,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO;QACL,SAAS;QACT,MAAM;KACP,CAAC;AACJ,CAAC","sourcesContent":["import {SVG} from '@svgdotjs/svg.js';\n\n// Source: workflow-svg.js project. Adapted to not be an external requirement to make it easier for the builder to work.\nexport function RecipientFlow() {\n let _json = {entities: []} as Record<string, any>;\n let _draw;\n let _lines = [];\n\n function initalize(id, width, height) {\n _draw = SVG().addTo(id).size(width, height);\n\n _draw.entities = [];\n _draw.lines = _draw.group();\n _draw.labels = _draw.group();\n }\n\n function _renderEntities(_draw, entity) {\n const group = _draw.group().attr({id: entity.id});\n _draw.entities.push(group);\n\n //assginment and default values for entities\n entity.background_color = entity.background_color ? entity.background_color : '#f06';\n entity.color = entity.color ? entity.color : '#ffffff';\n entity.radius = entity.radius ? entity.radius : 0;\n\n //the real entity\n group.entity = group\n .rect(entity.width, entity.height)\n .cx(entity.width / 2)\n .cy(entity.height / 2)\n .attr({fill: '#ffffff', stroke: entity.color, ['stroke-width']: 2})\n .radius(entity.radius);\n\n if (entity.class) {\n group.entity.attr('class', entity.class);\n }\n\n group\n .plain(entity.text)\n .cx(14)\n .cy(entity.height / 2 + 6)\n .attr({fill: entity.color});\n\n group.move(entity.x, entity.y);\n }\n\n function _renderLabels() {\n if (_json.labels && _json.labels.length > 0) {\n _json.labels.forEach(l => {\n _draw.labels.text(l.value).x(l.x).y(l.y);\n });\n }\n }\n\n function _renderPolylines(_draw, _lines) {\n _lines.forEach(line => _renderOnePolyline(_draw, line));\n }\n\n function _renderOnePolyline(_draw, line) {\n let polyline = '';\n\n const line_color = line.color || '#4c56cb';\n const from = _draw.findOne('#' + line.from.element);\n const to = _draw.findOne('#' + line.to.element);\n const pointsInBetween = _calculatePointsInBetween(line, from, to);\n\n //start point\n polyline += _calculateX(from, line.from.point) + ',' + _calculateY(from, line.from.point) + ' ';\n\n // points between them\n pointsInBetween.forEach(p => (polyline += p.x + ',' + p.y + ' '));\n\n if (line.to.point === 'top') {\n polyline += _calculateX(to, line.to.point) + ',' + _calculateY(to, line.to.point) + ' ';\n } else if (line.to.point === 'bottom') {\n polyline += _calculateX(to, line.to.point) + ',' + _calculateY(to, line.to.point) + ' ';\n } else {\n polyline += _calculateX(to, line.to.point) + ',' + _calculateY(to, line.to.point) + ' ';\n }\n\n if (!line.polyline) {\n line.polyline = _draw.lines.polyline(polyline).fill('none').stroke({color: line_color, width: 2, linecap: 'round', linejoin: 'round'}).attr('id', line.id);\n } else {\n line.polyline.plot(polyline);\n }\n }\n\n function _calculatePointsInBetween(line, from, to) {\n const pointsInBetween = [];\n\n const y1 = _calculateY(from, line.from.point);\n const y2 = _calculateY(to, line.to.point);\n const x1 = _calculateX(from, line.from.point);\n const x2 = _calculateX(to, line.to.point);\n\n const p1 = _translatePositionToNumber(line.from.point);\n const p2 = _translatePositionToNumber(line.to.point);\n const code = p1 - p2;\n\n // same position\n if (code === 0) {\n if (line.from.point === 'top') {\n if (y1 <= y2) {\n pointsInBetween.push({x: x1, y: y1 - 20});\n pointsInBetween.push({x: x2, y: y1 - 20});\n } else {\n pointsInBetween.push({x: x1, y: y2 - 20});\n pointsInBetween.push({x: x2, y: y2 - 20});\n }\n } else if (line.from.point === 'bottom') {\n if (y1 <= y2) {\n pointsInBetween.push({x: x1, y: y2 + 20});\n pointsInBetween.push({x: x2, y: y2 + 20});\n } else {\n pointsInBetween.push({x: x1, y: y1 + 20});\n pointsInBetween.push({x: x2, y: y1 + 20});\n }\n } else {\n if (x1 <= x2) {\n pointsInBetween.push({x: x2 + 20, y: y1});\n pointsInBetween.push({x: x2 + 20, y: y2});\n } else {\n pointsInBetween.push({x: x1 + 20, y: y1});\n pointsInBetween.push({x: x1 + 20, y: y2});\n }\n }\n }\n\n // on the opposite site\n if (code === 2 || code === -2) {\n // top or bottom\n if (x1 !== x2) {\n pointsInBetween.push({x: x1, y: y2 + (y1 - y2) / 2});\n pointsInBetween.push({x: x2, y: y2 + (y1 - y2) / 2});\n }\n }\n\n // corner cases\n if (code === 1 || code === -1 || code === 3 || code === -3) {\n if (line.from.point === 'top') {\n if (y1 < y2 + 20) {\n pointsInBetween.push({x: x1, y: y1 - 20});\n pointsInBetween.push({x: x2 + 20, y: y1 - 20});\n pointsInBetween.push({x: x2 + 20, y: y2});\n } else {\n pointsInBetween.push({x: x1, y: y2});\n }\n }\n\n if (line.from.point === 'bottom') {\n if (y1 > y2 - 20) {\n pointsInBetween.push({x: x1, y: y1 + 20});\n pointsInBetween.push({x: x2 + 20, y: y1 + 20});\n pointsInBetween.push({x: x2 + 20, y: y2});\n } else {\n pointsInBetween.push({x: x1, y: y2});\n }\n }\n }\n\n return pointsInBetween;\n }\n\n function _translatePositionToNumber(position) {\n switch (position) {\n case 'top':\n return 0;\n case 'bottom':\n return 2;\n default:\n return 3;\n }\n }\n\n function _calculateX(group, position) {\n const width = group.entity.attr('width');\n const x = group.entity.attr('x');\n\n switch (position) {\n case 'top':\n case 'bottom':\n return x + width / 2;\n default:\n return x - width / 2;\n }\n }\n\n function _calculateY(group, position) {\n const height = group.entity.attr('height');\n const y = group.entity.attr('y');\n\n switch (position) {\n case 'top':\n return y;\n case 'bottom':\n return y + height;\n default:\n return y;\n }\n }\n\n function _update() {\n //clean up\n _draw.entities.forEach(entity => entity.remove());\n _draw.entities = [];\n\n _lines = [];\n\n // default values\n if (!_json.labels) {\n _json.labels = [];\n }\n\n _json.labels = _json.labels.map(l => {\n return {\n id: l.id,\n value: l.value ? l.value : '',\n x: l.x ? l.x : 0,\n y: l.y ? l.y : 0,\n color: l.color ? l.color : 'black',\n };\n });\n\n _json.entities.map(entity => {\n entity.type = entity.type ? entity.type : 'entity';\n\n if (entity.type === 'operation') {\n entity.height = entity.width;\n }\n });\n\n _renderLabels();\n\n _json.entities.forEach(entity => _renderEntities(_draw, entity));\n _lines = _json.lines; // needed to have no circular dependencies\n\n _renderPolylines(_draw, _lines);\n }\n\n function update(json) {\n _json = json;\n _update();\n }\n\n return {\n initalize,\n update,\n };\n}\n"]}

package/dist/collection/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.js CHANGED Viewed

@@ -351,3 +351,4 @@ export class VerdocsStatusIndicator {
         };
     }
 }
+//# sourceMappingURL=verdocs-status-indicator.js.map