@verdocs/web-sdk 1.9.16 → 1.9.21

package/dist/esm/verdocs-quick-functions_3.entry.js.map

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

package/dist/esm/verdocs-search.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, h } from './index-f78d163d.js';
 import './Types-ab9f6af8.js';
-import { V as VerdocsEndpoint } from './VerdocsEndpoint-dac04424.js';
+import { V as VerdocsEndpoint } from './VerdocsEndpoint-76dbf9b9.js';
+import './Token-54690789.js';
 
 const verdocsSearchCss = "verdocs-search{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:-ms-flexbox;display:flex;background-color:#1e2031}verdocs-search search-box{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:20px 10px}verdocs-search .boxes{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:20px 0}verdocs-search search-recent,verdocs-search search-saved,verdocs-search search-quick-functions,verdocs-search search-starred{display:-ms-flexbox;display:flex;margin:0 20px 20px 0}";
 

package/dist/esm/verdocs-search.entry.js.map

@@ -1 +1 @@
-{"file":"verdocs-search.entry.js","mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,0mBAA0mB;;MCQtnB,aAAa;;;oBAIY,eAAe,CAAC,UAAU,EAAE;;EAEhE,MAAM;IACJ,QACE,WAAK,KAAK,EAAC,WAAW,IACpB,0BAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EAE/C,WAAK,KAAK,EAAC,OAAO,IAChB,+BAAyB,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EAClE,+BAAyB,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EACjE,+BAAyB,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EACnE,+BAAyB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAChD,CACF,EACN;GACH;;;;;;","names":[],"sources":["./src/components/embeds/verdocs-search/verdocs-search.scss?tag=verdocs-search","./src/components/embeds/verdocs-search/verdocs-search.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-search {\n  font-family: $verdocs-primary-font;\n  display: flex;\n  background-color: $dark-bg;\n\n  search-box {\n    display: flex;\n    flex-direction: column;\n    margin: 20px 10px;\n  }\n\n  .boxes {\n    flex-wrap: wrap;\n    display: flex;\n    flex-direction: row;\n    margin: 20px 0;\n  }\n\n  search-recent,\n  search-saved,\n  search-quick-functions,\n  search-starred {\n    display: flex;\n    margin: 0 20px 20px 0;\n  }\n}\n","import {Component, h, Prop} from '@stencil/core';\nimport {VerdocsEndpoint} from '@verdocs/js-sdk';\n\n@Component({\n  tag: 'verdocs-search',\n  styleUrl: 'verdocs-search.scss',\n  shadow: false,\n})\nexport class VerdocsSearch {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  render() {\n    return (\n      <div class=\"container\">\n        <verdocs-search-box endpoint={this.endpoint} />\n\n        <div class=\"boxes\">\n          <verdocs-search-activity type=\"recent\" endpoint={this.endpoint} />\n          <verdocs-search-activity type=\"saved\" endpoint={this.endpoint} />\n          <verdocs-search-activity type=\"starred\" endpoint={this.endpoint} />\n          <verdocs-quick-functions endpoint={this.endpoint} />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"verdocs-search.entry.js","mappings":";;;;;AAAA,MAAM,gBAAgB,GAAG,0mBAA0mB;;MCQtnB,aAAa;;;oBAIY,eAAe,CAAC,UAAU,EAAE;;EAEhE,MAAM;IACJ,QACE,WAAK,KAAK,EAAC,WAAW,IACpB,0BAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EAE/C,WAAK,KAAK,EAAC,OAAO,IAChB,+BAAyB,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EAClE,+BAAyB,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EACjE,+BAAyB,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EACnE,+BAAyB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAChD,CACF,EACN;GACH;;;;;;","names":[],"sources":["./src/components/embeds/verdocs-search/verdocs-search.scss?tag=verdocs-search","./src/components/embeds/verdocs-search/verdocs-search.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-search {\n  font-family: $verdocs-primary-font;\n  display: flex;\n  background-color: $dark-bg;\n\n  search-box {\n    display: flex;\n    flex-direction: column;\n    margin: 20px 10px;\n  }\n\n  .boxes {\n    flex-wrap: wrap;\n    display: flex;\n    flex-direction: row;\n    margin: 20px 0;\n  }\n\n  search-recent,\n  search-saved,\n  search-quick-functions,\n  search-starred {\n    display: flex;\n    margin: 0 20px 20px 0;\n  }\n}\n","import {Component, h, Prop} from '@stencil/core';\nimport {VerdocsEndpoint} from '@verdocs/js-sdk';\n\n@Component({\n  tag: 'verdocs-search',\n  styleUrl: 'verdocs-search.scss',\n  shadow: false,\n})\nexport class VerdocsSearch {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  render() {\n    return (\n      <div class=\"container\">\n        <verdocs-search-box endpoint={this.endpoint} />\n\n        <div class=\"boxes\">\n          <verdocs-search-activity type=\"recent\" endpoint={this.endpoint} />\n          <verdocs-search-activity type=\"saved\" endpoint={this.endpoint} />\n          <verdocs-search-activity type=\"starred\" endpoint={this.endpoint} />\n          <verdocs-quick-functions endpoint={this.endpoint} />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/verdocs-send.entry.js

@@ -3,8 +3,9 @@ import { g as getTemplate } from './Templates-0638b1e4.js';
 import './Types-ab9f6af8.js';
 import { i as isValidEmail, a as isValidPhone } from './Validators-f110bae2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { V as VerdocsEndpoint } from './VerdocsEndpoint-dac04424.js';
-import { a as getRoleIndex } from './utils-2e6beff8.js';
+import { V as VerdocsEndpoint } from './VerdocsEndpoint-76dbf9b9.js';
+import { a as getRoleIndex } from './utils-53001d87.js';
+import './Token-54690789.js';
 
 const verdocsSendCss = "verdocs-send{display:-ms-flexbox;display:flex;padding:10px;position:relative;background:#ffffff;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-send .recipients{position:relative}verdocs-send .left-line{top:32px;left:20px;z-index:1;width:12px;bottom:30px;position:absolute;background:#ffffff;border-left:3px dotted #9b9b9b}verdocs-send .level{display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;margin-left:50px;position:relative;-ms-flex-direction:row;flex-direction:row;padding:8px 0 4px 0;border-bottom:1px solid #97979744}verdocs-send .level .level-icon{top:14px;z-index:2;left:-40px;width:24px;height:24px;position:absolute;background:#ffffff}verdocs-send .level .level-icon svg{fill:#00000089}verdocs-send .level .recipient{height:30px;display:-ms-flexbox;display:flex;-ms-flex:0 0 30px;flex:0 0 30px;color:#000000;cursor:pointer;font-size:14px;-ms-flex-align:center;align-items:center;border-radius:30px;-ms-flex-direction:row;flex-direction:row;background:#dddddd;white-space:nowrap;padding:2px 10px 2px 14px}verdocs-send .level .recipient .icon{width:22px;height:22px;-ms-flex:0 0 22px;flex:0 0 22px;margin:0 0 0 10px}verdocs-send .level .recipient .icon svg{width:22px;height:22px;fill:#333333;outline:none}verdocs-send .level .complete{-ms-flex:1;flex:1;height:30px;display:-ms-flexbox;display:flex;color:#000000;font-size:14px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:3px 10px 3px 2px}verdocs-send .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-direction:row;flex-direction:row}verdocs-send verdocs-contact-picker{left:0;top:41px;z-index:10;position:absolute;border:1px solid #dddddd;-webkit-box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1);box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1)}";
 

package/dist/esm/verdocs-send.entry.js.map

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