npm - @verdocs/web-sdk - Versions diffs - 1.9.20 → 1.9.22 - Mend

@verdocs/web-sdk 1.9.20 → 1.9.22

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

package/dist/cjs/verdocs-preview.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"verdocs-preview.entry.cjs.js","mappings":"~~;;;;;;;;;;;;;;~~AAAA,MAAM,iBAAiB,GAAG,2bAA2b;;MCoBxc,cAAc;;;;oBAIWA,+BAAe,CAAC,UAAU,EAAE;sBAK5B,IAAI;;;EASxC,MAAM,gBAAgB;;IACpB,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;IAE5B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;MACpB,OAAO,CAAC,GAAG,CAAC,0CAA0C,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;MACzE,OAAO;KACR;IAED,IAAI;MACF,OAAO,CAAC,GAAG,CAAC,8BAA8B,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;MAC7D,MAAMC,sBAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;KACpD;IAAC,OAAO,CAAC,EAAE;MACV,OAAO,CAAC,GAAG,CAAC,kCAAkC,EAAE,CAAC,CAAC,CAAC;MACnD,MAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,CAAC,IAAIC,eAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,MAAA,CAAC,CAAC,QAAQ,0CAAE,MAAM,EAAE,MAAA,CAAC,CAAC,QAAQ,0CAAE,IAAI,CAAC,CAAC,CAAC;KACpF;GACF;EAED,MAAM,iBAAiB,CAAC,KAAqB,EAAE,CAAM,EAAE,QAAiB;IACtE,OAAO,CAAC,GAAG,CAAC,6BAA6B,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;GAChE;EAED,kBAAkB,CAAC,CAAC;IAClB,MAAM,QAAQ,GAAG,CAAC,CAAC,MAA2B,CAAC;IAC/C,OAAO,CAAC,GAAG,CAAC,yBAAyB,EAAE,QAAQ,CAAC,CAAC;IAEjD,MAAM,MAAM,GAAGC,mBAAa,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,aAAa,KAAK,QAAQ,CAAC,UAAU,CAAC,CAAC;IACjG,OAAO,CAAC,GAAG,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC;IAChD,MAAM,CAAC,OAAO,CAAC,KAAK,IAAIC,yBAAmB,CAAC,KAAK,EAAE,QAAQ,EAAEC,kBAAY,CAACF,mBAAa,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC;GAC5K;EAED,MAAM;;IAEJ,IAAIA,mBAAa,CAAC,OAAO,IAAI,CAACA,mBAAa,CAAC,QAAQ,EAAE;MACpD,QACEG,QAACC,UAAI,QACHD,+BAAkB,CACb,EACP;KACH;IAED,MAAM,KAAK,GAAG,CAAC,GAAGH,mBAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;IAE9C,QACEG,QAACC,UAAI,QACF,KAAK,CAAC,GAAG,CAAC,IAAI;MACb,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;MACpC,QACED,mCACE,YAAY,EAAE,IAAI,CAAC,WAAW,EAC9B,YAAY,EAAE,GAAG,EACjB,aAAa,EAAE,GAAG,EAClB,UAAU,EAAE,IAAI,CAAC,QAAQ,EACzB,cAAc,EAAE,CAAC,IAAI,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAC/C,MAAM,EAAE;UACN,EAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAC;UAC9B,EAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAC;SAChC,GACD,EACF;KACH,CAAC,CACG,EACP;GACH;;;;;;","names":["VerdocsEndpoint","loadTemplate","SDKError","TemplateStore","renderDocumentField","getRoleIndex","h","Host"],"sources":["./src/components/embeds/verdocs-preview/verdocs-preview.scss?tag=verdocs-preview","./src/components/embeds/verdocs-preview/verdocs-preview.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-preview {\n font-family: $verdocs-primary-font;\n display: flex;\n padding: 15px;\n row-gap: 15px;\n min-height: 200px;\n position: relative;\n align-items: center;\n box-sizing: border-box;\n flex-direction: column;\n\n div,\n canvas {\n box-sizing: border-box;\n }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, Prop, h} from '@stencil/core';\nimport {Event, EventEmitter, Host} from '@stencil/core';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {getRoleIndex, renderDocumentField} from '../../../utils/utils';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport TemplateStore from '../../../utils/templateStore';\nimport {loadTemplate} from '../../../utils/Templates';\nimport {SDKError} from '../../../utils/errors';\n\n/*\n Display a template preview experience. This will display the template's attached\n * documents with signing fields overlaid on each page. Fields will be color-coded\n * by recipient, and will be read-only (cannot be filled, moved, or altered).\n /\n@Component({\n tag: 'verdocs-preview',\n styleUrl: 'verdocs-preview.scss',\n shadow: false,\n})\nexport class VerdocsPreview {\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 ID of the template to create the document from.\n /\n @Prop() templateId: 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 // TODO: Move to state store so we can load this one time\n async componentDidLoad() {\n this.endpoint.loadSession();\n\n if (!this.templateId) {\n console.log(`[PREVIEW] Missing required template ID ${this.templateId}`);\n return;\n }\n\n try {\n console.log(`[PREVIEW] Loading template ${this.templateId}`);\n await loadTemplate(this.endpoint, this.templateId);\n } catch (e) {\n console.log('[PREVIEW] Error loading template', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n }\n\n async handleFieldChange(field: ITemplateField, e: any, optionId?: string) {\n console.log('[PREVIEW] handleFieldChange', field, e, optionId);\n }\n\n handlePageRendered(e) {\n const pageInfo = e.detail as IDocumentPageInfo;\n console.log('[PREVIEW] Page rendered', pageInfo);\n\n const fields = TemplateStore.fields.filter(field => field.page_sequence === pageInfo.pageNumber);\n console.log('[PREVIEW] Fields on page', fields);\n fields.forEach(field => renderDocumentField(field, pageInfo, getRoleIndex(TemplateStore.roleNames, field.role_name), {disabled: true, editable: false, draggable: false}));\n }\n\n render() {\n // TODO: Render a better error\n if (TemplateStore.loading \|\| !TemplateStore.template) {\n return (\n <Host>\n <verdocs-loader />\n </Host>\n );\n }\n\n const pages = [...TemplateStore.template.pages];\n pages.sort((a, b) => a.sequence - b.sequence);\n\n return (\n <Host>\n {pages.map(page => {\n console.log('rendering page', page);\n return (\n <verdocs-document-page\n pageImageUri={page.display_uri}\n virtualWidth={612}\n virtualHeight={792}\n pageNumber={page.sequence}\n onPageRendered={e => this.handlePageRendered(e)}\n layers={[\n {name: 'page', type: 'canvas'},\n {name: 'controls', type: 'div'},\n ]}\n />\n );\n })}\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"verdocs-preview.entry.cjs.js","mappings":"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","names":["VerdocsEndpoint","loadTemplate","SDKError","TemplateStore","renderDocumentField","getRoleIndex","h","Host"],"sources":["./src/components/embeds/verdocs-preview/verdocs-preview.scss?tag=verdocs-preview","./src/components/embeds/verdocs-preview/verdocs-preview.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-preview {\n font-family: $verdocs-primary-font;\n display: flex;\n padding: 15px;\n row-gap: 15px;\n min-height: 200px;\n position: relative;\n align-items: center;\n box-sizing: border-box;\n flex-direction: column;\n\n div,\n canvas {\n box-sizing: border-box;\n }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, Prop, h} from '@stencil/core';\nimport {Event, EventEmitter, Host} from '@stencil/core';\nimport {ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {getRoleIndex, renderDocumentField} from '../../../utils/utils';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport TemplateStore from '../../../utils/templateStore';\nimport {loadTemplate} from '../../../utils/Templates';\nimport {SDKError} from '../../../utils/errors';\n\n/*\n Display a template preview experience. This will display the template's attached\n * documents with signing fields overlaid on each page. Fields will be color-coded\n * by recipient, and will be read-only (cannot be filled, moved, or altered).\n /\n@Component({\n tag: 'verdocs-preview',\n styleUrl: 'verdocs-preview.scss',\n shadow: false,\n})\nexport class VerdocsPreview {\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 ID of the template to create the document from.\n /\n @Prop() templateId: 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 // TODO: Move to state store so we can load this one time\n async componentDidLoad() {\n this.endpoint.loadSession();\n\n if (!this.templateId) {\n console.log(`[PREVIEW] Missing required template ID ${this.templateId}`);\n return;\n }\n\n try {\n console.log(`[PREVIEW] Loading template ${this.templateId}`);\n await loadTemplate(this.endpoint, this.templateId);\n } catch (e) {\n console.log('[PREVIEW] Error loading template', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n }\n\n async handleFieldChange(field: ITemplateField, e: any, optionId?: string) {\n console.log('[PREVIEW] handleFieldChange', field, e, optionId);\n }\n\n handlePageRendered(e) {\n const pageInfo = e.detail as IDocumentPageInfo;\n console.log('[PREVIEW] Page rendered', pageInfo);\n\n const fields = TemplateStore.fields.filter(field => field.page_sequence === pageInfo.pageNumber);\n console.log('[PREVIEW] Fields on page', fields);\n fields.forEach(field => renderDocumentField(field, pageInfo, getRoleIndex(TemplateStore.roleNames, field.role_name), {disabled: true, editable: false, draggable: false}));\n }\n\n render() {\n // TODO: Render a better error\n if (TemplateStore.loading \|\| !TemplateStore.template) {\n return (\n <Host>\n <verdocs-loader />\n </Host>\n );\n }\n\n const pages = [...TemplateStore.template.pages];\n pages.sort((a, b) => a.sequence - b.sequence);\n\n return (\n <Host>\n {pages.map(page => {\n console.log('rendering page', page);\n return (\n <verdocs-document-page\n pageImageUri={page.display_uri}\n virtualWidth={612}\n virtualHeight={792}\n pageNumber={page.sequence}\n onPageRendered={e => this.handlePageRendered(e)}\n layers={[\n {name: 'page', type: 'canvas'},\n {name: 'controls', type: 'div'},\n ]}\n />\n );\n })}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/verdocs-quick-functions_3.cjs.entry.js CHANGED Viewed

@@ -4,8 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1329d89c.js');
 require('./Types-da57ce69.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-8c408e5b.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-a9bf9d59.js');
 const Templates = require('./Templates-8ef16e3d.js');
+require('./Token-576f0e8a.js');
 /**
  * Verdocs provides a range of search functions to help find and retrieve content. This module provides generic functions intended

package/dist/cjs/verdocs-quick-functions_3.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"verdocs-quick-functions.verdocs-search-activity.verdocs-search-box.entry.cjs.js","mappings":"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","names":["this","VerdocsEndpoint","h","DocumentIcon","getTemplates"],"sources":["./node_modules/@verdocs/js-sdk/Search/Content.js","./src/components/elements/verdocs-quick-functions/verdocs-quick-functions.scss?tag=verdocs-quick-functions","./src/components/elements/verdocs-quick-functions/verdocs-quick-functions.tsx","./src/components/elements/verdocs-search-activity/verdocs-search-activity.scss?tag=verdocs-search-activity","./src/components/elements/verdocs-search-activity/verdocs-search-activity.tsx","./src/components/elements/verdocs-search-box/verdocs-search-box.scss?tag=verdocs-search-box","./src/components/elements/verdocs-search-box/verdocs-search-box.tsx"],"sourcesContent":["/*\n Verdocs provides a range of search functions to help find and retrieve content. This module provides generic functions intended\n * to locate items across all content types. More specific retrievals may be performed using the various \"list\" endpoints within\n * each collection (e.g. {@link Envelopes.Envelopes.searchEnvelopes} or {@link Templates.Templates.searchTemplates}).\n \n @module\n /\nvar __awaiter = (this && this.__awaiter) \|\| function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P \|\| (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments \|\| [])).next());\n });\n};\nvar __generator = (this && this.__generator) \|\| function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (_) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] \|\| ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 \|\| op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t \|\| (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\n/\n Retrieve recent and saved searches. Note that result counts will be limited to a maximum of 20 entries for each\n * type but this may be expanded in the future. Client UI's should self-limit display counts as needed.\n \n ```typescript\n * import {Content} from '@verdocs/js-sdk/Search';\n \n const {recent, saved} = await Content.getSearchHistory();\n * ```\n /\nexport var getSearchHistory = function (endpoint) { return __awaiter(void 0, void 0, void 0, function () {\n return __generator(this, function (_a) {\n return [2 /return/, endpoint.api //\n .get('/search/history')\n .then(function (r) { return r.data; })];\n });\n}); };\n/\n Save a search. If a name is re-used, that saved search will be overwritten with the new parameters.\n \n ```typescript\n * import {Content} from '@verdocs/js-sdk/Search';\n \n const entry = await Documents.saveSearch('W9 Forms', {q: 'w9', type: 'template});\n * ```\n /\nexport var saveSearch = function (endpoint, name, params) { return __awaiter(void 0, void 0, void 0, function () {\n return __generator(this, function (_a) {\n return [2 /return/, endpoint.api //\n .post('/search/saved', { name: name, params: params })\n .then(function (r) { return r.data; })];\n });\n}); };\n/\n Search for documents matching various criteria.\n \n ```typescript\n * import {Content} from '@verdocs/js-sdk/Search';\n \n const {result, page, total} = await Documents.search({ ... });\n * ```\n /\nexport var searchContent = function (endpoint, params) { return __awaiter(void 0, void 0, void 0, function () {\n return __generator(this, function (_a) {\n return [2 /return/, endpoint.api //\n .post('/search/content', params)\n .then(function (r) { return r.data; })];\n });\n}); };\n","@import '../../../theme.scss';\n\nverdocs-quick-functions {\n font-family: $verdocs-primary-font;\n\n .container {\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n width: 240px;\n background-color: $verdocs-bg-5;\n text-transform: uppercase;\n padding: 10px 10px 20px 10px;\n font-family: sans-serif;\n color: #ffffff;\n }\n\n .title {\n font-size: 22px;\n font-weight: 700;\n line-height: 30px;\n margin: 1em 0 40px 0;\n }\n\n button {\n width: 140px;\n height: 40px;\n border: none;\n display: flex;\n color: $verdocs-grey-4;\n cursor: pointer;\n font-size: 14px;\n font-weight: 700;\n line-height: 25px;\n align-items: center;\n margin-bottom: 20px;\n border-radius: 5px;\n text-transform: uppercase;\n justify-content: space-evenly;\n background-color: $verdocs-green;\n }\n\n button svg {\n fill: $verdocs-grey-4;\n }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Prop} from '@stencil/core';\nimport TemplateIcon from './template-icon.svg';\nimport DocumentIcon from './document-icon.svg';\n\n/\n Display quick-function buttons for creating templates and documents.\n \n Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth\n * embed. This Element will reuse the same session produced by logging in via that Embed.\n /\n@Component({\n tag: 'verdocs-quick-functions',\n styleUrl: 'verdocs-quick-functions.scss',\n})\nexport class VerdocsQuickFunctions {\n /\n The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n /\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /\n Event fired when an entry is clicked.\n /\n @Event({composed: true}) createTemplate: EventEmitter;\n\n /\n Event fired when an entry is clicked.\n /\n @Event({composed: true}) createDocument: EventEmitter;\n\n handleCreateTemplate() {\n this.createTemplate.emit();\n }\n\n handleCreateDocument() {\n this.createDocument.emit();\n }\n\n render() {\n return (\n <div class=\"container\">\n <p class=\"title\">Quick Create</p>\n <button onClick={() => this.handleCreateTemplate()} innerHTML={TemplateIcon}>\n Template\n </button>\n <button onClick={() => this.handleCreateDocument()} innerHTML={DocumentIcon}>\n Document\n </button>\n </div>\n );\n }\n}\n","@import '../../../theme.scss';\n\nverdocs-search-activity {\n font-family: $verdocs-primary-font;\n\n .container {\n display: flex;\n width: 240px;\n color: $verdocs-grey-4;\n flex-direction: column;\n text-transform: uppercase;\n padding: 10px 10px 20px 10px;\n background-color: $verdocs-bg-5;\n }\n\n .title {\n font-size: 22px;\n font-weight: 700;\n line-height: 30px;\n }\n\n .items {\n display: flex;\n margin-top: 20px;\n flex-direction: column;\n }\n\n .item {\n border: none;\n display: flex;\n text-align: left;\n margin-bottom: 20px;\n flex-direction: row;\n background: transparent;\n }\n\n .item:hover {\n cursor: pointer;\n }\n\n .icon {\n flex: 0 0 22px;\n margin-right: 14px;\n }\n\n .icon svg {\n fill: $verdocs-light-blue;\n width: 22px;\n height: 22px;\n }\n\n .details {\n display: flex;\n overflow: hidden;\n flex-direction: column;\n }\n\n .item-title {\n font-size: 16px;\n font-weight: 400;\n color: $verdocs-grey-4;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .info {\n font-size: 14px;\n font-weight: 500;\n line-height: 23px;\n color: $verdocs-grey-2;\n }\n\n .empty {\n text-transform: none;\n line-height: 22px;\n color: $verdocs-bg-1;\n }\n}\n","import {ITemplate} from '@verdocs/js-sdk/Templates/Types';\nimport {getSearchHistory} from '@verdocs/js-sdk/Search/Content';\nimport {getTemplates} from '@verdocs/js-sdk/Templates/Templates';\nimport {IRecentSearch, ISavedSearch} from '@verdocs/js-sdk/Search/Types';\nimport {Component, h, Prop, Event, EventEmitter, State} from '@stencil/core';\nimport {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport DocumentIcon from './document-icon.svg';\n\n/\n Display a list of starred items.\n \n Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth\n * embed. This Element will reuse the same session produced by logging in via that Embed.\n /\n@Component({\n tag: 'verdocs-search-activity',\n styleUrl: 'verdocs-search-activity.scss',\n shadow: false,\n})\nexport class VerdocsSearchActivity {\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 @Prop() type: 'recent' \| 'saved' \| 'starred' = 'recent';\n\n @Prop() options: any;\n\n /\n Event fired when an entry is clicked.\n /\n @Event({composed: true}) entrySelected: EventEmitter<IRecentSearch>;\n\n @State() emptyMessage = 'You do not have any starred searches.';\n\n @State() authFailure = false;\n\n @State() title = 'Recent Searches';\n\n @State() recent: IRecentSearch[] = [];\n\n @State() saved: ISavedSearch[] = [];\n\n @State() starred: ITemplate[] = [];\n\n componentWillLoad() {\n this.endpoint.loadSession();\n\n const errorHandler = e => {\n console.warn('[Verdocs/search-activity] Error getting search data', e);\n if (e?.response?.status === 401) {\n this.authFailure = true;\n }\n };\n\n switch (this.type) {\n case 'recent':\n this.title = 'Recent Searches';\n this.emptyMessage = 'You do not have any recent searches.';\n getSearchHistory(this.endpoint)\n .then(r => (this.recent = r.recent))\n .catch(errorHandler);\n break;\n\n case 'saved':\n this.title = 'Saved Searches';\n this.emptyMessage = 'You do not have any saved searches.';\n getSearchHistory(this.endpoint)\n .then(r => (this.saved = r.saved))\n .catch(errorHandler);\n break;\n\n case 'starred':\n this.title = 'My Starred items';\n this.emptyMessage = 'You do not have any starred templates.';\n getTemplates(this.endpoint, {is_starred: true})\n .then(r => (this.starred = r))\n .catch(errorHandler);\n break;\n }\n }\n\n handleSelectEntry(entry: any) {\n this.entrySelected.emit(entry);\n }\n\n computePagesText(pages) {\n if (pages < 2) {\n return `${pages} Page`;\n } else {\n return `${pages} Pages`;\n }\n }\n\n computeRecipientsText(recipients) {\n if (typeof recipients === 'object') {\n return recipients.join(', ');\n } else if (recipients > 1) {\n return `${recipients} Recipients`;\n } else {\n return `${recipients} Recipient`;\n }\n }\n\n render() {\n const showEmpty = this.recent.length < 1 && this.saved.length < 1 && this.starred.length < 1;\n\n return (\n <div class=\"container\">\n <p class=\"title\">{this.title}</p>\n\n <div class=\"items\">\n {this.recent.map(recent => (\n <button class=\"item\" onClick={() => this.handleSelectEntry(recent)}>\n <div class=\"icon\" innerHTML={DocumentIcon} />\n <div class=\"details\">\n <div class=\"item-title\">{recent.params.q}</div>\n <div class=\"info\">Test</div>\n </div>\n </button>\n ))}\n\n {this.saved.map(option => (\n <button class=\"item\" onClick={() => this.handleSelectEntry(option)}>\n <div class=\"icon\" innerHTML={DocumentIcon} />\n <div class=\"details\">\n <div class=\"item-title\">{option.params.q}</div>\n <div class=\"info\">\n {/{option.pages ? `${this.computePagesText(option.pages)} ` : ''}/}\n {/{option.recipients ? this.computeRecipientsText(option.recipients) : ''}/}\n </div>\n </div>\n </button>\n ))}\n\n {showEmpty && <div class=\"empty\">{this.authFailure ? 'Authentication required' : this.emptyMessage}</div>}\n </div>\n </div>\n );\n }\n}\n","@import '../../../theme.scss';\n\nverdocs-search-box {\n font-family: $verdocs-primary-font;\n\n form {\n display: flex;\n flex-direction: row;\n height: 45px;\n box-sizing: border-box;\n margin: 5px 0 0;\n border-radius: 5px;\n align-items: center;\n background-color: #fff;\n padding: 0 8px;\n border-width: 1px;\n border-style: solid;\n border-color: $verdocs-light-blue;\n\n input {\n box-sizing: border-box;\n height: 43px;\n width: 100%;\n font-size: 18px;\n border: none;\n\n &:focus {\n outline: none;\n }\n }\n\n button.search {\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n border-radius: 4px;\n border: none;\n width: 100px;\n height: 28px;\n font-weight: 700;\n font-size: 10px;\n letter-spacing: 1px;\n background-color: $verdocs-green;\n text-transform: uppercase;\n color: #fff;\n }\n\n .type {\n background-color: $verdocs-light-blue;\n height: 30px;\n display: inline-flex;\n padding: 1px 0 2px 10px;\n font-size: 13px;\n line-height: 16px;\n border-radius: 4px;\n justify-content: center;\n text-transform: uppercase;\n align-items: center;\n flex-direction: row;\n color: #fff;\n margin-right: 10px;\n\n button {\n border: none;\n color: #fff;\n margin: 5px 0 0 8px;\n background: transparent;\n }\n }\n\n svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n }\n }\n\n ::placeholder {\n color: $verdocs-grey-2;\n }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Prop, Method} from '@stencil/core';\nimport SearchIcon from './search.svg';\nimport CloseIcon from './close.svg';\n\nexport type TContentType = 'all' \| 'document' \| 'template' \| 'organization';\n\nexport interface ISearchEvent {\n query: string;\n type: TContentType;\n}\n\n/\n Displays a customizable input box for search queries.\n \n Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth\n * embed. This Element will reuse the same session produced by logging in via that Embed.\n /\n@Component({\n tag: 'verdocs-search-box',\n styleUrl: 'verdocs-search-box.scss',\n shadow: false,\n})\nexport class VerdocsSearchBox {\n private inputEl: HTMLInputElement;\n\n /\n The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n /\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /\n The placeholder to display in the input field.\n /\n @Prop() placeholder = 'search documents, templates, people...';\n\n /\n If set to a value other than 'all', a removeable filter indicator will be displayed.\n /\n @Prop() type: TContentType = 'all';\n\n /\n The text search string entered by the user.\n /\n @Prop() query = '';\n\n /\n If set, the input field will attempt to \"grab\" focus after being rendered.\n /\n @Prop() grabsFocus = false;\n\n /\n Event fired when the user changes the type.\n /\n @Event({composed: true}) searchClicked: EventEmitter<ISearchEvent>;\n\n /\n Event fired when the user changes the type.\n /\n @Event({composed: true}) typeChanged: EventEmitter<TContentType>;\n\n /\n Event fired when the user changes the query string.\n */\n @Event({composed: true}) queryChanged: EventEmitter<string>;\n\n @Method() async focusField() {\n this.inputEl.focus();\n }\n\n componentDidRender() {\n if (this.grabsFocus) {\n this.inputEl.focus();\n }\n }\n\n handleSearch(e) {\n this.searchClicked.emit({type: this.type, query: this.query});\n e.preventDefault();\n return false;\n }\n\n handleChange(e) {\n this.queryChanged.emit(e.target.value);\n }\n\n handleClearFilter() {\n this.typeChanged.emit('all');\n }\n\n handleKeyUp(e) {\n if (e.key === 'Enter') {\n this.searchClicked.emit({type: this.type, query: this.query});\n }\n }\n\n render() {\n return (\n <form onSubmit={e => this.handleSearch(e)}>\n {this.type !== undefined && this.type !== 'all' && (\n <span class=\"type\">\n {this.type}s <button class=\"remove\" innerHTML={CloseIcon} onClick={() => this.handleClearFilter()} />\n </span>\n )}\n <input\n type=\"text\"\n value={this.query}\n placeholder={this.placeholder}\n onInput={e => this.handleChange(e)}\n onKeyUp={e => this.handleKeyUp(e)}\n ref={el => (this.inputEl = el)}\n />\n <button onClick={e => this.handleSearch(e)} class=\"search\">\n <span innerHTML={SearchIcon} />\n Search\n </button>\n </form>\n );\n }\n}\n"],"version":3}
1	+ {"file":"verdocs-quick-functions.verdocs-search-activity.verdocs-search-box.entry.cjs.js","mappings":"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","names":["this","VerdocsEndpoint","h","DocumentIcon","getTemplates"],"sources":["./node_modules/@verdocs/js-sdk/Search/Content.js","./src/components/elements/verdocs-quick-functions/verdocs-quick-functions.scss?tag=verdocs-quick-functions","./src/components/elements/verdocs-quick-functions/verdocs-quick-functions.tsx","./src/components/elements/verdocs-search-activity/verdocs-search-activity.scss?tag=verdocs-search-activity","./src/components/elements/verdocs-search-activity/verdocs-search-activity.tsx","./src/components/elements/verdocs-search-box/verdocs-search-box.scss?tag=verdocs-search-box","./src/components/elements/verdocs-search-box/verdocs-search-box.tsx"],"sourcesContent":["/*\n Verdocs provides a range of search functions to help find and retrieve content. This module provides generic functions intended\n * to locate items across all content types. More specific retrievals may be performed using the various \"list\" endpoints within\n * each collection (e.g. {@link Envelopes.Envelopes.searchEnvelopes} or {@link Templates.Templates.searchTemplates}).\n \n @module\n /\nvar __awaiter = (this && this.__awaiter) \|\| function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P \|\| (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments \|\| [])).next());\n });\n};\nvar __generator = (this && this.__generator) \|\| function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (_) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] \|\| ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 \|\| op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t \|\| (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\n/\n Retrieve recent and saved searches. Note that result counts will be limited to a maximum of 20 entries for each\n * type but this may be expanded in the future. Client UI's should self-limit display counts as needed.\n \n ```typescript\n * import {Content} from '@verdocs/js-sdk/Search';\n \n const {recent, saved} = await Content.getSearchHistory();\n * ```\n /\nexport var getSearchHistory = function (endpoint) { return __awaiter(void 0, void 0, void 0, function () {\n return __generator(this, function (_a) {\n return [2 /return/, endpoint.api //\n .get('/search/history')\n .then(function (r) { return r.data; })];\n });\n}); };\n/\n Save a search. If a name is re-used, that saved search will be overwritten with the new parameters.\n \n ```typescript\n * import {Content} from '@verdocs/js-sdk/Search';\n \n const entry = await Documents.saveSearch('W9 Forms', {q: 'w9', type: 'template});\n * ```\n /\nexport var saveSearch = function (endpoint, name, params) { return __awaiter(void 0, void 0, void 0, function () {\n return __generator(this, function (_a) {\n return [2 /return/, endpoint.api //\n .post('/search/saved', { name: name, params: params })\n .then(function (r) { return r.data; })];\n });\n}); };\n/\n Search for documents matching various criteria.\n \n ```typescript\n * import {Content} from '@verdocs/js-sdk/Search';\n \n const {result, page, total} = await Documents.search({ ... });\n * ```\n /\nexport var searchContent = function (endpoint, params) { return __awaiter(void 0, void 0, void 0, function () {\n return __generator(this, function (_a) {\n return [2 /return/, endpoint.api //\n .post('/search/content', params)\n .then(function (r) { return r.data; })];\n });\n}); };\n","@import '../../../theme.scss';\n\nverdocs-quick-functions {\n font-family: $verdocs-primary-font;\n\n .container {\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n width: 240px;\n background-color: $verdocs-bg-5;\n text-transform: uppercase;\n padding: 10px 10px 20px 10px;\n font-family: sans-serif;\n color: #ffffff;\n }\n\n .title {\n font-size: 22px;\n font-weight: 700;\n line-height: 30px;\n margin: 1em 0 40px 0;\n }\n\n button {\n width: 140px;\n height: 40px;\n border: none;\n display: flex;\n color: $verdocs-grey-4;\n cursor: pointer;\n font-size: 14px;\n font-weight: 700;\n line-height: 25px;\n align-items: center;\n margin-bottom: 20px;\n border-radius: 5px;\n text-transform: uppercase;\n justify-content: space-evenly;\n background-color: $verdocs-green;\n }\n\n button svg {\n fill: $verdocs-grey-4;\n }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Prop} from '@stencil/core';\nimport TemplateIcon from './template-icon.svg';\nimport DocumentIcon from './document-icon.svg';\n\n/\n Display quick-function buttons for creating templates and documents.\n \n Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth\n * embed. This Element will reuse the same session produced by logging in via that Embed.\n /\n@Component({\n tag: 'verdocs-quick-functions',\n styleUrl: 'verdocs-quick-functions.scss',\n})\nexport class VerdocsQuickFunctions {\n /\n The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n /\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /\n Event fired when an entry is clicked.\n /\n @Event({composed: true}) createTemplate: EventEmitter;\n\n /\n Event fired when an entry is clicked.\n /\n @Event({composed: true}) createDocument: EventEmitter;\n\n handleCreateTemplate() {\n this.createTemplate.emit();\n }\n\n handleCreateDocument() {\n this.createDocument.emit();\n }\n\n render() {\n return (\n <div class=\"container\">\n <p class=\"title\">Quick Create</p>\n <button onClick={() => this.handleCreateTemplate()} innerHTML={TemplateIcon}>\n Template\n </button>\n <button onClick={() => this.handleCreateDocument()} innerHTML={DocumentIcon}>\n Document\n </button>\n </div>\n );\n }\n}\n","@import '../../../theme.scss';\n\nverdocs-search-activity {\n font-family: $verdocs-primary-font;\n\n .container {\n display: flex;\n width: 240px;\n color: $verdocs-grey-4;\n flex-direction: column;\n text-transform: uppercase;\n padding: 10px 10px 20px 10px;\n background-color: $verdocs-bg-5;\n }\n\n .title {\n font-size: 22px;\n font-weight: 700;\n line-height: 30px;\n }\n\n .items {\n display: flex;\n margin-top: 20px;\n flex-direction: column;\n }\n\n .item {\n border: none;\n display: flex;\n text-align: left;\n margin-bottom: 20px;\n flex-direction: row;\n background: transparent;\n }\n\n .item:hover {\n cursor: pointer;\n }\n\n .icon {\n flex: 0 0 22px;\n margin-right: 14px;\n }\n\n .icon svg {\n fill: $verdocs-light-blue;\n width: 22px;\n height: 22px;\n }\n\n .details {\n display: flex;\n overflow: hidden;\n flex-direction: column;\n }\n\n .item-title {\n font-size: 16px;\n font-weight: 400;\n color: $verdocs-grey-4;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .info {\n font-size: 14px;\n font-weight: 500;\n line-height: 23px;\n color: $verdocs-grey-2;\n }\n\n .empty {\n text-transform: none;\n line-height: 22px;\n color: $verdocs-bg-1;\n }\n}\n","import {ITemplate} from '@verdocs/js-sdk/Templates/Types';\nimport {getSearchHistory} from '@verdocs/js-sdk/Search/Content';\nimport {getTemplates} from '@verdocs/js-sdk/Templates/Templates';\nimport {IRecentSearch, ISavedSearch} from '@verdocs/js-sdk/Search/Types';\nimport {Component, h, Prop, Event, EventEmitter, State} from '@stencil/core';\nimport {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport DocumentIcon from './document-icon.svg';\n\n/\n Display a list of starred items.\n \n Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth\n * embed. This Element will reuse the same session produced by logging in via that Embed.\n /\n@Component({\n tag: 'verdocs-search-activity',\n styleUrl: 'verdocs-search-activity.scss',\n shadow: false,\n})\nexport class VerdocsSearchActivity {\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 @Prop() type: 'recent' \| 'saved' \| 'starred' = 'recent';\n\n @Prop() options: any;\n\n /\n Event fired when an entry is clicked.\n /\n @Event({composed: true}) entrySelected: EventEmitter<IRecentSearch>;\n\n @State() emptyMessage = 'You do not have any starred searches.';\n\n @State() authFailure = false;\n\n @State() title = 'Recent Searches';\n\n @State() recent: IRecentSearch[] = [];\n\n @State() saved: ISavedSearch[] = [];\n\n @State() starred: ITemplate[] = [];\n\n componentWillLoad() {\n this.endpoint.loadSession();\n\n const errorHandler = e => {\n console.warn('[Verdocs/search-activity] Error getting search data', e);\n if (e?.response?.status === 401) {\n this.authFailure = true;\n }\n };\n\n switch (this.type) {\n case 'recent':\n this.title = 'Recent Searches';\n this.emptyMessage = 'You do not have any recent searches.';\n getSearchHistory(this.endpoint)\n .then(r => (this.recent = r.recent))\n .catch(errorHandler);\n break;\n\n case 'saved':\n this.title = 'Saved Searches';\n this.emptyMessage = 'You do not have any saved searches.';\n getSearchHistory(this.endpoint)\n .then(r => (this.saved = r.saved))\n .catch(errorHandler);\n break;\n\n case 'starred':\n this.title = 'My Starred items';\n this.emptyMessage = 'You do not have any starred templates.';\n getTemplates(this.endpoint, {is_starred: true})\n .then(r => (this.starred = r))\n .catch(errorHandler);\n break;\n }\n }\n\n handleSelectEntry(entry: any) {\n this.entrySelected.emit(entry);\n }\n\n computePagesText(pages) {\n if (pages < 2) {\n return `${pages} Page`;\n } else {\n return `${pages} Pages`;\n }\n }\n\n computeRecipientsText(recipients) {\n if (typeof recipients === 'object') {\n return recipients.join(', ');\n } else if (recipients > 1) {\n return `${recipients} Recipients`;\n } else {\n return `${recipients} Recipient`;\n }\n }\n\n render() {\n const showEmpty = this.recent.length < 1 && this.saved.length < 1 && this.starred.length < 1;\n\n return (\n <div class=\"container\">\n <p class=\"title\">{this.title}</p>\n\n <div class=\"items\">\n {this.recent.map(recent => (\n <button class=\"item\" onClick={() => this.handleSelectEntry(recent)}>\n <div class=\"icon\" innerHTML={DocumentIcon} />\n <div class=\"details\">\n <div class=\"item-title\">{recent.params.q}</div>\n <div class=\"info\">Test</div>\n </div>\n </button>\n ))}\n\n {this.saved.map(option => (\n <button class=\"item\" onClick={() => this.handleSelectEntry(option)}>\n <div class=\"icon\" innerHTML={DocumentIcon} />\n <div class=\"details\">\n <div class=\"item-title\">{option.params.q}</div>\n <div class=\"info\">\n {/{option.pages ? `${this.computePagesText(option.pages)} ` : ''}/}\n {/{option.recipients ? this.computeRecipientsText(option.recipients) : ''}/}\n </div>\n </div>\n </button>\n ))}\n\n {showEmpty && <div class=\"empty\">{this.authFailure ? 'Authentication required' : this.emptyMessage}</div>}\n </div>\n </div>\n );\n }\n}\n","@import '../../../theme.scss';\n\nverdocs-search-box {\n font-family: $verdocs-primary-font;\n\n form {\n display: flex;\n flex-direction: row;\n height: 45px;\n box-sizing: border-box;\n margin: 5px 0 0;\n border-radius: 5px;\n align-items: center;\n background-color: #fff;\n padding: 0 8px;\n border-width: 1px;\n border-style: solid;\n border-color: $verdocs-light-blue;\n\n input {\n box-sizing: border-box;\n height: 43px;\n width: 100%;\n font-size: 18px;\n border: none;\n\n &:focus {\n outline: none;\n }\n }\n\n button.search {\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n border-radius: 4px;\n border: none;\n width: 100px;\n height: 28px;\n font-weight: 700;\n font-size: 10px;\n letter-spacing: 1px;\n background-color: $verdocs-green;\n text-transform: uppercase;\n color: #fff;\n }\n\n .type {\n background-color: $verdocs-light-blue;\n height: 30px;\n display: inline-flex;\n padding: 1px 0 2px 10px;\n font-size: 13px;\n line-height: 16px;\n border-radius: 4px;\n justify-content: center;\n text-transform: uppercase;\n align-items: center;\n flex-direction: row;\n color: #fff;\n margin-right: 10px;\n\n button {\n border: none;\n color: #fff;\n margin: 5px 0 0 8px;\n background: transparent;\n }\n }\n\n svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n }\n }\n\n ::placeholder {\n color: $verdocs-grey-2;\n }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Prop, Method} from '@stencil/core';\nimport SearchIcon from './search.svg';\nimport CloseIcon from './close.svg';\n\nexport type TContentType = 'all' \| 'document' \| 'template' \| 'organization';\n\nexport interface ISearchEvent {\n query: string;\n type: TContentType;\n}\n\n/\n Displays a customizable input box for search queries.\n \n Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth\n * embed. This Element will reuse the same session produced by logging in via that Embed.\n /\n@Component({\n tag: 'verdocs-search-box',\n styleUrl: 'verdocs-search-box.scss',\n shadow: false,\n})\nexport class VerdocsSearchBox {\n private inputEl: HTMLInputElement;\n\n /\n The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n /\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /\n The placeholder to display in the input field.\n /\n @Prop() placeholder = 'search documents, templates, people...';\n\n /\n If set to a value other than 'all', a removeable filter indicator will be displayed.\n /\n @Prop() type: TContentType = 'all';\n\n /\n The text search string entered by the user.\n /\n @Prop() query = '';\n\n /\n If set, the input field will attempt to \"grab\" focus after being rendered.\n /\n @Prop() grabsFocus = false;\n\n /\n Event fired when the user changes the type.\n /\n @Event({composed: true}) searchClicked: EventEmitter<ISearchEvent>;\n\n /\n Event fired when the user changes the type.\n /\n @Event({composed: true}) typeChanged: EventEmitter<TContentType>;\n\n /\n Event fired when the user changes the query string.\n */\n @Event({composed: true}) queryChanged: EventEmitter<string>;\n\n @Method() async focusField() {\n this.inputEl.focus();\n }\n\n componentDidRender() {\n if (this.grabsFocus) {\n this.inputEl.focus();\n }\n }\n\n handleSearch(e) {\n this.searchClicked.emit({type: this.type, query: this.query});\n e.preventDefault();\n return false;\n }\n\n handleChange(e) {\n this.queryChanged.emit(e.target.value);\n }\n\n handleClearFilter() {\n this.typeChanged.emit('all');\n }\n\n handleKeyUp(e) {\n if (e.key === 'Enter') {\n this.searchClicked.emit({type: this.type, query: this.query});\n }\n }\n\n render() {\n return (\n <form onSubmit={e => this.handleSearch(e)}>\n {this.type !== undefined && this.type !== 'all' && (\n <span class=\"type\">\n {this.type}s <button class=\"remove\" innerHTML={CloseIcon} onClick={() => this.handleClearFilter()} />\n </span>\n )}\n <input\n type=\"text\"\n value={this.query}\n placeholder={this.placeholder}\n onInput={e => this.handleChange(e)}\n onKeyUp={e => this.handleKeyUp(e)}\n ref={el => (this.inputEl = el)}\n />\n <button onClick={e => this.handleSearch(e)} class=\"search\">\n <span innerHTML={SearchIcon} />\n Search\n </button>\n </form>\n );\n }\n}\n"],"version":3}

package/dist/cjs/verdocs-search.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1329d89c.js');
 require('./Types-da57ce69.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-8c408e5b.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-a9bf9d59.js');
+require('./Token-576f0e8a.js');
 const verdocsSearchCss = "verdocs-search{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:-ms-flexbox;display:flex;background-color:#1e2031}verdocs-search search-box{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:20px 10px}verdocs-search .boxes{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:20px 0}verdocs-search search-recent,verdocs-search search-saved,verdocs-search search-quick-functions,verdocs-search search-starred{display:-ms-flexbox;display:flex;margin:0 20px 20px 0}";

package/dist/cjs/verdocs-search.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"verdocs-search.entry.cjs.js","mappings":"~~;;;;;;;;~~AAAA,MAAM,gBAAgB,GAAG,0mBAA0mB;;MCQtnB,aAAa;;;oBAIYA,+BAAe,CAAC,UAAU,EAAE;;EAEhE,MAAM;IACJ,QACEC,iBAAK,KAAK,EAAC,WAAW,IACpBA,gCAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EAE/CA,iBAAK,KAAK,EAAC,OAAO,IAChBA,qCAAyB,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EAClEA,qCAAyB,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EACjEA,qCAAyB,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EACnEA,qCAAyB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAChD,CACF,EACN;GACH;;;;;;","names":["VerdocsEndpoint","h"],"sources":["./src/components/embeds/verdocs-search/verdocs-search.scss?tag=verdocs-search","./src/components/embeds/verdocs-search/verdocs-search.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-search {\n font-family: $verdocs-primary-font;\n display: flex;\n background-color: $dark-bg;\n\n search-box {\n display: flex;\n flex-direction: column;\n margin: 20px 10px;\n }\n\n .boxes {\n flex-wrap: wrap;\n display: flex;\n flex-direction: row;\n margin: 20px 0;\n }\n\n search-recent,\n search-saved,\n search-quick-functions,\n search-starred {\n display: flex;\n margin: 0 20px 20px 0;\n }\n}\n","import {Component, h, Prop} from '@stencil/core';\nimport {VerdocsEndpoint} from '@verdocs/js-sdk';\n\n@Component({\n tag: 'verdocs-search',\n styleUrl: 'verdocs-search.scss',\n shadow: false,\n})\nexport class VerdocsSearch {\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 render() {\n return (\n <div class=\"container\">\n <verdocs-search-box endpoint={this.endpoint} />\n\n <div class=\"boxes\">\n <verdocs-search-activity type=\"recent\" endpoint={this.endpoint} />\n <verdocs-search-activity type=\"saved\" endpoint={this.endpoint} />\n <verdocs-search-activity type=\"starred\" endpoint={this.endpoint} />\n <verdocs-quick-functions endpoint={this.endpoint} />\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"verdocs-search.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,gBAAgB,GAAG,0mBAA0mB;;MCQtnB,aAAa;;;oBAIYA,+BAAe,CAAC,UAAU,EAAE;;EAEhE,MAAM;IACJ,QACEC,iBAAK,KAAK,EAAC,WAAW,IACpBA,gCAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EAE/CA,iBAAK,KAAK,EAAC,OAAO,IAChBA,qCAAyB,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EAClEA,qCAAyB,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EACjEA,qCAAyB,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EACnEA,qCAAyB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAChD,CACF,EACN;GACH;;;;;;","names":["VerdocsEndpoint","h"],"sources":["./src/components/embeds/verdocs-search/verdocs-search.scss?tag=verdocs-search","./src/components/embeds/verdocs-search/verdocs-search.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-search {\n font-family: $verdocs-primary-font;\n display: flex;\n background-color: $dark-bg;\n\n search-box {\n display: flex;\n flex-direction: column;\n margin: 20px 10px;\n }\n\n .boxes {\n flex-wrap: wrap;\n display: flex;\n flex-direction: row;\n margin: 20px 0;\n }\n\n search-recent,\n search-saved,\n search-quick-functions,\n search-starred {\n display: flex;\n margin: 0 20px 20px 0;\n }\n}\n","import {Component, h, Prop} from '@stencil/core';\nimport {VerdocsEndpoint} from '@verdocs/js-sdk';\n\n@Component({\n tag: 'verdocs-search',\n styleUrl: 'verdocs-search.scss',\n shadow: false,\n})\nexport class VerdocsSearch {\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 render() {\n return (\n <div class=\"container\">\n <verdocs-search-box endpoint={this.endpoint} />\n\n <div class=\"boxes\">\n <verdocs-search-activity type=\"recent\" endpoint={this.endpoint} />\n <verdocs-search-activity type=\"saved\" endpoint={this.endpoint} />\n <verdocs-search-activity type=\"starred\" endpoint={this.endpoint} />\n <verdocs-quick-functions endpoint={this.endpoint} />\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/verdocs-send.cjs.entry.js CHANGED Viewed

@@ -7,8 +7,9 @@ const Templates = require('./Templates-8ef16e3d.js');
 require('./Types-da57ce69.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Colors = require('./Colors-e809dcc9.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-8c408e5b.js');
-const utils = require('./utils-eb1aab04.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-a9bf9d59.js');
+const utils = require('./utils-fae54b93.js');
+require('./Token-576f0e8a.js');
 const verdocsSendCss = "verdocs-send{display:-ms-flexbox;display:flex;padding:10px;position:relative;background:#ffffff;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-send .recipients{position:relative}verdocs-send .left-line{top:32px;left:20px;z-index:1;width:12px;bottom:30px;position:absolute;background:#ffffff;border-left:3px dotted #9b9b9b}verdocs-send .level{display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;margin-left:50px;position:relative;-ms-flex-direction:row;flex-direction:row;padding:8px 0 4px 0;border-bottom:1px solid #97979744}verdocs-send .level .level-icon{top:14px;z-index:2;left:-40px;width:24px;height:24px;position:absolute;background:#ffffff}verdocs-send .level .level-icon svg{fill:#00000089}verdocs-send .level .recipient{height:30px;display:-ms-flexbox;display:flex;-ms-flex:0 0 30px;flex:0 0 30px;color:#000000;cursor:pointer;font-size:14px;-ms-flex-align:center;align-items:center;border-radius:30px;-ms-flex-direction:row;flex-direction:row;background:#dddddd;white-space:nowrap;padding:2px 10px 2px 14px}verdocs-send .level .recipient .icon{width:22px;height:22px;-ms-flex:0 0 22px;flex:0 0 22px;margin:0 0 0 10px}verdocs-send .level .recipient .icon svg{width:22px;height:22px;fill:#333333;outline:none}verdocs-send .level .complete{-ms-flex:1;flex:1;height:30px;display:-ms-flexbox;display:flex;color:#000000;font-size:14px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:3px 10px 3px 2px}verdocs-send .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-direction:row;flex-direction:row}verdocs-send verdocs-contact-picker{left:0;top:41px;z-index:10;position:absolute;border:1px solid #dddddd;-webkit-box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1);box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1)}";

package/dist/cjs/verdocs-send.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"verdocs-send.entry.cjs.js","mappings":"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","names":["VerdocsEndpoint","getTemplate","h","isValidEmail","isValidPhone","Host","getRGBA","getRoleIndex"],"sources":["./src/components/embeds/verdocs-send/verdocs-send.scss?tag=verdocs-send","./src/components/embeds/verdocs-send/verdocs-send.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-send {\n display: flex;\n padding: 10px;\n position: relative;\n background: #ffffff;\n flex-direction: column;\n font-family: $verdocs-primary-font;\n\n .recipients {\n position: relative;\n }\n\n // To avoid the need to compute things like heights, this layer is simply displayed \"on top\" of all the level rows. Its\n // background obscures the horizontal lines.\n .left-line {\n top: 32px;\n left: 20px;\n z-index: 1;\n width: 12px;\n bottom: 30px;\n position: absolute;\n background: #ffffff;\n border-left: 3px dotted #9b9b9b;\n }\n\n .level {\n display: flex;\n column-gap: 10px;\n margin-left: 50px;\n position: relative;\n flex-direction: row;\n padding: 8px 0 4px 0;\n border-bottom: 1px solid #97979744;\n\n .level-icon {\n top: 14px;\n z-index: 2;\n left: -40px;\n width: 24px;\n height: 24px;\n position: absolute;\n background: #ffffff;\n\n svg {\n fill: #00000089;\n }\n }\n\n .recipient {\n height: 30px;\n display: flex;\n flex: 0 0 30px;\n color: #000000;\n cursor: pointer;\n font-size: 14px;\n align-items: center;\n border-radius: 30px;\n flex-direction: row;\n background: #dddddd;\n white-space: nowrap;\n padding: 2px 10px 2px 14px;\n\n .icon {\n width: 22px;\n height: 22px;\n flex: 0 0 22px;\n margin: 0 0 0 10px;\n\n svg {\n width: 22px;\n height: 22px;\n fill: #333333;\n outline: none;\n }\n }\n }\n\n .complete {\n flex: 1;\n height: 30px;\n display: flex;\n color: #000000;\n font-size: 14px;\n align-items: center;\n flex-direction: row;\n padding: 3px 10px 3px 2px;\n }\n }\n\n .buttons {\n display: flex;\n margin-top: 10px;\n column-gap: 15px;\n flex-direction: row;\n }\n\n verdocs-contact-picker {\n left: 0;\n top: 41px;\n z-index: 10;\n position: absolute;\n border: 1px solid #dddddd;\n box-shadow: 0 0 6px 3px rgb(0 0 0 / 10%);\n }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {getTemplate} from '@verdocs/js-sdk/Templates/Templates';\nimport {IRole, ITemplate} from '@verdocs/js-sdk/Templates/Types';\nimport {isValidEmail, isValidPhone} from '@verdocs/js-sdk/Templates/Validators';\nimport {Component, Prop, State, h, Event, EventEmitter, Host} from '@stencil/core';\nimport {getRoleIndex} from '../../../utils/utils';\nimport {SDKError} from '../../../utils/errors';\n\n// TODO: Evaluating this pattern for simple icons vs. importing external SVG files. Try to standardize on an approach soon.\nconst editIcon =\n '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" tabindex=\"-1\"><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.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"></path></svg>';\n\nconst startIcon =\n '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" tabindex=\"-1\"><path d=\"M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10S2 17.52 2 12zm10 6c3.31 0 6-2.69 6-6s-2.69-6-6-6-6 2.69-6 6 2.69 6 6 6z\"></path></svg>';\n\nconst stepIcon =\n '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" tabindex=\"-1\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"></path></svg>';\n\nconst doneIcon =\n '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" tabindex=\"-1\"><path d=\"m18 7-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.41 6 19l1.41-1.41L1.83 12 .41 13.41z\"></path></svg>';\n\ntype TAnnotatedRole = IRole & {id: string};\n\n/*\n Display a form to collect recipient information for a new Document. If used anonymously, the specified `templateId` must be public.\n * If the user is authenticated\n /\n@Component({\n tag: 'verdocs-send',\n styleUrl: 'verdocs-send.scss',\n shadow: false,\n})\nexport class VerdocsSend {\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 ID of the template to create the document from.\n /\n @Prop() templateId: string \| null = null;\n\n /\n The user completed the form and clicked send.\n /\n @Event({composed: true}) send: EventEmitter<{recipientsAssigned: IRole[]}>;\n\n /\n The user canceled the process.\n /\n @Event({composed: true}) cancel: EventEmitter;\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() template: ITemplate \| null = null;\n\n @State() pdfUrl = null;\n\n @State() containerId = `verdocs-send-${Math.random().toString(36).substring(2, 11)}`;\n\n @State() rolesAtLevel: Record<number, TAnnotatedRole[]> = {};\n\n @State() showPickerForId = '';\n\n @State() sessionContacts = [];\n\n @State() recipientsAssigned: Record<string, TAnnotatedRole> = {};\n\n levels: number[] = [];\n\n async componentWillLoad() {\n this.sessionContacts = [];\n try {\n const result = await this.endpoint.loadSession();\n\n if (result.session?.profile) {\n this.sessionContacts.push({\n id: result.session.profile.id,\n name: `${result.session.profile.first_name} ${result.session.profile.last_name}`,\n email: result.session.profile.email,\n phone: result.session.profile.phone,\n });\n }\n } catch (e) {\n console.log('Error loading session', e);\n }\n }\n\n async componentDidLoad() {\n console.log('[SEND] Showing template', this.templateId);\n\n try {\n console.log(`[SEND] Loading template ${this.templateId}`);\n const template = await getTemplate(this.endpoint, this.templateId);\n\n console.log('[SEND] Got template', template);\n this.template = template;\n\n if (template?.roles) {\n const rolesAtLevel: Record<number, TAnnotatedRole[]> = {};\n\n template.roles.forEach(role => {\n const level = role.sequence - 1;\n rolesAtLevel[level] \|\|= [];\n const id = `r-${level}-${rolesAtLevel[level].length}`;\n rolesAtLevel[level].push({...role, id});\n });\n\n this.rolesAtLevel = rolesAtLevel;\n this.levels = Object.keys(rolesAtLevel).map(levelStr => +levelStr);\n this.levels.sort((a, b) => a - b);\n }\n } catch (e) {\n console.log('[SEND] Error getting template', e);\n }\n }\n\n getLevelIcon(level: number) {\n if (level < 0) {\n return <div class=\"level-icon\" innerHTML={startIcon} />;\n } else if (level >= this.levels.length) {\n return <div class=\"level-icon\" innerHTML={doneIcon} />;\n } else {\n return <div class=\"level-icon\" innerHTML={stepIcon} />;\n }\n }\n\n handleSelectContact(e: any, role: TAnnotatedRole) {\n e.preventDefault();\n e.detail; // IContactSelectEvent\n this.recipientsAssigned[role.id] = {...role, ...e.detail};\n this.showPickerForId = '';\n }\n\n handleClickRole(e: any, role: TAnnotatedRole) {\n e.stopPropagation();\n this.showPickerForId = role.id;\n }\n\n handleSend(e) {\n e.stopPropagation();\n this.send?.emit({recipientsAssigned: Object.values(this.recipientsAssigned)});\n }\n\n handleCancel(e) {\n e.stopPropagation();\n this.cancel?.emit();\n }\n\n render() {\n const roleNames = this.template?.roles?.map(role => role.name) \|\| [];\n const allRecipientsAssigned =\n Object.values(this.recipientsAssigned).filter(recipient => {\n console.log('valid email', isValidEmail(recipient.email), recipient.email);\n console.log('valid phone', isValidPhone(recipient.phone), recipient.phone);\n return isValidEmail(recipient.email) \|\| isValidPhone(recipient.phone);\n }).length >= this.template?.roles.length;\n console.log('assigned', allRecipientsAssigned);\n\n return (\n <Host class={{}}>\n <div class=\"recipients\">\n <div class=\"left-line\" />\n <div class={`level level-start`}>\n {this.getLevelIcon(-1)}\n <div class=\"complete\">Send Document</div>\n </div>\n\n {this.levels.map(level => (\n <div class={`level level-${level}`}>\n {this.getLevelIcon(level)}\n\n {this.rolesAtLevel[level].map(role => (\n <div class=\"recipient\" style={{backgroundColor: getRGBA(getRoleIndex(roleNames, role.name))}} onClick={e => this.handleClickRole(e, role)}>\n {this.recipientsAssigned[role.id]?.full_name ?? role.name}\n <div class=\"icon\" innerHTML={editIcon} />\n {this.showPickerForId === role.id && (\n <verdocs-contact-picker\n onCancel={() => (this.showPickerForId = '')}\n onNext={e => this.handleSelectContact(e, role)}\n contactSuggestions={this.sessionContacts}\n templateRole={this.recipientsAssigned[role.id] ?? role}\n onSearchContacts={e => console.log('Search', e.detail)}\n />\n )}\n </div>\n ))}\n </div>\n ))}\n\n <div class={`level level-done`}>\n {this.getLevelIcon(this.levels.length)}\n <div class=\"complete\">Document Complete</div>\n </div>\n </div>\n\n <div class=\"buttons\">\n <verdocs-button label=\"Cancel\" size=\"small\" variant=\"outline\" onClick={e => this.handleCancel(e)} />\n <verdocs-button label=\"Send\" size=\"small\" disabled={!allRecipientsAssigned} onClick={e => this.handleSend(e)} />\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"verdocs-send.entry.cjs.js","mappings":"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","names":["VerdocsEndpoint","getTemplate","h","isValidEmail","isValidPhone","Host","getRGBA","getRoleIndex"],"sources":["./src/components/embeds/verdocs-send/verdocs-send.scss?tag=verdocs-send","./src/components/embeds/verdocs-send/verdocs-send.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-send {\n display: flex;\n padding: 10px;\n position: relative;\n background: #ffffff;\n flex-direction: column;\n font-family: $verdocs-primary-font;\n\n .recipients {\n position: relative;\n }\n\n // To avoid the need to compute things like heights, this layer is simply displayed \"on top\" of all the level rows. Its\n // background obscures the horizontal lines.\n .left-line {\n top: 32px;\n left: 20px;\n z-index: 1;\n width: 12px;\n bottom: 30px;\n position: absolute;\n background: #ffffff;\n border-left: 3px dotted #9b9b9b;\n }\n\n .level {\n display: flex;\n column-gap: 10px;\n margin-left: 50px;\n position: relative;\n flex-direction: row;\n padding: 8px 0 4px 0;\n border-bottom: 1px solid #97979744;\n\n .level-icon {\n top: 14px;\n z-index: 2;\n left: -40px;\n width: 24px;\n height: 24px;\n position: absolute;\n background: #ffffff;\n\n svg {\n fill: #00000089;\n }\n }\n\n .recipient {\n height: 30px;\n display: flex;\n flex: 0 0 30px;\n color: #000000;\n cursor: pointer;\n font-size: 14px;\n align-items: center;\n border-radius: 30px;\n flex-direction: row;\n background: #dddddd;\n white-space: nowrap;\n padding: 2px 10px 2px 14px;\n\n .icon {\n width: 22px;\n height: 22px;\n flex: 0 0 22px;\n margin: 0 0 0 10px;\n\n svg {\n width: 22px;\n height: 22px;\n fill: #333333;\n outline: none;\n }\n }\n }\n\n .complete {\n flex: 1;\n height: 30px;\n display: flex;\n color: #000000;\n font-size: 14px;\n align-items: center;\n flex-direction: row;\n padding: 3px 10px 3px 2px;\n }\n }\n\n .buttons {\n display: flex;\n margin-top: 10px;\n column-gap: 15px;\n flex-direction: row;\n }\n\n verdocs-contact-picker {\n left: 0;\n top: 41px;\n z-index: 10;\n position: absolute;\n border: 1px solid #dddddd;\n box-shadow: 0 0 6px 3px rgb(0 0 0 / 10%);\n }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {getTemplate} from '@verdocs/js-sdk/Templates/Templates';\nimport {IRole, ITemplate} from '@verdocs/js-sdk/Templates/Types';\nimport {isValidEmail, isValidPhone} from '@verdocs/js-sdk/Templates/Validators';\nimport {Component, Prop, State, h, Event, EventEmitter, Host} from '@stencil/core';\nimport {getRoleIndex} from '../../../utils/utils';\nimport {SDKError} from '../../../utils/errors';\n\n// TODO: Evaluating this pattern for simple icons vs. importing external SVG files. Try to standardize on an approach soon.\nconst editIcon =\n '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" tabindex=\"-1\"><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.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"></path></svg>';\n\nconst startIcon =\n '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" tabindex=\"-1\"><path d=\"M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10S2 17.52 2 12zm10 6c3.31 0 6-2.69 6-6s-2.69-6-6-6-6 2.69-6 6 2.69 6 6 6z\"></path></svg>';\n\nconst stepIcon =\n '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" tabindex=\"-1\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"></path></svg>';\n\nconst doneIcon =\n '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" tabindex=\"-1\"><path d=\"m18 7-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.41 6 19l1.41-1.41L1.83 12 .41 13.41z\"></path></svg>';\n\ntype TAnnotatedRole = IRole & {id: string};\n\n/*\n Display a form to collect recipient information for a new Document. If used anonymously, the specified `templateId` must be public.\n * If the user is authenticated\n /\n@Component({\n tag: 'verdocs-send',\n styleUrl: 'verdocs-send.scss',\n shadow: false,\n})\nexport class VerdocsSend {\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 ID of the template to create the document from.\n /\n @Prop() templateId: string \| null = null;\n\n /\n The user completed the form and clicked send.\n /\n @Event({composed: true}) send: EventEmitter<{recipientsAssigned: IRole[]}>;\n\n /\n The user canceled the process.\n /\n @Event({composed: true}) cancel: EventEmitter;\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() template: ITemplate \| null = null;\n\n @State() pdfUrl = null;\n\n @State() containerId = `verdocs-send-${Math.random().toString(36).substring(2, 11)}`;\n\n @State() rolesAtLevel: Record<number, TAnnotatedRole[]> = {};\n\n @State() showPickerForId = '';\n\n @State() sessionContacts = [];\n\n @State() recipientsAssigned: Record<string, TAnnotatedRole> = {};\n\n levels: number[] = [];\n\n async componentWillLoad() {\n this.sessionContacts = [];\n try {\n const result = await this.endpoint.loadSession();\n\n if (result.session?.profile) {\n this.sessionContacts.push({\n id: result.session.profile.id,\n name: `${result.session.profile.first_name} ${result.session.profile.last_name}`,\n email: result.session.profile.email,\n phone: result.session.profile.phone,\n });\n }\n } catch (e) {\n console.log('Error loading session', e);\n }\n }\n\n async componentDidLoad() {\n console.log('[SEND] Showing template', this.templateId);\n\n try {\n console.log(`[SEND] Loading template ${this.templateId}`);\n const template = await getTemplate(this.endpoint, this.templateId);\n\n console.log('[SEND] Got template', template);\n this.template = template;\n\n if (template?.roles) {\n const rolesAtLevel: Record<number, TAnnotatedRole[]> = {};\n\n template.roles.forEach(role => {\n const level = role.sequence - 1;\n rolesAtLevel[level] \|\|= [];\n const id = `r-${level}-${rolesAtLevel[level].length}`;\n rolesAtLevel[level].push({...role, id});\n });\n\n this.rolesAtLevel = rolesAtLevel;\n this.levels = Object.keys(rolesAtLevel).map(levelStr => +levelStr);\n this.levels.sort((a, b) => a - b);\n }\n } catch (e) {\n console.log('[SEND] Error getting template', e);\n }\n }\n\n getLevelIcon(level: number) {\n if (level < 0) {\n return <div class=\"level-icon\" innerHTML={startIcon} />;\n } else if (level >= this.levels.length) {\n return <div class=\"level-icon\" innerHTML={doneIcon} />;\n } else {\n return <div class=\"level-icon\" innerHTML={stepIcon} />;\n }\n }\n\n handleSelectContact(e: any, role: TAnnotatedRole) {\n e.preventDefault();\n e.detail; // IContactSelectEvent\n this.recipientsAssigned[role.id] = {...role, ...e.detail};\n this.showPickerForId = '';\n }\n\n handleClickRole(e: any, role: TAnnotatedRole) {\n e.stopPropagation();\n this.showPickerForId = role.id;\n }\n\n handleSend(e) {\n e.stopPropagation();\n this.send?.emit({recipientsAssigned: Object.values(this.recipientsAssigned)});\n }\n\n handleCancel(e) {\n e.stopPropagation();\n this.cancel?.emit();\n }\n\n render() {\n const roleNames = this.template?.roles?.map(role => role.name) \|\| [];\n const allRecipientsAssigned =\n Object.values(this.recipientsAssigned).filter(recipient => {\n console.log('valid email', isValidEmail(recipient.email), recipient.email);\n console.log('valid phone', isValidPhone(recipient.phone), recipient.phone);\n return isValidEmail(recipient.email) \|\| isValidPhone(recipient.phone);\n }).length >= this.template?.roles.length;\n console.log('assigned', allRecipientsAssigned);\n\n return (\n <Host class={{}}>\n <div class=\"recipients\">\n <div class=\"left-line\" />\n <div class={`level level-start`}>\n {this.getLevelIcon(-1)}\n <div class=\"complete\">Send Document</div>\n </div>\n\n {this.levels.map(level => (\n <div class={`level level-${level}`}>\n {this.getLevelIcon(level)}\n\n {this.rolesAtLevel[level].map(role => (\n <div class=\"recipient\" style={{backgroundColor: getRGBA(getRoleIndex(roleNames, role.name))}} onClick={e => this.handleClickRole(e, role)}>\n {this.recipientsAssigned[role.id]?.full_name ?? role.name}\n <div class=\"icon\" innerHTML={editIcon} />\n {this.showPickerForId === role.id && (\n <verdocs-contact-picker\n onCancel={() => (this.showPickerForId = '')}\n onNext={e => this.handleSelectContact(e, role)}\n contactSuggestions={this.sessionContacts}\n templateRole={this.recipientsAssigned[role.id] ?? role}\n onSearchContacts={e => console.log('Search', e.detail)}\n />\n )}\n </div>\n ))}\n </div>\n ))}\n\n <div class={`level level-done`}>\n {this.getLevelIcon(this.levels.length)}\n <div class=\"complete\">Document Complete</div>\n </div>\n </div>\n\n <div class=\"buttons\">\n <verdocs-button label=\"Cancel\" size=\"small\" variant=\"outline\" onClick={e => this.handleCancel(e)} />\n <verdocs-button label=\"Send\" size=\"small\" disabled={!allRecipientsAssigned} onClick={e => this.handleSend(e)} />\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/verdocs-sign.cjs.entry.js CHANGED Viewed

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1329d89c.js');
-const Envelopes = require('./Envelopes-eb5c1ea9.js');
+const utils = require('./utils-fae54b93.js');
 require('./Types-da57ce69.js');
 const Validators = require('./Validators-16e6d7d1.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-8c408e5b.js');
-const utils = require('./utils-eb1aab04.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-a9bf9d59.js');
+const Envelopes = require('./Envelopes-647724d8.js');
 const errors = require('./errors-0396da3d.js');
+require('./Token-576f0e8a.js');
 require('./index-eb130f52.js');
 var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -104,7 +105,7 @@ var createInitials = function (endpoint, name, initials) {
         .then(function (r) { return r.data; });
 };
-const verdocsSignCss = "verdocs-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-sign div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign .header{-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.25s;transition:all 0.25s;-ms-flex-pack:center;justify-content:center;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}verdocs-sign .header .inner{width:100%;max-width:1028px}verdocs-sign .intro{width:100%;height:60px;display:-ms-flexbox;display:flex;background:#ffffff;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .intro .inner{width:100%;color:#111111;padding:0 14px;font-size:20px;font-weight:500;line-height:28px;max-width:1024px}verdocs-sign .toolbar{width:100%;margin:0 auto;padding:0 14px;position:relative}verdocs-sign .tools{width:100%;color:#fff;height:56px;display:-ms-flexbox;display:flex;font-size:12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;background-color:#33354c}verdocs-sign .tools .logo{width:77.5px;margin:-6px 0 0 5px}verdocs-sign .tools .title{padding-left:16px;font-size:18px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;z-index:999;position:absolute;background:rgba(0, 0, 0, 0.5)}verdocs-sign .document{-ms-flex:1;flex:1;height:100%;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}verdocs-sign .document .inner{width:100%;max-width:1028px}verdocs-sign .agree{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0 15px}verdocs-sign .agree .intro{display:none}verdocs-sign .agree .header{-ms-flex:0 0 56px;flex:0 0 56px}@media print{verdocs-sign .header{display:none}}";
+const verdocsSignCss = "verdocs-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-sign div{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign input{vertical-align:top}verdocs-sign .header{-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.25s;transition:all 0.25s;-ms-flex-pack:center;justify-content:center;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}verdocs-sign .header .inner{width:100%;max-width:1028px}verdocs-sign .intro{width:100%;height:60px;display:-ms-flexbox;display:flex;background:#ffffff;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .intro .inner{width:100%;color:#111111;padding:0 14px;font-size:20px;font-weight:500;line-height:28px;max-width:1024px}verdocs-sign .toolbar{width:100%;margin:0 auto;padding:0 14px;position:relative}verdocs-sign .tools{width:100%;color:#fff;height:56px;display:-ms-flexbox;display:flex;font-size:12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;background-color:#33354c}verdocs-sign .tools .logo{width:77.5px;margin:-6px 0 0 5px}verdocs-sign .tools .title{padding-left:16px;font-size:18px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;z-index:999;position:absolute;background:rgba(0, 0, 0, 0.5)}verdocs-sign .document{-ms-flex:1;flex:1;height:100%;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}verdocs-sign .document .inner{width:100%;max-width:1028px}verdocs-sign .agree{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0 15px}verdocs-sign .agree .intro{display:none}verdocs-sign .agree .header{-ms-flex:0 0 56px;flex:0 0 56px}@media print{verdocs-sign .header{display:none}}";
 const PrintIcon = `<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"></path></svg>`;
 const DownloadIcon = `<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M5 20h14v-2H5v2zM19 9h-4V3H9v6H5l7 7 7-7z"></path></svg>`;
@@ -151,7 +152,7 @@ const VerdocsSign = class {
     }
     try {
       console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);
-      const { session, recipient, signerToken } = await Envelopes.getSigningSession(this.endpoint, {
+      const { session, recipient, signerToken } = await utils.getSigningSession(this.endpoint, {
         envelopeId: this.envelopeId,
         roleId: this.roleId,
         inviteCode: this.inviteCode,
@@ -198,25 +199,6 @@ const VerdocsSign = class {
       (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new errors.SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
     });
   }
-  async savePDF() {
-    const fileName = `${Envelopes.state.envelope.name} - ${Envelopes.state.envelope.updated_at.split('T')[0]}.pdf`;
-    const data = await Envelopes.getEnvelopeFile(this.endpoint, this.envelopeId, Envelopes.state.envelope.envelope_document_id);
-    // This is better in React than doing window.href= or similar to trigger a download. For a description of the technique
-    // see https://stackoverflow.com/questions/8126623/downloading-canvas-element-to-an-image
-    let xhr = new XMLHttpRequest();
-    xhr.responseType = 'blob';
-    xhr.onload = function () {
-      let a = document.createElement('a');
-      a.href = window.URL.createObjectURL(xhr.response);
-      a.download = fileName;
-      a.style.display = 'none';
-      document.body.appendChild(a);
-      a.click();
-      a.remove();
-    };
-    xhr.open('GET', `data:application/pdf;base64,${data}`);
-    xhr.send();
-  }
   async handleOptionSelected(e) {
     switch (e.detail.id) {
       case 'later':
@@ -240,12 +222,12 @@ const VerdocsSign = class {
         window.print();
         break;
       case 'download':
-        this.savePDF().catch(() => { });
+        utils.savePDF(this.endpoint, Envelopes.state.envelope, Envelopes.state.envelope.envelope_document_id).catch(() => { });
         break;
     }
   }
   saveFieldChange(fieldName, fields) {
-    Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, fieldName, fields) //
+    utils.updateEnvelopeField(this.endpoint, this.envelopeId, fieldName, fields) //
       .catch(e => {
       var _a, _b, _c, _d, _e, _f;
       if (((_a = e.response) === null || _a === void 0 ? void 0 : _a.status) === 401 && ((_c = (_b = e.response) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.error) === 'jwt expired') {
@@ -280,14 +262,14 @@ const VerdocsSign = class {
         return createInitials(this.endpoint, 'initial', initialsBlob) //
           .then(newInitials => {
           console.log('New initials', field.name, newInitials);
-          Envelopes.updateEnvelopeFieldInitials(this.endpoint, this.envelopeId, field.name, newInitials.id);
+          utils.updateEnvelopeFieldInitials(this.endpoint, this.envelopeId, field.name, newInitials.id);
         });
       case 'signature':
         const signatureBlob = await (await fetch(e.detail)).blob();
         return createSignature(this.endpoint, 'signature', signatureBlob) //
           .then(newSignature => {
           console.log('New sign', field.name, newSignature);
-          Envelopes.updateEnvelopeFieldSignature(this.endpoint, this.envelopeId, field.name, newSignature.id);
+          utils.updateEnvelopeFieldSignature(this.endpoint, this.envelopeId, field.name, newSignature.id);
         });
       case 'date':
         const iso = e.target.getAttribute('iso');
@@ -419,6 +401,7 @@ const VerdocsSign = class {
     console.log('[SIGN] Page rendered, adding fields', { pageInfo, roleIndex, recipientFields });
     recipientFields.forEach(field => {
       const el = utils.renderDocumentField(field, pageInfo, roleIndex, { disabled: false, editable: false, draggable: false, done: this.isDone });
+      console.log('rendered', el);
       if (!el) {
         return;
       }
@@ -484,7 +467,7 @@ const VerdocsSign = class {
       { id: 'print', label: 'Print Without Signing', disabled: true },
       { id: 'download', label: 'Download' },
     ];
-    return (index.h(index.Host, { class: { agreed: (_a = this.recipient) === null || _a === void 0 ? void 0 : _a.agreed } }, !this.isDone && !this.finishLater && (index.h("div", { class: "intro" }, index.h("div", { class: "inner" }, "Please review and act on these documents."))), index.h("div", { class: "header" }, index.h("div", { class: "inner" }, index.h("div", { class: "toolbar" }, index.h("div", { class: "tools" }, !this.isDone && !this.finishLater && index.h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => this.handleOptionSelected(e) }), !((_b = this.recipient) === null || _b === void 0 ? void 0 : _b.agreed) ? (index.h("div", { class: "agree" }, index.h("verdocs-checkbox", { name: "agree", label: "I agree to use electronic records and signatures.", onInput: () => this.handleClickAgree() }))) : (index.h(index.Fragment, null, index.h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), index.h("div", { class: "title" }, Envelopes.state.envelope.name), index.h("div", { style: { flex: '1' } }), index.h("div", { innerHTML: PrintIcon, style: { width: '24px', height: '24px', fill: '#ffffff', cursor: 'pointer' }, onClick: () => window.print() }), index.h("div", { innerHTML: DownloadIcon, style: { width: '24px', height: '24px', fill: '#ffffff', cursor: 'pointer', marginLeft: '16px', maginRight: '30px' }, onClick: () => this.savePDF() }))), !this.isDone && !this.finishLater && (index.h("verdocs-button", { size: "small", label: this.nextButtonLabel, disabled: !((_c = this.recipient) === null || _c === void 0 ? void 0 : _c.agreed), onClick: () => this.handleNext() })))))), !this.isDone && !((_d = this.recipient) === null || _d === void 0 ? void 0 : _d.agreed) ? index.h("div", { class: "cover" }) : index.h("div", { style: { display: 'none' } }), index.h("div", { class: "document" }, (Envelopes.state.envelope.documents || []).map(envelopeDocument => {
+    return (index.h(index.Host, { class: { agreed: (_a = this.recipient) === null || _a === void 0 ? void 0 : _a.agreed } }, !this.isDone && !this.finishLater && (index.h("div", { class: "intro" }, index.h("div", { class: "inner" }, "Please review and act on these documents."))), index.h("div", { class: "header" }, index.h("div", { class: "inner" }, index.h("div", { class: "toolbar" }, index.h("div", { class: "tools" }, !this.isDone && !this.finishLater && index.h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => this.handleOptionSelected(e) }), !((_b = this.recipient) === null || _b === void 0 ? void 0 : _b.agreed) ? (index.h("div", { class: "agree" }, index.h("verdocs-checkbox", { name: "agree", label: "I agree to use electronic records and signatures.", onInput: () => this.handleClickAgree() }))) : (index.h(index.Fragment, null, index.h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), index.h("div", { class: "title" }, Envelopes.state.envelope.name), index.h("div", { style: { flex: '1' } }), index.h("div", { innerHTML: PrintIcon, style: { width: '24px', height: '24px', fill: '#ffffff', cursor: 'pointer' }, onClick: () => window.print() }), index.h("div", { innerHTML: DownloadIcon, style: { width: '24px', height: '24px', fill: '#ffffff', cursor: 'pointer', marginLeft: '16px', maginRight: '30px' }, onClick: () => utils.savePDF(this.endpoint, Envelopes.state.envelope, Envelopes.state.envelope.envelope_document_id).catch(() => { }) }))), !this.isDone && !this.finishLater && (index.h("verdocs-button", { size: "small", label: this.nextButtonLabel, disabled: !((_c = this.recipient) === null || _c === void 0 ? void 0 : _c.agreed), onClick: () => this.handleNext() })))))), !this.isDone && !((_d = this.recipient) === null || _d === void 0 ? void 0 : _d.agreed) ? index.h("div", { class: "cover" }) : index.h("div", { style: { display: 'none' } }), index.h("div", { class: "document" }, (Envelopes.state.envelope.documents || []).map(envelopeDocument => {
       const pages = [...((envelopeDocument === null || envelopeDocument === void 0 ? void 0 : envelopeDocument.pages) || [])];
       pages.sort((a, b) => a.sequence - b.sequence);
       return (index.h(index.Fragment, null, pages.map(page => (index.h("verdocs-document-page", { pageImageUri: page.display_uri, virtualWidth: 612, virtualHeight: 792, pageNumber: page.sequence, onPageRendered: e => this.handlePageRendered(e), layers: [