npm - @verdocs/web-sdk - Versions diffs - 6.2.0-beta.11 → 6.2.0-beta.13 - Mend

@verdocs/web-sdk 6.2.0-beta.11 → 6.2.0-beta.13

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

package/dist/verdocs-web-sdk/{p-Cfg2J5CZ.system.js.map → p-C3FrKBlJ.system.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-~~Cfg2J5CZ~~.system.js","sources":["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":["@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';\n\nconst SearchIcon = `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M23.4809 20.7176L17.9111 15.2536C19.0961 13.6368 19.727 11.6926 19.7128 9.70131C19.7201 7.53345 18.9846 5.42606 17.6244 3.71753C16.2642 2.009 14.3581 0.798456 12.2123 0.280282C10.0665 -0.237892 7.80552 -0.0336342 5.79227 0.86026C3.77902 1.75415 2.13038 3.28582 1.1111 5.20931C0.0918114 7.1328 -0.238985 9.33652 0.171813 11.4666C0.582612 13.5967 1.71117 15.5296 3.37628 16.9548C5.0414 18.3801 7.14646 19.2151 9.35344 19.3257C11.5604 19.4364 13.7413 18.8162 15.5458 17.5649L21.1372 23.05L21.1563 23.0663C21.4841 23.3487 21.9039 23.507 22.3401 23.5128C22.7823 23.5125 23.2063 23.3402 23.5191 23.0337V23.0337C23.6749 22.8812 23.7979 22.6995 23.8804 22.4993C23.963 22.2991 24.0036 22.0847 23.9997 21.8688C23.9959 21.6529 23.9477 21.44 23.858 21.2428C23.7683 21.0456 23.639 20.8682 23.4778 20.7212L23.4809 20.7176ZM14.5167 14.1975C13.4564 15.2349 12.0623 15.8797 10.5719 16.022C9.08145 16.1644 7.58681 15.7955 6.34249 14.9781C5.09816 14.1608 4.18109 12.9456 3.74751 11.5395C3.31393 10.1334 3.39064 8.6233 3.96455 7.26643C4.53846 5.90955 5.57409 4.7898 6.89507 4.09787C8.21606 3.40594 9.74071 3.18461 11.2093 3.4716C12.678 3.75858 13.9998 4.53612 14.9497 5.6718C15.8996 6.80748 16.4188 8.23105 16.4189 9.7001C16.4196 10.5357 16.2519 11.3632 15.9254 12.135C15.599 12.9069 15.1202 13.6078 14.5167 14.1975V14.1975Z\" fill=\"white\"/></svg>`;\n\nconst CloseIcon = `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.0739 11.7565L19.7127 6.23228C20.0875 5.85692 20.0875 5.25309 19.7127 4.87773L19.0213 4.20046C18.6382 3.82511 18.0219 3.82511 17.6387 4.20046L12 9.72472L6.36127 4.20046C5.97814 3.82511 5.36179 3.82511 4.97866 4.20046L4.28735 4.87773C3.90422 5.25309 3.90422 5.85692 4.28735 6.23228L9.92608 11.7565L4.28735 17.2808C3.90422 17.6561 3.90422 18.26 4.28735 18.6353L4.97866 19.3126C5.36179 19.688 5.97814 19.688 6.36127 19.3126L12 13.7883L17.6387 19.3126C18.0219 19.688 18.6382 19.688 19.0213 19.3126L19.7127 18.6353C20.0958 18.26 20.0958 17.6561 19.7127 17.2808L14.0739 11.7565Z\" fill=\"white\"/></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 envelopes, templates, organizations...';\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"],"names":[],"mappings":";;;;;;;;;;;;;MAAA,MAAM,mBAAmB,GAAG,wmEAAwmE;;MCGpoE,MAAM,UAAU,GAAG,CAAA,s5CAAA,CAAw5C;MAE36C,MAAM,SAAS,GAAG,CAAA,6rBAAA,CAA+rB;YAoBpsB,gBAAgB,iCAAA,MAAA;MAL7B,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;MAQE;;MAEG;MACK,QAAA,IAAA,CAAA,QAAQ,GAAoB,eAAe,CAAC,UAAU,EAAE;MAEhE;;MAEG;MACK,QAAA,IAAW,CAAA,WAAA,GAAG,+CAA+C;MAErE;;MAEG;MACK,QAAA,IAAI,CAAA,IAAA,GAAiB,KAAK;MAElC;;MAEG;MACK,QAAA,IAAK,CAAA,KAAA,GAAG,EAAE;MAElB;;MAEG;MACK,QAAA,IAAU,CAAA,UAAA,GAAG,KAAK;MAsE3B;MArDW,IAAA,MAAM,UAAU,GAAA;MACxB,QAAA,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;;UAGtB,kBAAkB,GAAA;MAChB,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,YAAA,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;;;MAIxB,IAAA,YAAY,CAAC,CAAC,EAAA;MACZ,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC,CAAC;cAC7D,CAAC,CAAC,cAAc,EAAE;MAClB,QAAA,OAAO,KAAK;;MAGd,IAAA,YAAY,CAAC,CAAC,EAAA;cACZ,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;UAGxC,iBAAiB,GAAA;MACf,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;MAG9B,IAAA,WAAW,CAAC,CAAC,EAAA;MACX,QAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;MACrB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC,CAAC;;;UAIjE,MAAM,GAAA;cACJ,QACE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAA,EACtC,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,KAC7C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EACf,IAAI,CAAC,IAAI,QAAG,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,EAAE,EAAA,CAAI,CAChG,CACR,EACD,CACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAClC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EACjC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,EAC9B,CAAA,EACF,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAC,QAAQ,EAAA,EACxD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,SAAS,EAAE,UAAU,EAAI,CAAA,EAExB,QAAA,CAAA,CACJ;;;;;;;;;;;"}
1	+ {"version":3,"file":"p-C3FrKBlJ.system.js","sources":["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":["@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';\n\nconst SearchIcon = `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M23.4809 20.7176L17.9111 15.2536C19.0961 13.6368 19.727 11.6926 19.7128 9.70131C19.7201 7.53345 18.9846 5.42606 17.6244 3.71753C16.2642 2.009 14.3581 0.798456 12.2123 0.280282C10.0665 -0.237892 7.80552 -0.0336342 5.79227 0.86026C3.77902 1.75415 2.13038 3.28582 1.1111 5.20931C0.0918114 7.1328 -0.238985 9.33652 0.171813 11.4666C0.582612 13.5967 1.71117 15.5296 3.37628 16.9548C5.0414 18.3801 7.14646 19.2151 9.35344 19.3257C11.5604 19.4364 13.7413 18.8162 15.5458 17.5649L21.1372 23.05L21.1563 23.0663C21.4841 23.3487 21.9039 23.507 22.3401 23.5128C22.7823 23.5125 23.2063 23.3402 23.5191 23.0337V23.0337C23.6749 22.8812 23.7979 22.6995 23.8804 22.4993C23.963 22.2991 24.0036 22.0847 23.9997 21.8688C23.9959 21.6529 23.9477 21.44 23.858 21.2428C23.7683 21.0456 23.639 20.8682 23.4778 20.7212L23.4809 20.7176ZM14.5167 14.1975C13.4564 15.2349 12.0623 15.8797 10.5719 16.022C9.08145 16.1644 7.58681 15.7955 6.34249 14.9781C5.09816 14.1608 4.18109 12.9456 3.74751 11.5395C3.31393 10.1334 3.39064 8.6233 3.96455 7.26643C4.53846 5.90955 5.57409 4.7898 6.89507 4.09787C8.21606 3.40594 9.74071 3.18461 11.2093 3.4716C12.678 3.75858 13.9998 4.53612 14.9497 5.6718C15.8996 6.80748 16.4188 8.23105 16.4189 9.7001C16.4196 10.5357 16.2519 11.3632 15.9254 12.135C15.599 12.9069 15.1202 13.6078 14.5167 14.1975V14.1975Z\" fill=\"white\"/></svg>`;\n\nconst CloseIcon = `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.0739 11.7565L19.7127 6.23228C20.0875 5.85692 20.0875 5.25309 19.7127 4.87773L19.0213 4.20046C18.6382 3.82511 18.0219 3.82511 17.6387 4.20046L12 9.72472L6.36127 4.20046C5.97814 3.82511 5.36179 3.82511 4.97866 4.20046L4.28735 4.87773C3.90422 5.25309 3.90422 5.85692 4.28735 6.23228L9.92608 11.7565L4.28735 17.2808C3.90422 17.6561 3.90422 18.26 4.28735 18.6353L4.97866 19.3126C5.36179 19.688 5.97814 19.688 6.36127 19.3126L12 13.7883L17.6387 19.3126C18.0219 19.688 18.6382 19.688 19.0213 19.3126L19.7127 18.6353C20.0958 18.26 20.0958 17.6561 19.7127 17.2808L14.0739 11.7565Z\" fill=\"white\"/></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 envelopes, templates, organizations...';\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"],"names":[],"mappings":"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"}

package/dist/verdocs-web-sdk/{p-o_Ure2Rd.system.js.map → p-CDc0NxA9.system.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-o_Ure2Rd.system.js","sources":["src/components/controls/verdocs-menu-panel/verdocs-menu-panel.scss?tag=verdocs-menu-panel","src/components/controls/verdocs-menu-panel/verdocs-menu-panel.tsx","src/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.scss?tag=verdocs-template-role-properties","src/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\n#verdocs-menu-panel-overlay {\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 10000;\n position: fixed;\n background-color: #0000007f;\n}\n\n#verdocs-menu-panel {\n opacity: 0;\n z-index: 10001;\n position: fixed;\n overflow-y: scroll;\n background-color: #ffffff;\n font-family: $verdocs-primary-font;\n\n -webkit-animation: showVerdocsMenuPanel 0.35s;\n -webkit-animation-fill-mode: forwards;\n}\n\n// TODO: Parameterize the width\n@-webkit-keyframes showVerdocsMenuPanel {\n 0% {\n opacity: 0;\n right: -300px;\n }\n\n 100% {\n right: 0;\n opacity: 1;\n }\n}\n","import {Component, EventEmitter, h, Host, Listen, Prop, Event} from '@stencil/core';\n\n/*\n Display a menu panel in a left or right sidebar. The panel will animate (slide)\n * as it appears, and an background will be shown over the rest of the page. If\n * the background overlay is present, it can be clicked to dismiss the panel.\n \n ```ts\n * <verdocs-menu-panel>\n * <div style=\"padding: 20px;\">Menu Panel</div>\n * </verdocs-menu-panel>\n * ```\n /\n@Component({\n tag: 'verdocs-menu-panel',\n styleUrl: 'verdocs-menu-panel.scss',\n shadow: false,\n})\nexport class VerdocsMenuPanel {\n private portal: HTMLElement;\n private element: HTMLElement;\n private moved: boolean = false;\n private overlayId = `verdocs-menu-panel-overlay`;\n private panelId = `verdocs-menu-panel`;\n\n /\n Which side of the screen to place the panel.\n /\n @Prop() side: 'left' \| 'right' = 'right';\n\n /\n Whether to show an overlay over the rest of the page.\n /\n @Prop() overlay = true;\n\n /\n The width of the panel.\n /\n @Prop() width = 300;\n\n @Event() close: EventEmitter<void>;\n\n @Listen('click', {target: 'document'})\n handleClick(e: any) {\n if (!this.element.contains(e.target)) {\n this.hide();\n this.close?.emit();\n }\n }\n\n componentWillLoad() {\n this.hide();\n\n if (this.overlay) {\n this.portal = document.createElement('div');\n this.portal.setAttribute('id', this.overlayId);\n document.body.append(this.portal);\n }\n\n this.portal = document.createElement('div');\n this.portal.setAttribute('id', this.panelId);\n this.portal.style.top = `0px`;\n this.portal.style.bottom = `0px`;\n this.portal.style.width = `${this.width}px`;\n\n if (this.side === 'left') {\n this.portal.style.left = `0px`;\n } else {\n this.portal.style.right = `0px`;\n }\n\n document.body.append(this.portal);\n }\n\n componentDidLoad() {\n this.portal.appendChild(this.element);\n }\n\n disconnectedCallback() {\n this.moved ? this.portal.remove() : (this.moved = true);\n }\n\n hide() {\n document.getElementById(this.overlayId)?.remove();\n document.getElementById(this.panelId)?.remove();\n }\n\n render() {\n return (\n <Host ref={el => (this.element = el)}>\n <slot />\n </Host>\n );\n }\n}\n","@import '../../../theme.scss';\n\nverdocs-template-role-properties {\n box-sizing: border-box;\n font-family: $primary-font;\n\n div {\n box-sizing: border-box;\n }\n\n .heading {\n display: flex;\n font-size: 20px;\n font-weight: 500;\n flex-direction: row;\n }\n\n .buttons {\n display: flex;\n margin-top: 10px;\n align-items: center;\n flex-direction: row;\n justify-content: space-between;\n\n verdocs-button {\n margin-left: 16px;\n }\n }\n\n form {\n gap: 15px;\n padding: 20px;\n display: flex;\n flex-direction: column;\n\n .instructions {\n margin: 7px 0 0 0;\n font-size: 12px;\n font-style: italic;\n }\n\n .input-label {\n display: block;\n font-size: 14px;\n flex: 0 0 100px;\n font-weight: 700;\n margin: 0 0 4px 0;\n color: $label-color-light;\n }\n\n .first-last {\n gap: 15px;\n display: flex;\n flex-direction: row;\n }\n }\n\n form verdocs-help-icon {\n transform: scale(0.8);\n }\n\n verdocs-select-input {\n //flex: 1;\n //margin: 0;\n\n label {\n display: block;\n }\n }\n\n verdocs-text-input {\n margin: 0;\n\n label {\n display: block;\n }\n\n .input-label {\n flex: 0 0 100px;\n }\n\n input {\n flex: 1;\n display: flex;\n }\n\n verdocs-text-input {\n margin: 0;\n }\n }\n\n .checkbox-wrapper {\n flex: 1;\n display: flex;\n }\n\n .delete-button {\n height: 34px;\n display: flex;\n padding: 0 6px;\n cursor: pointer;\n background: none;\n border-radius: 4px;\n align-items: center;\n border: 1px solid #999;\n justify-content: center;\n\n svg {\n width: 24px;\n height: 24px;\n }\n\n &:active {\n background: #f3f3f3;\n }\n }\n}\n","import {Component, Prop, h, Event, EventEmitter, Host, State} from '@stencil/core';\nimport {deleteTemplateRole, getTemplate, isValidEmail, ITemplate, TRecipientType, updateTemplateRole, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst TrashIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#a50021\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0\" /></svg>`;\n\n/\n Present an editing form suitable for adjusting template-role properties.\n /\n@Component({\n tag: 'verdocs-template-role-properties',\n styleUrl: 'verdocs-template-role-properties.scss',\n})\nexport class VerdocsTemplateRoleProperties {\n private templateListenerId = 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 template ID to edit.\n /\n @Prop() templateId: string = '';\n\n /\n The role name to edit.\n /\n @Prop() roleName: string = '';\n\n /\n Event fired when the user cancels the dialog.\n /\n @Event({composed: true}) close: EventEmitter;\n\n /\n Event fired when the user deletes the role. The parent should update its UI to reflect the removal. When this event is emitted,\n * the role will have already been deleted server-side.\n /\n @Event({composed: true}) delete: EventEmitter<{templateId: string; roleName: 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 @State() dirty = false;\n @State() saving = false;\n @State() name = '';\n @State() type: TRecipientType = 'signer';\n @State() first_name = '';\n @State() last_name = '';\n @State() email = '';\n @State() phone = '';\n @State() delegator = false;\n\n @State() loading = true;\n @State() template: ITemplate \| null = null;\n\n async componentWillLoad() {\n try {\n this.endpoint.loadSession();\n\n if (!this.templateId) {\n console.log(`[ROLES] Missing required template ID ${this.templateId}`);\n return;\n }\n\n if (!this.endpoint.session) {\n console.log('[ROLES] Unable to start builder session, must be authenticated');\n return;\n }\n\n this.listenToTemplate();\n } catch (e) {\n console.log('[ROLES Error with preview session', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n }\n\n disconnectedCallback() {\n this.unlistenToTemplate();\n }\n\n async listenToTemplate() {\n console.log('[ROLES] Loading tempate', this.templateId);\n this.unlistenToTemplate();\n Store.subscribe(\n 'templates',\n this.templateId,\n () => getTemplate(this.endpoint, this.templateId),\n false,\n (template: ITemplate) => {\n console.log('[BUILD] Template Updated', template);\n this.template = template;\n this.loading = false;\n\n const editingRole = this.template?.roles.find(role => role.name === this.roleName);\n if (editingRole) {\n this.name = editingRole.name;\n this.type = editingRole.type;\n this.first_name = editingRole.first_name;\n this.last_name = editingRole.last_name;\n this.email = editingRole.email;\n this.phone = editingRole.phone;\n this.delegator = editingRole.delegator;\n console.log('[ROLES] Editing role', editingRole);\n }\n },\n );\n }\n\n unlistenToTemplate() {\n if (this.templateListenerId) {\n Store.store.delListener(this.templateListenerId);\n this.templateListenerId = null;\n }\n }\n\n handleCancel(e) {\n e.stopPropagation();\n const editingRole = this.template?.roles.find(role => role.name === this.roleName);\n if (editingRole) {\n this.name = editingRole.name;\n this.type = editingRole.type;\n this.first_name = editingRole.first_name;\n this.last_name = editingRole.last_name;\n this.email = editingRole.email;\n this.phone = editingRole.phone;\n this.delegator = editingRole.delegator;\n }\n\n this.dirty = false;\n this.close?.emit();\n }\n\n async handleSave(e) {\n e.stopPropagation();\n this.saving = true;\n updateTemplateRole(this.endpoint, this.templateId, this.roleName, {\n name: this.name,\n type: this.type,\n first_name: this.first_name,\n last_name: this.last_name,\n email: this.email,\n phone: this.phone,\n delegator: this.delegator,\n })\n .then(async r => {\n console.log('[ROLES] Update result', r);\n this.saving = false;\n this.dirty = false;\n const newTemplate = JSON.parse(JSON.stringify(this.template));\n const roleIndex = newTemplate.roles.findIndex(role => role.name === this.roleName);\n if (roleIndex > -1) {\n newTemplate.roles[roleIndex] = r;\n }\n Store.updateTemplate(this.templateId, newTemplate);\n this.close?.emit();\n })\n .catch(e => {\n console.log('[ROLES Update error', e);\n this.saving = false;\n });\n }\n\n async handleDelete(e) {\n e.stopPropagation();\n if (window.confirm('Are you sure you wish to remove this role? All associated fields will be removed as well. This action cannot be undone.')) {\n deleteTemplateRole(this.endpoint, this.templateId, this.roleName)\n .then(() => {\n const newTemplate = JSON.parse(JSON.stringify(this.template)) as ITemplate;\n newTemplate.roles = newTemplate.roles.filter(role => role.name !== this.roleName);\n Store.getTemplate(this.endpoint, this.templateId, true);\n // Store.updateTemplate(this.templateId, newTemplate);\n this.delete?.emit({templateId: this.templateId, roleName: this.roleName});\n this.close?.emit();\n })\n .catch(e => {\n console.log('[ROLES Deletion error', e);\n });\n }\n }\n\n render() {\n const hasFields = (this.template?.fields \|\| []).some(field => field.role_name === this.roleName);\n\n // Either all three should be empty, or all three need to be filled\n const isValid = (!this.email && !this.first_name && !this.last_name) \|\| (isValidEmail(this.email) && !!this.first_name && !!this.last_name);\n\n return (\n <Host>\n <form onSubmit={e => e.preventDefault()} onClick={e => e.stopPropagation()} autocomplete=\"off\">\n <div>\n <verdocs-text-input\n id=\"verdocs-role-name\"\n label=\"Role Name (Must be unique)\"\n value={this.name}\n autocomplete=\"off\"\n disabled={hasFields}\n placeholder=\"Role Name...\"\n onInput={(e: any) => {\n this.name = e.target.value;\n this.dirty = true;\n }}\n />\n\n {hasFields && <div class=\"instructions\">This role has fields assigned and can no longer be renamed.</div>}\n {/<div class=\"instructions\">{hasFields ? 'This role has fields assigned and can no longer be renamed.' : 'A unique name to identify the role in the workflow.'}</div>/}\n </div>\n\n <div>\n <div class=\"input-label\">Type:</div>\n <verdocs-select-input\n value={this.type}\n options={[\n {label: 'Signer', value: 'signer'},\n {label: 'CC', value: 'cc'},\n {label: 'Approver', value: 'approver'},\n ]}\n onInput={(e: any) => {\n this.type = e.target.value;\n this.dirty = true;\n }}\n />\n {/<div class=\"instructions\">/}\n {/ Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform/}\n {/ a final review./}\n {/</div>/}\n </div>\n\n <div>\n <div class=\"input-label\">Default Contact Info:</div>\n\n <div class=\"first-last\">\n <verdocs-text-input\n id=\"verdocs-recipient-first\"\n value={this.first_name}\n autocomplete=\"off\"\n placeholder=\"First...\"\n onInput={(e: any) => {\n this.first_name = e.target.value;\n this.dirty = true;\n }}\n />\n\n <verdocs-text-input\n id=\"verdocs-recipient-first\"\n value={this.last_name}\n autocomplete=\"off\"\n placeholder=\"Last...\"\n onInput={(e: any) => {\n this.last_name = e.target.value;\n this.dirty = true;\n }}\n />\n </div>\n </div>\n\n <div>\n <verdocs-text-input\n id=\"verdocs-recipient-email\"\n value={this.email}\n autocomplete=\"off\"\n placeholder=\"Email Address...\"\n onInput={(e: any) => {\n this.email = e.target.value;\n this.dirty = true;\n }}\n />\n\n <div style={{height: '15px'}} />\n\n <div>\n <verdocs-text-input\n id=\"verdocs-recipient-phone\"\n value={this.phone}\n autocomplete=\"off\"\n // helpText=\"The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.\"\n placeholder=\"Phone Number...\"\n onInput={(e: any) => {\n this.phone = e.target.value;\n this.dirty = true;\n }}\n />\n {/<div class=\"instructions\">Default name and contact information. This may be changed later when creating and envelope with this template.</div>/}\n </div>\n </div>\n\n {/<div class=\"row\">/}\n {/ <div class=\"input-label\">May Delegate:</div>/}\n {/ <div class=\"checkbox-wrapper\">/}\n {/ <verdocs-checkbox/}\n {/ checked={this.delegator}/}\n {/ onInput={(e: any) => {/}\n {/ this.delegator = e.target.checked;/}\n {/ this.dirty = true;/}\n {/ }}/}\n {/ />/}\n {/ </div>/}\n\n {/ <verdocs-help-icon text=\"If enabled, this recipient may delegate their actions to another individual.\" />/}\n {/</div>/}\n\n <div class=\"buttons\">\n <button class=\"delete-button\" disabled={this.dirty} onClick={e => this.handleDelete(e)} innerHTML={TrashIcon} />\n\n <div style={{flex: '1'}} />\n\n {/<verdocs-button size=\"small\" variant=\"outline\" label=\"Cancel\" disabled={!this.dirty} onClick={e => this.handleCancel(e)} />*/}\n <verdocs-button size=\"small\" label=\"Save\" disabled={!this.dirty \|\| !isValid} onClick={e => this.handleSave(e)} />\n </div>\n </form>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"p-CDc0NxA9.system.js","sources":["src/components/controls/verdocs-menu-panel/verdocs-menu-panel.scss?tag=verdocs-menu-panel","src/components/controls/verdocs-menu-panel/verdocs-menu-panel.tsx","src/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.scss?tag=verdocs-template-role-properties","src/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\n#verdocs-menu-panel-overlay {\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 10000;\n position: fixed;\n background-color: #0000007f;\n}\n\n#verdocs-menu-panel {\n opacity: 0;\n z-index: 10001;\n position: fixed;\n overflow-y: scroll;\n background-color: #ffffff;\n font-family: $verdocs-primary-font;\n\n -webkit-animation: showVerdocsMenuPanel 0.35s;\n -webkit-animation-fill-mode: forwards;\n}\n\n// TODO: Parameterize the width\n@-webkit-keyframes showVerdocsMenuPanel {\n 0% {\n opacity: 0;\n right: -300px;\n }\n\n 100% {\n right: 0;\n opacity: 1;\n }\n}\n","import {Component, EventEmitter, h, Host, Listen, Prop, Event} from '@stencil/core';\n\n/*\n Display a menu panel in a left or right sidebar. The panel will animate (slide)\n * as it appears, and an background will be shown over the rest of the page. If\n * the background overlay is present, it can be clicked to dismiss the panel.\n \n ```ts\n * <verdocs-menu-panel>\n * <div style=\"padding: 20px;\">Menu Panel</div>\n * </verdocs-menu-panel>\n * ```\n /\n@Component({\n tag: 'verdocs-menu-panel',\n styleUrl: 'verdocs-menu-panel.scss',\n shadow: false,\n})\nexport class VerdocsMenuPanel {\n private portal: HTMLElement;\n private element: HTMLElement;\n private moved: boolean = false;\n private overlayId = `verdocs-menu-panel-overlay`;\n private panelId = `verdocs-menu-panel`;\n\n /\n Which side of the screen to place the panel.\n /\n @Prop() side: 'left' \| 'right' = 'right';\n\n /\n Whether to show an overlay over the rest of the page.\n /\n @Prop() overlay = true;\n\n /\n The width of the panel.\n /\n @Prop() width = 300;\n\n @Event() close: EventEmitter<void>;\n\n @Listen('click', {target: 'document'})\n handleClick(e: any) {\n if (!this.element.contains(e.target)) {\n this.hide();\n this.close?.emit();\n }\n }\n\n componentWillLoad() {\n this.hide();\n\n if (this.overlay) {\n this.portal = document.createElement('div');\n this.portal.setAttribute('id', this.overlayId);\n document.body.append(this.portal);\n }\n\n this.portal = document.createElement('div');\n this.portal.setAttribute('id', this.panelId);\n this.portal.style.top = `0px`;\n this.portal.style.bottom = `0px`;\n this.portal.style.width = `${this.width}px`;\n\n if (this.side === 'left') {\n this.portal.style.left = `0px`;\n } else {\n this.portal.style.right = `0px`;\n }\n\n document.body.append(this.portal);\n }\n\n componentDidLoad() {\n this.portal.appendChild(this.element);\n }\n\n disconnectedCallback() {\n this.moved ? this.portal.remove() : (this.moved = true);\n }\n\n hide() {\n document.getElementById(this.overlayId)?.remove();\n document.getElementById(this.panelId)?.remove();\n }\n\n render() {\n return (\n <Host ref={el => (this.element = el)}>\n <slot />\n </Host>\n );\n }\n}\n","@import '../../../theme.scss';\n\nverdocs-template-role-properties {\n box-sizing: border-box;\n font-family: $primary-font;\n\n div {\n box-sizing: border-box;\n }\n\n .heading {\n display: flex;\n font-size: 20px;\n font-weight: 500;\n flex-direction: row;\n }\n\n .buttons {\n display: flex;\n margin-top: 10px;\n align-items: center;\n flex-direction: row;\n justify-content: space-between;\n\n verdocs-button {\n margin-left: 16px;\n }\n }\n\n form {\n gap: 15px;\n padding: 20px;\n display: flex;\n flex-direction: column;\n\n .instructions {\n margin: 7px 0 0 0;\n font-size: 12px;\n font-style: italic;\n }\n\n .input-label {\n display: block;\n font-size: 14px;\n flex: 0 0 100px;\n font-weight: 700;\n margin: 0 0 4px 0;\n color: $label-color-light;\n }\n\n .first-last {\n gap: 15px;\n display: flex;\n flex-direction: row;\n }\n }\n\n form verdocs-help-icon {\n transform: scale(0.8);\n }\n\n verdocs-select-input {\n //flex: 1;\n //margin: 0;\n\n label {\n display: block;\n }\n }\n\n verdocs-text-input {\n margin: 0;\n\n label {\n display: block;\n }\n\n .input-label {\n flex: 0 0 100px;\n }\n\n input {\n flex: 1;\n display: flex;\n }\n\n verdocs-text-input {\n margin: 0;\n }\n }\n\n .checkbox-wrapper {\n flex: 1;\n display: flex;\n }\n\n .delete-button {\n height: 34px;\n display: flex;\n padding: 0 6px;\n cursor: pointer;\n background: none;\n border-radius: 4px;\n align-items: center;\n border: 1px solid #999;\n justify-content: center;\n\n svg {\n width: 24px;\n height: 24px;\n }\n\n &:active {\n background: #f3f3f3;\n }\n }\n}\n","import {Component, Prop, h, Event, EventEmitter, Host, State} from '@stencil/core';\nimport {deleteTemplateRole, getTemplate, isValidEmail, ITemplate, TRecipientType, updateTemplateRole, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst TrashIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#a50021\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0\" /></svg>`;\n\n/\n Present an editing form suitable for adjusting template-role properties.\n /\n@Component({\n tag: 'verdocs-template-role-properties',\n styleUrl: 'verdocs-template-role-properties.scss',\n})\nexport class VerdocsTemplateRoleProperties {\n private templateListenerId = 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 template ID to edit.\n /\n @Prop() templateId: string = '';\n\n /\n The role name to edit.\n /\n @Prop() roleName: string = '';\n\n /\n Event fired when the user cancels the dialog.\n /\n @Event({composed: true}) close: EventEmitter;\n\n /\n Event fired when the user deletes the role. The parent should update its UI to reflect the removal. When this event is emitted,\n * the role will have already been deleted server-side.\n /\n @Event({composed: true}) delete: EventEmitter<{templateId: string; roleName: 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 @State() dirty = false;\n @State() saving = false;\n @State() name = '';\n @State() type: TRecipientType = 'signer';\n @State() first_name = '';\n @State() last_name = '';\n @State() email = '';\n @State() phone = '';\n @State() delegator = false;\n\n @State() loading = true;\n @State() template: ITemplate \| null = null;\n\n async componentWillLoad() {\n try {\n this.endpoint.loadSession();\n\n if (!this.templateId) {\n console.log(`[ROLES] Missing required template ID ${this.templateId}`);\n return;\n }\n\n if (!this.endpoint.session) {\n console.log('[ROLES] Unable to start builder session, must be authenticated');\n return;\n }\n\n this.listenToTemplate();\n } catch (e) {\n console.log('[ROLES Error with preview session', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n }\n\n disconnectedCallback() {\n this.unlistenToTemplate();\n }\n\n async listenToTemplate() {\n console.log('[ROLES] Loading tempate', this.templateId);\n this.unlistenToTemplate();\n Store.subscribe(\n 'templates',\n this.templateId,\n () => getTemplate(this.endpoint, this.templateId),\n false,\n (template: ITemplate) => {\n console.log('[BUILD] Template Updated', template);\n this.template = template;\n this.loading = false;\n\n const editingRole = this.template?.roles.find(role => role.name === this.roleName);\n if (editingRole) {\n this.name = editingRole.name;\n this.type = editingRole.type;\n this.first_name = editingRole.first_name;\n this.last_name = editingRole.last_name;\n this.email = editingRole.email;\n this.phone = editingRole.phone;\n this.delegator = editingRole.delegator;\n console.log('[ROLES] Editing role', editingRole);\n }\n },\n );\n }\n\n unlistenToTemplate() {\n if (this.templateListenerId) {\n Store.store.delListener(this.templateListenerId);\n this.templateListenerId = null;\n }\n }\n\n handleCancel(e) {\n e.stopPropagation();\n const editingRole = this.template?.roles.find(role => role.name === this.roleName);\n if (editingRole) {\n this.name = editingRole.name;\n this.type = editingRole.type;\n this.first_name = editingRole.first_name;\n this.last_name = editingRole.last_name;\n this.email = editingRole.email;\n this.phone = editingRole.phone;\n this.delegator = editingRole.delegator;\n }\n\n this.dirty = false;\n this.close?.emit();\n }\n\n async handleSave(e) {\n e.stopPropagation();\n this.saving = true;\n updateTemplateRole(this.endpoint, this.templateId, this.roleName, {\n name: this.name,\n type: this.type,\n first_name: this.first_name,\n last_name: this.last_name,\n email: this.email,\n phone: this.phone,\n delegator: this.delegator,\n })\n .then(async r => {\n console.log('[ROLES] Update result', r);\n this.saving = false;\n this.dirty = false;\n const newTemplate = JSON.parse(JSON.stringify(this.template));\n const roleIndex = newTemplate.roles.findIndex(role => role.name === this.roleName);\n if (roleIndex > -1) {\n newTemplate.roles[roleIndex] = r;\n }\n Store.updateTemplate(this.templateId, newTemplate);\n this.close?.emit();\n })\n .catch(e => {\n console.log('[ROLES Update error', e);\n this.saving = false;\n });\n }\n\n async handleDelete(e) {\n e.stopPropagation();\n if (window.confirm('Are you sure you wish to remove this role? All associated fields will be removed as well. This action cannot be undone.')) {\n deleteTemplateRole(this.endpoint, this.templateId, this.roleName)\n .then(() => {\n const newTemplate = JSON.parse(JSON.stringify(this.template)) as ITemplate;\n newTemplate.roles = newTemplate.roles.filter(role => role.name !== this.roleName);\n Store.getTemplate(this.endpoint, this.templateId, true);\n // Store.updateTemplate(this.templateId, newTemplate);\n this.delete?.emit({templateId: this.templateId, roleName: this.roleName});\n this.close?.emit();\n })\n .catch(e => {\n console.log('[ROLES Deletion error', e);\n });\n }\n }\n\n render() {\n const hasFields = (this.template?.fields \|\| []).some(field => field.role_name === this.roleName);\n\n // Either all three should be empty, or all three need to be filled\n const isValid = (!this.email && !this.first_name && !this.last_name) \|\| (isValidEmail(this.email) && !!this.first_name && !!this.last_name);\n\n return (\n <Host>\n <form onSubmit={e => e.preventDefault()} onClick={e => e.stopPropagation()} autocomplete=\"off\">\n <div>\n <verdocs-text-input\n id=\"verdocs-role-name\"\n label=\"Role Name (Must be unique)\"\n value={this.name}\n autocomplete=\"off\"\n disabled={hasFields}\n placeholder=\"Role Name...\"\n onInput={(e: any) => {\n this.name = e.target.value;\n this.dirty = true;\n }}\n />\n\n {hasFields && <div class=\"instructions\">This role has fields assigned and can no longer be renamed.</div>}\n {/<div class=\"instructions\">{hasFields ? 'This role has fields assigned and can no longer be renamed.' : 'A unique name to identify the role in the workflow.'}</div>/}\n </div>\n\n <div>\n <div class=\"input-label\">Type:</div>\n <verdocs-select-input\n value={this.type}\n options={[\n {label: 'Signer', value: 'signer'},\n {label: 'CC', value: 'cc'},\n {label: 'Approver', value: 'approver'},\n ]}\n onInput={(e: any) => {\n this.type = e.target.value;\n this.dirty = true;\n }}\n />\n {/<div class=\"instructions\">/}\n {/ Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform/}\n {/ a final review./}\n {/</div>/}\n </div>\n\n <div>\n <div class=\"input-label\">Default Contact Info:</div>\n\n <div class=\"first-last\">\n <verdocs-text-input\n id=\"verdocs-recipient-first\"\n value={this.first_name}\n autocomplete=\"off\"\n placeholder=\"First...\"\n onInput={(e: any) => {\n this.first_name = e.target.value;\n this.dirty = true;\n }}\n />\n\n <verdocs-text-input\n id=\"verdocs-recipient-first\"\n value={this.last_name}\n autocomplete=\"off\"\n placeholder=\"Last...\"\n onInput={(e: any) => {\n this.last_name = e.target.value;\n this.dirty = true;\n }}\n />\n </div>\n </div>\n\n <div>\n <verdocs-text-input\n id=\"verdocs-recipient-email\"\n value={this.email}\n autocomplete=\"off\"\n placeholder=\"Email Address...\"\n onInput={(e: any) => {\n this.email = e.target.value;\n this.dirty = true;\n }}\n />\n\n <div style={{height: '15px'}} />\n\n <div>\n <verdocs-text-input\n id=\"verdocs-recipient-phone\"\n value={this.phone}\n autocomplete=\"off\"\n // helpText=\"The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.\"\n placeholder=\"Phone Number...\"\n onInput={(e: any) => {\n this.phone = e.target.value;\n this.dirty = true;\n }}\n />\n {/<div class=\"instructions\">Default name and contact information. This may be changed later when creating and envelope with this template.</div>/}\n </div>\n </div>\n\n {/<div class=\"row\">/}\n {/ <div class=\"input-label\">May Delegate:</div>/}\n {/ <div class=\"checkbox-wrapper\">/}\n {/ <verdocs-checkbox/}\n {/ checked={this.delegator}/}\n {/ onInput={(e: any) => {/}\n {/ this.delegator = e.target.checked;/}\n {/ this.dirty = true;/}\n {/ }}/}\n {/ />/}\n {/ </div>/}\n\n {/ <verdocs-help-icon text=\"If enabled, this recipient may delegate their actions to another individual.\" />/}\n {/</div>/}\n\n <div class=\"buttons\">\n <button class=\"delete-button\" disabled={this.dirty} onClick={e => this.handleDelete(e)} innerHTML={TrashIcon} />\n\n <div style={{flex: '1'}} />\n\n {/<verdocs-button size=\"small\" variant=\"outline\" label=\"Cancel\" disabled={!this.dirty} onClick={e => this.handleCancel(e)} />*/}\n <verdocs-button size=\"small\" label=\"Save\" disabled={!this.dirty \|\| !isValid} onClick={e => this.handleSave(e)} />\n </div>\n </form>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/verdocs-web-sdk/{p-l4fDXmiS.system.js.map → p-CEj4NLjk.system.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-~~l4fDXmiS~~.system.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n if (typeof window === 'undefined') return undefined;\n await globalScripts();\n return bootstrapLazy([/!__STENCIL_LAZY_DATA__/], options);\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAGY,YAAC,oBAAoB,mCAAG,OAAO,GAAG,EAAE,OAAO,KAAK;MAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;MACrD,EAAE,MAAM,aAAa,EAAE;MACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;MAC7D;;;;;;;;"}
1	+ {"version":3,"file":"p-CEj4NLjk.system.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n if (typeof window === 'undefined') return undefined;\n await globalScripts();\n return bootstrapLazy([/!__STENCIL_LAZY_DATA__/], options);\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAGY,YAAC,oBAAoB,mCAAG,OAAO,GAAG,EAAE,OAAO,KAAK;MAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;MACrD,EAAE,MAAM,aAAa,EAAE;MACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;MAC7D;;;;;;;;"}

package/dist/verdocs-web-sdk/{p-DC4y5B1X.system.js.map → p-CJgSjfS3.system.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-DC4y5B1X.system.js","sources":["src/components/templates/verdocs-template-create/verdocs-template-create.scss?tag=verdocs-template-create","src/components/templates/verdocs-template-create/verdocs-template-create.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-create {\n font-family: $verdocs-primary-font;\n\n form {\n background-color: $verdocs-grey-4;\n padding: 12px;\n display: flex;\n flex-direction: column;\n\n .upload-box {\n box-sizing: border-box;\n width: 320px;\n text-align: center;\n padding: 44px 18px 66px;\n border: 2px dashed #979797;\n color: rgba(0, 0, 0, 0.54);\n\n &.drag-over {\n border: 2px solid $verdocs-deep-blue;\n }\n\n svg {\n width: 64px;\n fill: #5c6575;\n }\n }\n }\n\n p {\n color: $verdocs-grey-1;\n margin-top: 20px;\n font-size: 18px;\n font-weight: 500;\n overflow-wrap: anywhere;\n\n &.subscript {\n color: $verdocs-bg-4;\n font-size: 14px;\n margin: 20px;\n }\n }\n\n .loader-wrapper {\n background-color: $verdocs-grey-4;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n position: relative;\n width: 320px;\n height: 320px;\n text-align: center;\n border: 2px dashed #979797;\n justify-content: flex-end;\n }\n\n .progress-wrapper {\n padding: 20px;\n }\n\n .buttons {\n display: flex;\n column-gap: 8px;\n margin-top: 16px;\n align-items: center;\n flex-direction: row;\n justify-content: flex-end;\n\n .flex-fill {\n flex: 1;\n }\n }\n\n ::placeholder {\n color: $verdocs-bg-2;\n }\n\n .error {\n margin: 20px 0;\n color: $verdocs-red-1;\n }\n}\n","import {createTemplate, ITemplate, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Prop, State, Host} from '@stencil/core';\nimport {SDKError} from '../../../utils/errors';\n\nconst FileIcon =\n '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z\"></path></svg>';\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-template-create',\n styleUrl: 'verdocs-template-create.scss',\n shadow: false,\n})\nexport class VerdocsTemplateCreate {\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({mutable: true})\n maxSize: number = 20.5 1024 * 1024;\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<ITemplate>;\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 updates the template.\n */\n @Event({composed: true}) templateCreated: EventEmitter<{endpoint: VerdocsEndpoint; template: ITemplate; templateId: string}>;\n\n @State() file: File \| null;\n @State() creating = false;\n @State() progressLabel = 'Uploading...';\n @State() progressPercent = 0;\n @State() errorMessage = '';\n\n componentWillLoad() {\n this.endpoint.setTimeout(30000);\n this.endpoint.loadSession();\n }\n\n handleFileChanged(e: any) {\n this.errorMessage = '';\n this.file = e.target.files?.[0] \|\| null;\n console.log('[CREATE] Selected file', this.file);\n\n const totalSize = this.file.size;\n if (totalSize > this.maxSize) {\n this.errorMessage = 'Total file size must not exceed 20MB.';\n }\n }\n\n handleUpload(e) {\n e.stopPropagation();\n const fileElem = document.getElementById('verdocs-template-create-file');\n fileElem.click();\n }\n\n handleCancel(e) {\n e.stopPropagation();\n this.exit.emit();\n }\n\n async handleSubmit(e) {\n e.stopPropagation();\n\n // Should be true if we're here because onClick is only enabled then. We're just guarding this for Typescript.\n if (!this.file) {\n return;\n }\n\n this.creating = true;\n this.progressLabel = 'Uploading...';\n\n try {\n const template = await createTemplate(\n this.endpoint,\n {\n name: this.file.name,\n // TODO: Make optional in the SDK\n initial_reminder: 0,\n followup_reminders: 0,\n documents: [this.file],\n },\n percent => {\n if (percent >= 99) {\n this.progressLabel = 'Processing...';\n this.progressPercent = 100;\n } else {\n this.progressPercent = percent;\n }\n },\n );\n\n console.log('[CREATE] Created template', template);\n this.templateCreated?.emit({endpoint: this.endpoint, template, templateId: template.id});\n this.next?.emit(template);\n this.creating = false;\n this.progressLabel = '';\n this.progressPercent = 0;\n } catch (e) {\n console.log('[CREATE] Error creating template', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n this.creating = false;\n }\n }\n\n render() {\n if (!this.endpoint.session) {\n return (\n <Host>\n <verdocs-component-error message=\"You must be authenticated to use this module.\" />\n </Host>\n );\n }\n\n return (\n <Host>\n <form onSubmit={e => e.preventDefault()} onClick={e => e.stopPropagation()} autocomplete=\"off\">\n <input\n type=\"file\"\n id=\"verdocs-template-create-file\"\n multiple\n accept=\".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document\"\n style={{display: 'none'}}\n onChange={e => this.handleFileChanged(e)}\n />\n\n {this.creating ? (\n <div class=\"loader-wrapper\">\n <verdocs-loader />\n {this.progressLabel && (\n <div class=\"progress-wrapper\">\n <verdocs-progress-bar showPercent={true} percent={this.progressPercent} label={this.progressLabel} />\n </div>\n )}\n </div>\n ) : (\n <div\n class=\"upload-box\"\n onDrop={(e: any) => {\n e.preventDefault();\n e.target.classList.remove('drag-over');\n this.file = e.dataTransfer.files[0];\n\n if (this.file.size > this.maxSize) {\n this.errorMessage = 'Total file size must not exceed 20MB.';\n }\n }}\n onDragOver={(e: any) => {\n e.preventDefault();\n e.dataTransfer.dropEffect = 'copy';\n }}\n onDragEnter={(e: any) => e.target.classList.add('drag-over')}\n onDragLeave={(e: any) => e.target.classList.remove('drag-over')}\n >\n <span innerHTML={FileIcon} style={{display: 'flex', justifyContent: 'center'}} />\n <p>{this.file ? this.file.name : 'Drag and drop your files here'}</p>\n <p class=\"subscript\">Supported files: PDF, Word</p>\n\n <verdocs-button label={this.file ? 'Select a different file' : 'Select a file from your computer'} size=\"small\" onClick={e => this.handleUpload(e)} />\n </div>\n )}\n\n {!!this.errorMessage && <div class=\"error\">{this.errorMessage}</div>}\n\n <div class=\"buttons\">\n <verdocs-button variant=\"outline\" label=\"Cancel\" size=\"small\" onClick={e => this.handleCancel(e)} disabled={this.creating} />\n <verdocs-button label=\"Next\" size=\"small\" onClick={e => this.handleSubmit(e)} disabled={!this.file \|\| this.creating \|\| !!this.errorMessage} />\n </div>\n </form>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"p-CJgSjfS3.system.js","sources":["src/components/templates/verdocs-template-create/verdocs-template-create.scss?tag=verdocs-template-create","src/components/templates/verdocs-template-create/verdocs-template-create.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-create {\n font-family: $verdocs-primary-font;\n\n form {\n background-color: $verdocs-grey-4;\n padding: 12px;\n display: flex;\n flex-direction: column;\n\n .upload-box {\n box-sizing: border-box;\n width: 320px;\n text-align: center;\n padding: 44px 18px 66px;\n border: 2px dashed #979797;\n color: rgba(0, 0, 0, 0.54);\n\n &.drag-over {\n border: 2px solid $verdocs-deep-blue;\n }\n\n svg {\n width: 64px;\n fill: #5c6575;\n }\n }\n }\n\n p {\n color: $verdocs-grey-1;\n margin-top: 20px;\n font-size: 18px;\n font-weight: 500;\n overflow-wrap: anywhere;\n\n &.subscript {\n color: $verdocs-bg-4;\n font-size: 14px;\n margin: 20px;\n }\n }\n\n .loader-wrapper {\n background-color: $verdocs-grey-4;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n position: relative;\n width: 320px;\n height: 320px;\n text-align: center;\n border: 2px dashed #979797;\n justify-content: flex-end;\n }\n\n .progress-wrapper {\n padding: 20px;\n }\n\n .buttons {\n display: flex;\n column-gap: 8px;\n margin-top: 16px;\n align-items: center;\n flex-direction: row;\n justify-content: flex-end;\n\n .flex-fill {\n flex: 1;\n }\n }\n\n ::placeholder {\n color: $verdocs-bg-2;\n }\n\n .error {\n margin: 20px 0;\n color: $verdocs-red-1;\n }\n}\n","import {createTemplate, ITemplate, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Prop, State, Host} from '@stencil/core';\nimport {SDKError} from '../../../utils/errors';\n\nconst FileIcon =\n '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z\"></path></svg>';\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-template-create',\n styleUrl: 'verdocs-template-create.scss',\n shadow: false,\n})\nexport class VerdocsTemplateCreate {\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({mutable: true})\n maxSize: number = 20.5 1024 * 1024;\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<ITemplate>;\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 updates the template.\n */\n @Event({composed: true}) templateCreated: EventEmitter<{endpoint: VerdocsEndpoint; template: ITemplate; templateId: string}>;\n\n @State() file: File \| null;\n @State() creating = false;\n @State() progressLabel = 'Uploading...';\n @State() progressPercent = 0;\n @State() errorMessage = '';\n\n componentWillLoad() {\n this.endpoint.setTimeout(30000);\n this.endpoint.loadSession();\n }\n\n handleFileChanged(e: any) {\n this.errorMessage = '';\n this.file = e.target.files?.[0] \|\| null;\n console.log('[CREATE] Selected file', this.file);\n\n const totalSize = this.file.size;\n if (totalSize > this.maxSize) {\n this.errorMessage = 'Total file size must not exceed 20MB.';\n }\n }\n\n handleUpload(e) {\n e.stopPropagation();\n const fileElem = document.getElementById('verdocs-template-create-file');\n fileElem.click();\n }\n\n handleCancel(e) {\n e.stopPropagation();\n this.exit.emit();\n }\n\n async handleSubmit(e) {\n e.stopPropagation();\n\n // Should be true if we're here because onClick is only enabled then. We're just guarding this for Typescript.\n if (!this.file) {\n return;\n }\n\n this.creating = true;\n this.progressLabel = 'Uploading...';\n\n try {\n const template = await createTemplate(\n this.endpoint,\n {\n name: this.file.name,\n // TODO: Make optional in the SDK\n initial_reminder: 0,\n followup_reminders: 0,\n documents: [this.file],\n },\n percent => {\n if (percent >= 99) {\n this.progressLabel = 'Processing...';\n this.progressPercent = 100;\n } else {\n this.progressPercent = percent;\n }\n },\n );\n\n console.log('[CREATE] Created template', template);\n this.templateCreated?.emit({endpoint: this.endpoint, template, templateId: template.id});\n this.next?.emit(template);\n this.creating = false;\n this.progressLabel = '';\n this.progressPercent = 0;\n } catch (e) {\n console.log('[CREATE] Error creating template', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n this.creating = false;\n }\n }\n\n render() {\n if (!this.endpoint.session) {\n return (\n <Host>\n <verdocs-component-error message=\"You must be authenticated to use this module.\" />\n </Host>\n );\n }\n\n return (\n <Host>\n <form onSubmit={e => e.preventDefault()} onClick={e => e.stopPropagation()} autocomplete=\"off\">\n <input\n type=\"file\"\n id=\"verdocs-template-create-file\"\n multiple\n accept=\".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document\"\n style={{display: 'none'}}\n onChange={e => this.handleFileChanged(e)}\n />\n\n {this.creating ? (\n <div class=\"loader-wrapper\">\n <verdocs-loader />\n {this.progressLabel && (\n <div class=\"progress-wrapper\">\n <verdocs-progress-bar showPercent={true} percent={this.progressPercent} label={this.progressLabel} />\n </div>\n )}\n </div>\n ) : (\n <div\n class=\"upload-box\"\n onDrop={(e: any) => {\n e.preventDefault();\n e.target.classList.remove('drag-over');\n this.file = e.dataTransfer.files[0];\n\n if (this.file.size > this.maxSize) {\n this.errorMessage = 'Total file size must not exceed 20MB.';\n }\n }}\n onDragOver={(e: any) => {\n e.preventDefault();\n e.dataTransfer.dropEffect = 'copy';\n }}\n onDragEnter={(e: any) => e.target.classList.add('drag-over')}\n onDragLeave={(e: any) => e.target.classList.remove('drag-over')}\n >\n <span innerHTML={FileIcon} style={{display: 'flex', justifyContent: 'center'}} />\n <p>{this.file ? this.file.name : 'Drag and drop your files here'}</p>\n <p class=\"subscript\">Supported files: PDF, Word</p>\n\n <verdocs-button label={this.file ? 'Select a different file' : 'Select a file from your computer'} size=\"small\" onClick={e => this.handleUpload(e)} />\n </div>\n )}\n\n {!!this.errorMessage && <div class=\"error\">{this.errorMessage}</div>}\n\n <div class=\"buttons\">\n <verdocs-button variant=\"outline\" label=\"Cancel\" size=\"small\" onClick={e => this.handleCancel(e)} disabled={this.creating} />\n <verdocs-button label=\"Next\" size=\"small\" onClick={e => this.handleSubmit(e)} disabled={!this.file \|\| this.creating \|\| !!this.errorMessage} />\n </div>\n </form>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/verdocs-web-sdk/{p-DhH24UO8.system.js.map → p-CLugYiKe.system.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-~~DhH24UO8~~.system.js","sources":["src/components/elements/verdocs-search-tabs/verdocs-search-tabs.scss?tag=verdocs-search-tabs","src/components/elements/verdocs-search-tabs/verdocs-search-tabs.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-search-tabs {\n font-family: $verdocs-primary-font;\n display: block;\n}\n","import {Component, h, State} from '@stencil/core';\n\nexport type TContentType = 'all' \| 'document' \| 'template' \| 'organization';\n\n@Component({\n tag: 'verdocs-search-tabs',\n styleUrl: 'verdocs-search-tabs.scss',\n shadow: false,\n})\nexport class VerdocsSearchTabs {\n @State() selected: TContentType = 'all';\n\n render() {\n return <div> </div>;\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;MAAA,MAAM,oBAAoB,GAAG,2bAA2b;;YCS3c,iBAAiB,kCAAA,MAAA;MAL9B,IAAA,WAAA,CAAA,OAAA,EAAA;;MAMW,QAAA,IAAQ,CAAA,QAAA,GAAiB,KAAK;MAKxC;UAHC,MAAM,GAAA;MACJ,QAAA,OAAO,uEAAiB;;;;;;;;;;;"}
1	+ {"version":3,"file":"p-CLugYiKe.system.js","sources":["src/components/elements/verdocs-search-tabs/verdocs-search-tabs.scss?tag=verdocs-search-tabs","src/components/elements/verdocs-search-tabs/verdocs-search-tabs.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-search-tabs {\n font-family: $verdocs-primary-font;\n display: block;\n}\n","import {Component, h, State} from '@stencil/core';\n\nexport type TContentType = 'all' \| 'document' \| 'template' \| 'organization';\n\n@Component({\n tag: 'verdocs-search-tabs',\n styleUrl: 'verdocs-search-tabs.scss',\n shadow: false,\n})\nexport class VerdocsSearchTabs {\n @State() selected: TContentType = 'all';\n\n render() {\n return <div> </div>;\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;MAAA,MAAM,oBAAoB,GAAG,2bAA2b;;YCS3c,iBAAiB,kCAAA,MAAA;MAL9B,IAAA,WAAA,CAAA,OAAA,EAAA;;MAMW,QAAA,IAAQ,CAAA,QAAA,GAAiB,KAAK;MAKxC;UAHC,MAAM,GAAA;MACJ,QAAA,OAAO,uEAAiB;;;;;;;;;;;"}

package/dist/verdocs-web-sdk/{p-M5EOAnll.system.js.map → p-CYdphBFp.system.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-~~M5EOAnll~~.system.js","sources":["src/components/templates/verdocs-template-tags/verdocs-template-tags.scss?tag=verdocs-template-tags","src/components/templates/verdocs-template-tags/verdocs-template-tags.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-tags {\n font-family: $primary-font;\n\n span {\n margin: 0 4px;\n height: 28px;\n font-size: 12px;\n font-weight: 600;\n padding: 5px 12px 7px;\n border-radius: 5px;\n display: inline-block;\n box-sizing: border-box;\n text-transform: uppercase;\n color: $label-color;\n border: 1px solid $border-color;\n background-color: $container-bg;\n }\n}\n","import {Component, Prop, h, Host} from '@stencil/core';\n\n/*\n Displays a message listing a template's tags.\n /\n@Component({\n tag: 'verdocs-template-tags',\n styleUrl: 'verdocs-template-tags.scss',\n})\nexport class VerdocsTemplateTags {\n /\n The tags to display\n */\n @Prop() tags: any[];\n\n render() {\n return (\n <Host>\n {this.tags?.map(tag => (\n <span>{tag}</span>\n ))}\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;MAAA,MAAM,sBAAsB,GAAG,0pBAA0pB;;YCS5qB,mBAAmB,oCAAA,MAAA;;;;UAM9B,MAAM,GAAA;;cACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACF,MAAA,IAAI,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,GAAG,CAAC,GAAG,KACjB,CAAO,CAAA,MAAA,EAAA,IAAA,EAAA,GAAG,CAAQ,CACnB,CAAC,CACG;;;;;;;;;;;"}
1	+ {"version":3,"file":"p-CYdphBFp.system.js","sources":["src/components/templates/verdocs-template-tags/verdocs-template-tags.scss?tag=verdocs-template-tags","src/components/templates/verdocs-template-tags/verdocs-template-tags.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-tags {\n font-family: $primary-font;\n\n span {\n margin: 0 4px;\n height: 28px;\n font-size: 12px;\n font-weight: 600;\n padding: 5px 12px 7px;\n border-radius: 5px;\n display: inline-block;\n box-sizing: border-box;\n text-transform: uppercase;\n color: $label-color;\n border: 1px solid $border-color;\n background-color: $container-bg;\n }\n}\n","import {Component, Prop, h, Host} from '@stencil/core';\n\n/*\n Displays a message listing a template's tags.\n /\n@Component({\n tag: 'verdocs-template-tags',\n styleUrl: 'verdocs-template-tags.scss',\n})\nexport class VerdocsTemplateTags {\n /\n The tags to display\n */\n @Prop() tags: any[];\n\n render() {\n return (\n <Host>\n {this.tags?.map(tag => (\n <span>{tag}</span>\n ))}\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;MAAA,MAAM,sBAAsB,GAAG,0pBAA0pB;;YCS5qB,mBAAmB,oCAAA,MAAA;;;;UAM9B,MAAM,GAAA;;cACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACF,MAAA,IAAI,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,GAAG,CAAC,GAAG,KACjB,CAAO,CAAA,MAAA,EAAA,IAAA,EAAA,GAAG,CAAQ,CACnB,CAAC,CACG;;;;;;;;;;;"}

package/dist/verdocs-web-sdk/{p-5DosFD_5.system.js → p-CYrmyWmF.system.js} RENAMED Viewed

@@ -1,2 +1,2 @@
 var __awaiter=this&&this.__awaiter||function(e,t,r,n){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function o(e){try{u(n.next(e))}catch(e){i(e)}}function c(e){try{u(n["throw"](e))}catch(e){i(e)}}function u(e){e.done?r(e.value):a(e.value).then(o,c)}u((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(e){return function(t){return u([e,t])}}function u(c){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,c[0]&&(r=0)),r)try{if(n=1,a&&(i=c[0]&2?a["return"]:c[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,c[1])).done)return i;if(a=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:r.label++;return{value:c[1],done:false};case 5:r.label++;a=c[1];c=[0];continue;case 7:c=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){r=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){r.label=c[1];break}if(c[0]===6&&r.label<i[1]){r.label=i[1];i=c;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(c);break}if(i[2])r.ops.pop();r.trys.pop();continue}c=t.call(e,r)}catch(e){c=[6,e];a=0}finally{n=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-DmF0GSqu.system.js","@verdocs/js-sdk","./p-CgZsFvRv.system.js"],(function(e){"use strict";var t,r,n,a,i,o;return{setters:[function(e){t=e.d},function(e){r=e.getEnvelopesZip;n=e.downloadBlob;a=e.getEnvelopeFile;i=e.rescale},function(e){o=e.F}],execute:function(){var c=this;var u=e("j",(function(e){switch(e){case"textarea":return 150;case"textbox":return 150;case"timestamp":return 105;case"date":return 75;case"dropdown":return 85;case"attachment":case"payment":return 24;case"radio":case"checkbox":return 14;case"signature":case"initial":return 71}return 150}));var s=e("i",(function(e){switch(e){case"textarea":return 41;case"textbox":return 15;case"timestamp":return 15;case"date":return 15;case"dropdown":return 20;case"attachment":case"payment":return 24;case"radio":case"checkbox":return 14;case"signature":case"initial":return 36}return 50}));var d=e("h",(function(e,t,r,n){var a=t.x,o=a===void 0?0:a,c=t.y,d=c===void 0?0:c,f=t.width,v=f===void 0?u(t.type):f,l=t.height,p=l===void 0?s(t.type):l;e.style.width="".concat(v,"px");e.style.height="".concat(p,"px");e.style.position="absolute";e.style.left="".concat(i(r,o),"px");e.style.bottom="".concat(i(n,d),"px");e.style.transform="scale(".concat(r,", ").concat(n,")")}));var f=e("c",(function(e,t,r){var n=e.x,a=n===void 0?0:n,o=e.y,c=o===void 0?0:o,d=e.width,f=d===void 0?u(e.type):d,v=e.height,l=v===void 0?s(e.type):v;return{zIndex:"100",width:"".concat(f,"px"),height:"".concat(l,"px"),position:"absolute",left:"".concat(i(t,a),"px"),bottom:"".concat(i(r,c),"px"),transform:"scale(".concat(t,", ").concat(r,")")}}));var v=e("g",(function(e){return"verdocs-doc-fld-".concat(e.name)}));var l=e("u",(function(e){var t=v(e);var r=document.getElementById(t);if(r){r.field=e;r.roleindex=e;r.setAttribute("id",t);r.setAttribute("disabled",true);r.setAttribute("disabled",false)}}));var p=e("r",(function(e,t,r,n,a){if(a===void 0){a=1}var i,o;var c=n.disabled,u=c===void 0?false:c,s=n.editable,f=s===void 0?false:s,l=n.draggable,p=l===void 0?false:l,m=n.done,h=m===void 0?false:m;var b=document.getElementById(r.containerId+"-controls");if(!b){console.log("[renderDocumentField] No controls DIV found",r.containerId+"-controls",r);return}switch(t.type){case"attachment":case"date":case"dropdown":case"initial":case"payment":case"signature":case"timestamp":case"textarea":case"textbox":{var x=v(t);var w=document.getElementById(x);if(w){d(w,t,r.xScale,r.yScale);return w}var g=t.type;if(g==="textbox"){if(((i=t["setting"])===null||i===void 0?void 0:i.leading)>0||((o=t["settings"])===null||o===void 0?void 0:o.leading)>0){g="textarea"}}var y=document.createElement("verdocs-field-".concat(g));y.field=t;y.setAttribute("id",x);y.setAttribute("fieldname",t.name);y.setAttribute("source",e);y.setAttribute("sourceid","template_id"in t?t.template_id:t.envelope_id);if(u){y.setAttribute("tabindex",-1);y.setAttribute("disabled",true)}else{y.setAttribute("tabIndex",a)}y.setAttribute("editable",f);y.setAttribute("draggable",p);y.setAttribute("done",h);d(y,t,r.xScale,r.yScale);b.appendChild(y);return y}case"checkbox":{var x=v(t);var w=document.getElementById(x);if(w){d(w,t,r.xScale,r.yScale);return w}var _=document.createElement("verdocs-field-checkbox");_.field=t;_.setAttribute("id",x);_.setAttribute("option",0);_.setAttribute("source",e);_.setAttribute("sourceid","template_id"in t?t.template_id:t.envelope_id);if(u){_.setAttribute("disabled",true)}if(h){_.setAttribute("done",true)}if(f){_.setAttribute("editable",true)}if(p){_.setAttribute("draggable",true)}d(_,t,r.xScale,r.yScale);b.appendChild(_);return _}case"radio":{var x=v(t);var w=document.getElementById(x);if(w){d(w,t,r.xScale,r.yScale);return w}var k=document.createElement("verdocs-field-radio");k.field=t;k.setAttribute("id",x);k.setAttribute("option",0);k.setAttribute("source",e);k.setAttribute("sourceid","template_id"in t?t.template_id:t.envelope_id);if(u){k.setAttribute("disabled",true)}if(h){k.setAttribute("done",true)}if(f){k.setAttribute("editable",true)}if(p){k.setAttribute("draggable",true)}d(k,t,r.xScale,r.yScale);b.appendChild(k);return k}default:console.log("[PREVIEW] Skipping unsupported field type",t);return null}}));var m=e("e",(function(e,t,r){var n=e.style.transform||"";var a="".concat(t,"(").concat(r,")");if(n.includes(t)){e.style.transform=n.replace(new RegExp("".concat(t,"\\(.+?\\)")),a)}else{e.style.transform=n+" "+a}}));var h=e("f",(function(e){e.style.transform=e.style.transform.split(")")[0]+")"}));var b=e("a",(function(e,r,i){return __awaiter(c,void 0,void 0,(function(){var c,u,s;return __generator(this,(function(d){switch(d.label){case 0:c=t.format(new Date(r.updated_at),o);u="".concat(r.name," - ").concat(c,".pdf");return[4,a(e,i)];case 1:s=d.sent();n(s,u);return[2]}}))}))}));var x=e("s",(function(e,a){return __awaiter(c,void 0,void 0,(function(){var i,c,u;return __generator(this,(function(s){switch(s.label){case 0:i=t.format(a.length===1?new Date(a[0].updated_at):new Date,o);c=a.length===1?"".concat(a[0].name," - ").concat(i,".zip"):"Verdocs-Envelopes-".concat(i);console.log("Downloading envelopes as ZIP",a,c);return[4,r(e,a.map((function(e){return e.id})))];case 1:u=s.sent();n(u.data,c);return[2]}}))}))}));var w=e("t",(function(e,t){var r=0;return function(){var n=this;var a=[];for(var i=0;i<arguments.length;i++){a[i]=arguments[i]}clearTimeout(r);r=setTimeout((function(){return e.apply(n,a)}),t)}}));var g=e("b",(function(e,t){if(t===void 0){t="16px Arial"}var r=document.createElement("canvas");var n=r.getContext("2d");n.font=t;return n.measureText(e).width}));var y=e("d",(function(e){var t=(e||"").trim();if(!t||t.startsWith("+")){return t}t=t.replace(/[^0-9]/g,"");t=t.replace(/^0/g,"");return"+1".concat(t)}))}}}));
-//# sourceMappingURL=p-5DosFD_5.system.js.map
+//# sourceMappingURL=p-CYrmyWmF.system.js.map

package/dist/verdocs-web-sdk/p-CYrmyWmF.system.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"p-CYrmyWmF.system.js","sources":["src/utils/utils.ts"],"sourcesContent":["import {format} from 'date-fns';\nimport {downloadBlob, getEnvelopeFile, getEnvelopesZip, IEnvelope, IEnvelopeField, ITemplateField, rescale, TFieldType, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {FORMAT_DATE, IDocumentPageInfo} from './Types';\n\nexport const defaultWidth = (type: TFieldType) => {\n // checkbox was a legacy field type\n switch (type as any) {\n case 'textarea':\n return 150;\n case 'textbox':\n return 150;\n case 'timestamp':\n return 105;\n case 'date':\n return 75;\n case 'dropdown':\n return 85;\n case 'attachment':\n case 'payment':\n return 24;\n case 'radio':\n case 'checkbox':\n return 14;\n case 'signature':\n case 'initial':\n return 71;\n }\n\n return 150;\n};\n\nexport const defaultHeight = (type: TFieldType) => {\n switch (type as any) {\n case 'textarea':\n return 41;\n case 'textbox':\n return 15;\n case 'timestamp':\n return 15;\n case 'date':\n return 15;\n case 'dropdown':\n return 20;\n case 'attachment':\n case 'payment':\n return 24;\n case 'radio':\n case 'checkbox':\n return 14;\n case 'signature':\n case 'initial':\n return 36;\n }\n\n return 50;\n};\n\nexport const setControlStyles = (el: HTMLElement, field: ITemplateField | IEnvelopeField, xScale: number, yScale: number) => {\n let {x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type)} = field;\n\n el.style.width = `${width}px`;\n el.style.height = `${height}px`;\n el.style.position = 'absolute';\n el.style.left = `${rescale(xScale, x)}px`;\n el.style.bottom = `${rescale(yScale, y)}px`;\n el.style.transform = `scale(${xScale}, ${yScale})`;\n};\n\nexport const getControlStyles = (field: ITemplateField | IEnvelopeField, xScale: number, yScale: number) => {\n let {x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type)} = field;\n\n return {\n zIndex: '100',\n width: `${width}px`,\n height: `${height}px`,\n position: 'absolute',\n left: `${rescale(xScale, x)}px`,\n bottom: `${rescale(yScale, y)}px`,\n transform: `scale(${xScale}, ${yScale})`,\n };\n};\n\nexport const getFieldId = (field: ITemplateField | IEnvelopeField) => {\n return `verdocs-doc-fld-${field.name}`;\n};\n\ninterface IFieldOptions {\n disabled?: boolean;\n editable?: boolean;\n draggable?: boolean;\n done?: boolean;\n}\n\nexport const updateDocumentFieldValue = (field: ITemplateField | IEnvelopeField) => {\n const id = getFieldId(field);\n const existingField = document.getElementById(id) as any;\n if (existingField) {\n existingField.field = field;\n existingField.roleindex = field;\n existingField.setAttribute('id', id); // We need this to trigger a re-render\n existingField.setAttribute('disabled', true); // We need this to trigger a re-render\n existingField.setAttribute('disabled', false); // We need this to trigger a re-render\n }\n};\n\nexport const renderDocumentField = (\n source: 'envelope' | 'template',\n field: ITemplateField | IEnvelopeField,\n docPage: IDocumentPageInfo,\n fieldOptions: IFieldOptions,\n tabIndex: number = 1,\n) => {\n const {disabled = false, editable = false, draggable = false, done = false} = fieldOptions;\n const controlsDiv = document.getElementById(docPage.containerId + '-controls');\n if (!controlsDiv) {\n console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);\n return;\n }\n\n // console.log('[renderDocumentField] Rendering field', field);\n\n switch (field.type as any) {\n case 'attachment':\n case 'date':\n case 'dropdown':\n case 'initial':\n case 'payment':\n case 'signature':\n case 'timestamp':\n case 'textarea':\n case 'textbox': {\n const id = getFieldId(field);\n const existingField = document.getElementById(id);\n if (existingField) {\n setControlStyles(existingField, field, docPage.xScale, docPage.yScale);\n return existingField;\n }\n\n let {type} = field;\n if (type === 'textbox') {\n if (field['setting']?.leading > 0 || field['settings']?.leading > 0) {\n type = 'textarea';\n }\n }\n\n const el: any = document.createElement(`verdocs-field-${type}`);\n el.field = field;\n el.setAttribute('id', id);\n el.setAttribute('fieldname', field.name);\n el.setAttribute('source', source);\n el.setAttribute('sourceid', 'template_id' in field ? field.template_id : field.envelope_id);\n\n if (disabled) {\n el.setAttribute('tabindex', -1);\n el.setAttribute('disabled', true);\n } else {\n el.setAttribute('tabIndex', tabIndex);\n }\n\n el.setAttribute('editable', editable);\n el.setAttribute('draggable', draggable);\n el.setAttribute('done', done);\n\n setControlStyles(el, field, docPage.xScale, docPage.yScale);\n controlsDiv.appendChild(el);\n\n return el;\n }\n\n case 'checkbox': {\n const id = getFieldId(field);\n const existingField = document.getElementById(id);\n if (existingField) {\n setControlStyles(existingField, field, docPage.xScale, docPage.yScale);\n return existingField;\n }\n\n const cbEl: any = document.createElement(`verdocs-field-checkbox`);\n cbEl.field = field;\n cbEl.setAttribute('id', id);\n cbEl.setAttribute('option', 0);\n cbEl.setAttribute('source', source);\n cbEl.setAttribute('sourceid', 'template_id' in field ? field.template_id : field.envelope_id);\n if (disabled) {\n cbEl.setAttribute('disabled', true);\n }\n if (done) {\n cbEl.setAttribute('done', true);\n }\n if (editable) {\n cbEl.setAttribute('editable', true);\n }\n if (draggable) {\n cbEl.setAttribute('draggable', true);\n }\n setControlStyles(cbEl, field, docPage.xScale, docPage.yScale);\n controlsDiv.appendChild(cbEl);\n\n return cbEl;\n }\n\n case 'radio': {\n const id = getFieldId(field);\n const existingField = document.getElementById(id);\n if (existingField) {\n setControlStyles(existingField, field, docPage.xScale, docPage.yScale);\n return existingField;\n }\n\n const radioEl: any = document.createElement(`verdocs-field-radio`);\n radioEl.field = field;\n radioEl.setAttribute('id', id);\n radioEl.setAttribute('option', 0);\n radioEl.setAttribute('source', source);\n radioEl.setAttribute('sourceid', 'template_id' in field ? field.template_id : field.envelope_id);\n if (disabled) {\n radioEl.setAttribute('disabled', true);\n }\n if (done) {\n radioEl.setAttribute('done', true);\n }\n if (editable) {\n radioEl.setAttribute('editable', true);\n }\n if (draggable) {\n radioEl.setAttribute('draggable', true);\n }\n setControlStyles(radioEl, field, docPage.xScale, docPage.yScale);\n controlsDiv.appendChild(radioEl);\n\n return radioEl;\n }\n\n default:\n console.log('[PREVIEW] Skipping unsupported field type', field);\n return null;\n }\n};\n\n// export const getFieldSettings = (field: ITemplateField | IEnvelopeField | undefined) => field?.settings || {};\n\n/**\n * Helper function to safely set/update components in a CSS transform attribute. Transform is normally set as a string of\n * `operation1(param) operation2(param) ...` components, which makes updating them a bit of a pain. This will remove the\n * specified component if it's already set and replace it with the new value, without touching the other components that\n * may already be set. Note that this operation moves the component to the end of the transform chain so it's not meant\n * to be used for order-sensitive components e.g. translate-then-rotate.\n */\nexport const updateCssTransform = (el: HTMLElement, key: string, value: string) => {\n const currentTransform = el.style.transform || '';\n\n const newValue = `${key}(${value})`;\n if (currentTransform.includes(key)) {\n el.style.transform = currentTransform.replace(new RegExp(`${key}\\\$.+?\\\$`), newValue);\n } else {\n el.style.transform = currentTransform + ' ' + newValue;\n }\n};\n\nexport const removeCssTransform = (el: HTMLElement) => {\n // const currentTransform = el.style.transform || '';\n el.style.transform = el.style.transform.split(')')[0] + ')';\n // TODO: This is not working\n // el.style.transform = currentTransform.replace(new RegExp(`\$${key}\\\\(.+?\\\$\\)`), '');\n};\n\n// TODO: Shift to getDownloadLilnk\nexport const saveAttachment = async (endpoint: VerdocsEndpoint, envelope: IEnvelope, documentId: string) => {\n // e.g. \"Colorado-Motor-Vehicle-Bill-of-Sale.pdf\"\n const date = format(new Date(envelope.updated_at), FORMAT_DATE);\n const fileName = `${envelope.name} - ${date}.pdf`;\n const data = await getEnvelopeFile(endpoint, documentId);\n downloadBlob(data, fileName);\n};\n\nexport const saveEnvelopesAsZip = async (endpoint: VerdocsEndpoint, envelopes: IEnvelope[]) => {\n const formattedDate = format(envelopes.length === 1 ? new Date(envelopes[0].updated_at) : new Date(), FORMAT_DATE);\n const zipFileName = envelopes.length === 1 ? `${envelopes[0].name} - ${formattedDate}.zip` : `Verdocs-Envelopes-${formattedDate}`;\n console.log('Downloading envelopes as ZIP', envelopes, zipFileName);\n const result = await getEnvelopesZip(\n endpoint,\n envelopes.map(e => e.id),\n );\n downloadBlob(result.data, zipFileName);\n};\n\n/**\n * Throttle a given function by a delay value. Useful for things like resizeObserver.\n */\nexport const throttle = (f: Function, delay: number) => {\n let timer: any = 0;\n return function (...args) {\n clearTimeout(timer);\n timer = setTimeout(() => f.apply(this, args), delay);\n };\n};\n\n/**\n * Compute the rendered width of a given text string, using a given font.\n */\nexport const renderedTextWidth = (text: string, font: string = '16px Arial') => {\n const canvas = document.createElement('canvas');\n const ctx = canvas.getContext('2d');\n ctx.font = font;\n return ctx.measureText(text).width;\n};\n\n// \"(212) 555-1212\" => +12125551212\n// \"+46766861004\" => \"+46766861004\"\n// \"212-555-1212\" => +12125551212\n// \"212.555.1212\" => +12125551212\n// \"212 555 1212\" => +12125551212\n// @see https://46elks.com/kb/e164\nexport const convertToE164 = (input: string) => {\n let temp = (input || '').trim();\n // If we are already prefixed, assume the user did it deliberately and attempt to use what they entered. We also short-circuit blanks.\n if (!temp || temp.startsWith('+')) {\n return temp;\n }\n\n // Remove any spaces, parenthesis or other punctuation.\n temp = temp.replace(/[^0-9]/g, '');\n\n // If the number begins with a zero, remove the leading zero. Do not combine this with the previous step because it needs to be removed\n // whether it's the actual first character e.g. `0(5)` or just the first digit e.g. `(05`.\n temp = temp.replace(/^0/g, '');\n\n // Prepend the country code and +. We're assuming US in this case given the target demographic. Users in other countries would/should be\n // already entering a prefix so they'd shortcut out of this routine via the + prefix check.\n return `+1${temp}`;\n};\n"],"names":["format"],"mappings":"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"}

package/dist/verdocs-web-sdk/{p-BsXMzNud.system.js.map → p-Cp0lpB6k.system.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-~~BsXMzNud~~.system.js","sources":["src/components/controls/verdocs-toggle-button/verdocs-toggle-button.scss?tag=verdocs-toggle-button","src/components/controls/verdocs-toggle-button/verdocs-toggle-button.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-toggle-button {\n font-family: $primary-font;\n\n button {\n border: none;\n outline: none;\n cursor: pointer;\n align-items: center;\n display: inline-flex;\n justify-content: center;\n background: $verdocs-bg-1;\n color: $verdocs-dark-blue;\n\n svg {\n max-width: 100%;\n max-height: 100%;\n fill: $verdocs-dark-blue;\n }\n\n &.active {\n background: $verdocs-green;\n color: $verdocs-grey-3;\n\n svg {\n fill: $verdocs-grey-3;\n }\n }\n\n &:focus {\n border: none;\n outline: none;\n }\n }\n\n &.size-normal button {\n width: 40px;\n height: 40px;\n padding: 6px;\n border-radius: 4px;\n }\n\n &.size-small button {\n width: 34px;\n height: 34px;\n padding: 4px;\n border-radius: 2px;\n }\n}\n","import {Component, Prop, h, State, Event, EventEmitter, Host} from '@stencil/core';\n\n/*\n Displays a single button that can be toggled on or off by clicking it.\n \n ```ts\n * <verdocs-toggle-button icon={MessageIcon} size=\"normal\" active={true} />\n * ```\n /\n@Component({\n tag: 'verdocs-toggle-button',\n styleUrl: 'verdocs-toggle-button.scss',\n})\nexport class VerdocsToggleButton {\n @Prop() active = false;\n\n /\n If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored.\n /\n @Prop() icon?: string \| null = null;\n\n /\n If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored.\n /\n @Prop() label?: string \| null = null;\n\n /\n How large the button should be. Small buttons are intended for dialog boxes and other smaller scale UI regions.\n /\n @Prop() size?: 'small' \| 'normal' = 'normal';\n\n /\n Event fired when the button is pressed.\n */\n @Event({composed: true}) toggle!: EventEmitter<{active: boolean}>;\n\n @State() _active = false;\n\n componentWillLoad() {\n this._active = this.active;\n }\n\n handleToggle(e: any) {\n e.stopPropagation();\n\n const newState = !this._active;\n this._active = newState;\n this.toggle?.emit({active: newState});\n }\n\n render() {\n return (\n <Host class={`size-${this.size}`}>\n {this.icon ? (\n <button innerHTML={this.icon} class={{active: this._active}} onClick={e => this.handleToggle(e)} />\n ) : (\n <button class={{active: this._active}} onClick={e => this.handleToggle(e)}>\n {this.label}\n </button>\n )}\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;MAAA,MAAM,sBAAsB,GAAG,siCAAsiC;;YCaxjC,mBAAmB,oCAAA,MAAA;MAJhC,IAAA,WAAA,CAAA,OAAA,EAAA;;;MAKU,QAAA,IAAM,CAAA,MAAA,GAAG,KAAK;MAEtB;;MAEG;MACK,QAAA,IAAI,CAAA,IAAA,GAAmB,IAAI;MAEnC;;MAEG;MACK,QAAA,IAAK,CAAA,KAAA,GAAmB,IAAI;MAEpC;;MAEG;MACK,QAAA,IAAI,CAAA,IAAA,GAAwB,QAAQ;MAOnC,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;MA2BzB;UAzBC,iBAAiB,GAAA;MACf,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM;;MAG5B,IAAA,YAAY,CAAC,CAAM,EAAA;;cACjB,CAAC,CAAC,eAAe,EAAE;MAEnB,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,OAAO;MAC9B,QAAA,IAAI,CAAC,OAAO,GAAG,QAAQ;MACvB,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAC,CAAC;;UAGvC,MAAM,GAAA;cACJ,QACE,CAAC,CAAA,IAAI,qDAAC,KAAK,EAAE,CAAQ,KAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,IAC7B,IAAI,CAAC,IAAI,IACR,CAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,EAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAC,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAI,CAAA,KAEnG,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,EAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAC,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAA,EACtE,IAAI,CAAC,KAAK,CACJ,CACV,CACI;;;;;;;;;;;"}
1	+ {"version":3,"file":"p-Cp0lpB6k.system.js","sources":["src/components/controls/verdocs-toggle-button/verdocs-toggle-button.scss?tag=verdocs-toggle-button","src/components/controls/verdocs-toggle-button/verdocs-toggle-button.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-toggle-button {\n font-family: $primary-font;\n\n button {\n border: none;\n outline: none;\n cursor: pointer;\n align-items: center;\n display: inline-flex;\n justify-content: center;\n background: $verdocs-bg-1;\n color: $verdocs-dark-blue;\n\n svg {\n max-width: 100%;\n max-height: 100%;\n fill: $verdocs-dark-blue;\n }\n\n &.active {\n background: $verdocs-green;\n color: $verdocs-grey-3;\n\n svg {\n fill: $verdocs-grey-3;\n }\n }\n\n &:focus {\n border: none;\n outline: none;\n }\n }\n\n &.size-normal button {\n width: 40px;\n height: 40px;\n padding: 6px;\n border-radius: 4px;\n }\n\n &.size-small button {\n width: 34px;\n height: 34px;\n padding: 4px;\n border-radius: 2px;\n }\n}\n","import {Component, Prop, h, State, Event, EventEmitter, Host} from '@stencil/core';\n\n/*\n Displays a single button that can be toggled on or off by clicking it.\n \n ```ts\n * <verdocs-toggle-button icon={MessageIcon} size=\"normal\" active={true} />\n * ```\n /\n@Component({\n tag: 'verdocs-toggle-button',\n styleUrl: 'verdocs-toggle-button.scss',\n})\nexport class VerdocsToggleButton {\n @Prop() active = false;\n\n /\n If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored.\n /\n @Prop() icon?: string \| null = null;\n\n /\n If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored.\n /\n @Prop() label?: string \| null = null;\n\n /\n How large the button should be. Small buttons are intended for dialog boxes and other smaller scale UI regions.\n /\n @Prop() size?: 'small' \| 'normal' = 'normal';\n\n /\n Event fired when the button is pressed.\n */\n @Event({composed: true}) toggle!: EventEmitter<{active: boolean}>;\n\n @State() _active = false;\n\n componentWillLoad() {\n this._active = this.active;\n }\n\n handleToggle(e: any) {\n e.stopPropagation();\n\n const newState = !this._active;\n this._active = newState;\n this.toggle?.emit({active: newState});\n }\n\n render() {\n return (\n <Host class={`size-${this.size}`}>\n {this.icon ? (\n <button innerHTML={this.icon} class={{active: this._active}} onClick={e => this.handleToggle(e)} />\n ) : (\n <button class={{active: this._active}} onClick={e => this.handleToggle(e)}>\n {this.label}\n </button>\n )}\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;MAAA,MAAM,sBAAsB,GAAG,siCAAsiC;;YCaxjC,mBAAmB,oCAAA,MAAA;MAJhC,IAAA,WAAA,CAAA,OAAA,EAAA;;;MAKU,QAAA,IAAM,CAAA,MAAA,GAAG,KAAK;MAEtB;;MAEG;MACK,QAAA,IAAI,CAAA,IAAA,GAAmB,IAAI;MAEnC;;MAEG;MACK,QAAA,IAAK,CAAA,KAAA,GAAmB,IAAI;MAEpC;;MAEG;MACK,QAAA,IAAI,CAAA,IAAA,GAAwB,QAAQ;MAOnC,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;MA2BzB;UAzBC,iBAAiB,GAAA;MACf,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM;;MAG5B,IAAA,YAAY,CAAC,CAAM,EAAA;;cACjB,CAAC,CAAC,eAAe,EAAE;MAEnB,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,OAAO;MAC9B,QAAA,IAAI,CAAC,OAAO,GAAG,QAAQ;MACvB,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAC,CAAC;;UAGvC,MAAM,GAAA;cACJ,QACE,CAAC,CAAA,IAAI,qDAAC,KAAK,EAAE,CAAQ,KAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,IAC7B,IAAI,CAAC,IAAI,IACR,CAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,EAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAC,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAI,CAAA,KAEnG,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,EAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAC,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAA,EACtE,IAAI,CAAC,KAAK,CACJ,CACV,CACI;;;;;;;;;;;"}