@verdocs/web-sdk 1.9.34 → 1.9.35

package/dist/components/verdocs-template-card.js.map

@@ -1 +0,0 @@
-{"file":"verdocs-template-card.js","mappings":";;;;;;;;;;;;;;;;;;;;AAAA,MAAM,sBAAsB,GAAG,28CAA28C;;MCe79CA,qBAAmB;;;;;;EAM9B,MAAM;;IACJ,QACE,EAAC,IAAI,QACH,WAAK,GAAG,EAAE,CAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,iBAAiB,0CAAE,aAAa,KAAI,EAAE,EAAE,GAAG,EAAC,oBAAoB,EAAC,KAAK,EAAC,WAAW,GAAG,EAE9G,YAAM,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAQ,EAC9C,YAAM,KAAK,EAAC,UAAU,IAAE,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,0CAAE,IAAI,KAAI,QAAQ,CAAQ,EAE5E,aAAM,EAEN,WAAK,KAAK,EAAC,UAAU,IACnB,WAAK,KAAK,EAAC,SAAS,IAClB,YAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,QAAQ,GAAI,EAC1C,YAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAQ,CACnD,EAEN,WAAK,KAAK,EAAC,mBAAmB,IAC5B,YAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,GAAI,EAC3C,YAAM,KAAK,EAAC,OAAO,IAAE,CAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,iBAAiB,0CAAE,YAAY,KAAI,CAAC,CAAQ,CAC5E,EAEN,WAAK,KAAK,EAAC,mBAAmB,IAC5B,YAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,GAAI,EAC3C,YAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAQ,CAC9C,EAEN,YAAM,KAAK,EAAC,qBAAqB,EAAC,SAAS,EAAE,WAAW,GAAI,CACxD,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["VerdocsTemplateCard"],"sources":["./src/components/controls/verdocs-template-card/verdocs-template-card.scss?tag=verdocs-template-card","./src/components/controls/verdocs-template-card/verdocs-template-card.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-card {\n  font-family: $primary-font;\n  width: 320px;\n  height: 320px;\n  display: flex;\n  padding: 25px;\n  flex-wrap: nowrap;\n  box-sizing: border-box;\n  flex-direction: column;\n  background-color: $verdocs-grey-4;\n  box-shadow: 2px 2px 5px rgba(51, 54, 75, 0.05);\n\n  .thumbnail {\n    width: 272px;\n    height: 158px;\n    object-fit: cover;\n    margin-bottom: 22px;\n    object-position: -20% 0;\n  }\n\n  .name {\n    font-size: 18px;\n    font-weight: 700;\n    margin-bottom: 7px;\n  }\n\n  .org-name {\n    font-size: 14px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n\n  hr {\n    width: 100%;\n    margin-bottom: 17px;\n    background-color: $icon-color;\n  }\n\n  .controls {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    text-align: center;\n    font-size: 16px;\n\n    .control {\n      flex: 1;\n      display: flex;\n      margin-right: 8px;\n      align-items: flex-start;\n      border-right: 1px solid $icon-color;\n\n      &.secondary {\n        justify-content: center;\n      }\n\n      svg {\n        fill: $icon-color;\n        height: 16px;\n        max-width: 16px;\n        margin: 0 8px -2px 0;\n      }\n    }\n  }\n\n  .additional-controls svg {\n    margin-right: 0;\n    fill: $verdocs-purple;\n  }\n}\n","import {Component, Prop, h, Host} from '@stencil/core';\nimport {ITemplate} from '@verdocs/js-sdk/Templates/Types';\nimport ActionsIcon from './actions.svg';\nimport EmailIcon from './email.svg';\nimport PagesIcon from './pages.svg';\nimport StarIcon from './star.svg';\n\n/**\n * Displays a summary of a template\n */\n@Component({\n  tag: 'verdocs-template-card',\n  styleUrl: 'verdocs-template-card.scss',\n  shadow: false,\n})\nexport class VerdocsTemplateCard {\n  /**\n   * The template for which the card will be rendered.\n   */\n  @Prop() template: ITemplate;\n\n  render() {\n    return (\n      <Host>\n        <img src={this.template?.template_document?.thumbnail_url || ''} alt=\"Template Thumbnail\" class=\"thumbnail\" />\n\n        <span class=\"name\">{this.template.name}</span>\n        <span class=\"org-name\">{this.template.organization?.name || 'Public'}</span>\n\n        <hr />\n\n        <div class=\"controls\">\n          <div class=\"control\">\n            <span class=\"icon\" innerHTML={StarIcon} />\n            <span class=\"value\">{this.template.star_counter}</span>\n          </div>\n\n          <div class=\"control secondary\">\n            <span class=\"icon\" innerHTML={PagesIcon} />\n            <span class=\"value\">{this.template?.template_document?.page_numbers || 1}</span>\n          </div>\n\n          <div class=\"control secondary\">\n            <span class=\"icon\" innerHTML={EmailIcon} />\n            <span class=\"value\">{this.template.counter}</span>\n          </div>\n\n          <span class=\"additional-controls\" innerHTML={ActionsIcon} />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/verdocs-template-create.js.map

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

package/dist/components/verdocs-template-create2.js.map

@@ -1 +0,0 @@
-{"file":"verdocs-template-create2.js","mappings":"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","names":[],"sources":["./node_modules/@verdocs/js-sdk/Templates/TemplateDocuments.js","./src/components/elements/verdocs-template-create/verdocs-template-create.scss?tag=verdocs-template-create","./src/components/elements/verdocs-template-create/verdocs-template-create.tsx"],"sourcesContent":["/**\n * A TemplateDocument represents a PDF or other attachment in a Template.\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 * Get all the Template Documents associated to a particular Template.\n *\n * ```typescript\n * import {TemplateDocument} from '@verdocs/js-sdk/Templates';\n *\n * await TemplateDocument.geTemplateDocuments((VerdocsEndpoint.getDefault(), templateId);\n * ```\n */\nexport var getTemplateDocuments = function (endpoint, templateId) {\n    return endpoint.api //\n        .get(\"/templates/\".concat(templateId, \"/documents/\"))\n        .then(function (r) { return r.data; });\n};\n/**\n * Get a specific Document.\n *\n * ```typescript\n * import {TemplateDocument} from '@verdocs/js-sdk/Templates';\n *\n * await TemplateDocument.geTemplateDocument((VerdocsEndpoint.getDefault(), templateId,documentId);\n * ```\n */\nexport var getTemplateDocument = function (endpoint, templateId, documentId) {\n    return endpoint.api //\n        .get(\"/templates/\".concat(templateId, \"/documents/\").concat(documentId))\n        .then(function (r) { return r.data; });\n};\n/**\n * Create a Document for a particular Template.\n *\n * ```typescript\n * import {TemplateDocument} from '@verdocs/js-sdk/Templates';\n *\n * await TemplateDocument.createDocument((VerdocsEndpoint.getDefault(), templateID, params);\n * ```\n */\nexport var createTemplateDocument = function (endpoint, templateId, file, onUploadProgress) {\n    var formData = new FormData();\n    formData.append('document', file, file.name);\n    return endpoint.api //\n        .post(\"/templates/\".concat(templateId, \"/documents\"), formData, {\n        timeout: 10000,\n        onUploadProgress: function (event) {\n            var total = event.total || 1;\n            var loaded = event.loaded || 0;\n            onUploadProgress === null || onUploadProgress === void 0 ? void 0 : onUploadProgress(Math.floor((loaded * 100) / (total || 1)), loaded, total || 1);\n        },\n    })\n        .then(function (r) { return r.data; });\n};\n/**\n * Delete a specific Document.\n *\n * ```typescript\n * import {TemplateDocument} from '@verdocs/js-sdk/Templates';\n *\n * await TemplateDocument.deleteDocument((VerdocsEndpoint.getDefault(), templateID, documentID);\n * ```\n */\nexport var deleteTemplateDocument = function (endpoint, templateId, documentId) {\n    return endpoint.api //\n        .delete(\"/templates/\".concat(templateId, \"/documents/\").concat(documentId))\n        .then(function (r) { return r.data; });\n};\n/**\n * Get (binary download) a file attached to a Template. It is important to use this method\n * rather than a direct A HREF or similar link to set the authorization headers for the\n * request.\n */\nexport var getTemplateDocumentFile = function (endpoint, templateId, documentId) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .get(\"/templates/\".concat(templateId, \"/documents/\").concat(documentId, \"?file=true\"), { responseType: 'blob' })\n                .then(function (r) { return r.data; })];\n    });\n}); };\n/**\n * Get (binary download) a file attached to a Template. It is important to use this method\n * rather than a direct A HREF or similar link to set the authorization headers for the\n * request.\n */\nexport var getTemplateDocumentThumbnail = function (endpoint, templateId, documentId) { return __awaiter(void 0, void 0, void 0, function () {\n    return __generator(this, function (_a) {\n        return [2 /*return*/, endpoint.api //\n                .get(\"/templates/\".concat(templateId, \"/documents/\").concat(documentId, \"?thumbnail=true\"), { responseType: 'blob' })\n                .then(function (r) { return r.data; })];\n    });\n}); };\n","@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      max-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      svg {\n        width: 64px;\n        fill: #5c6575;\n      }\n    }\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","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {ITemplate} from '@verdocs/js-sdk/Templates/Types';\nimport {Component, h, Event, EventEmitter, Prop, State} from '@stencil/core';\nimport {createTemplateDocument} from '@verdocs/js-sdk/Templates/TemplateDocuments';\nimport {createTemplate, getTemplate} from '@verdocs/js-sdk/Templates/Templates';\nimport {SDKError} from '../../../utils/errors';\n// import {ITemplate, ITemplateDocument} from '@verdocs/js-sdk/Templates/Types';\n// import {createPage} from '@verdocs/js-sdk/Templates/Pages';\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  /**\n   * Event fired when the user cancels the dialog.\n   */\n  @Event({composed: true}) cancel: 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  @State() file: File | null;\n\n  componentWillLoad() {}\n\n  handleFileChanged(e: any) {\n    console.log('files', e.target.files);\n    this.file = e.target.files?.[0] || null;\n    console.log('Selected file', this.file);\n    // this.filePath = e.target.files?.[0]?.name;\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.cancel?.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    try {\n      const template = await createTemplate(this.endpoint, {name: this.file.name});\n      console.log('created template', template);\n\n      const template_document = await createTemplateDocument(this.endpoint, template.id, this.file);\n      console.log('created document', template_document);\n\n      const finalTemplate = await getTemplate(this.endpoint, template.id);\n      console.log('[CREATE] Created template', finalTemplate);\n\n      // for await (let pageNumber of Array.from(Array(template_document.page_numbers).keys(), n => n + 1)) {\n      //   console.log('Updating page', pageNumber);\n      //   const page = await createPage(this.endpoint, template.id, {sequence: pageNumber, page_number: pageNumber, document_id: template_document.id});\n      //   console.log('Created page', page);\n      // }\n\n      this.next?.emit(finalTemplate);\n    } catch (e) {\n      console.log('[TEMPLATE-CREATE] Error creating template', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  render() {\n    return (\n      <form onSubmit={e => e.preventDefault()} onClick={e => e.stopPropagation()} autocomplete=\"off\">\n        <input type=\"file\" id=\"verdocs-template-create-file\" multiple accept=\"application/pdf\" style={{display: 'none'}} onChange={e => this.handleFileChanged(e)} />\n\n        <div class=\"upload-box\">\n          <div>\n            <span innerHTML={FileIcon} />\n          </div>\n          <div style={{marginTop: '20px', fontSize: '20px', fontWeight: 'bold'}}>Drag a file here</div>\n          <div style={{marginTop: '20px', marginBottom: '20px', fontSize: '16px'}}>Or, if you prefer...</div>\n          <verdocs-button label=\"Select a file from your computer\" size=\"small\" onClick={e => this.handleUpload(e)} />\n        </div>\n\n        <div class=\"buttons\">\n          <verdocs-button variant=\"outline\" label=\"Cancel\" size=\"small\" onClick={e => this.handleCancel(e)} />\n          <verdocs-button label=\"Next\" size=\"small\" onClick={e => this.handleSubmit(e)} disabled={!this.file} />\n        </div>\n      </form>\n    );\n  }\n}\n"],"version":3}

package/dist/components/verdocs-template-fields.js.map

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

package/dist/components/verdocs-template-fields2.js.map

@@ -1 +0,0 @@
-{"file":"verdocs-template-fields2.js","mappings":"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","names":["TemplateStore"],"sources":["./src/components/elements/verdocs-template-fields/verdocs-template-fields.scss?tag=verdocs-template-fields","./src/components/elements/verdocs-template-fields/verdocs-template-fields.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-fields {\n  font-family: $verdocs-primary-font;\n\n  .page-0 {\n    padding: 65px 15px 0 15px;\n    box-sizing: border-box;\n\n    .user-placed-fields {\n      height: 100px;\n      position: relative;\n      background: #ffffff;\n      box-shadow: 0 0 10px 5px #0000000f;\n\n      .title {\n        top: 0;\n        left: 0;\n        color: #ffffff;\n        font-size: 12px;\n        padding: 3px 6px;\n        font-weight: bold;\n        position: absolute;\n        background: $verdocs-grey-blue;\n      }\n    }\n  }\n\n  .fields-bar {\n    height: 50px;\n    display: flex;\n    z-index: 10000;\n    position: fixed;\n    padding: 5px 20px;\n    line-height: 28px;\n    align-items: center;\n    flex-direction: row;\n    box-sizing: border-box;\n    background: $verdocs-grey-blue;\n\n    .label {\n      color: #ffffff;\n      font-size: 14px;\n      font-weight: bold;\n      margin-right: 8px;\n    }\n\n    .icon {\n      margin: 0 4px;\n      display: flex;\n      transform: scale(0.8, 0.8);\n\n      svg {\n        fill: #ffffff;\n      }\n    }\n\n    .operation {\n      border: none;\n      outline: none;\n      color: #ffffff;\n      cursor: pointer;\n      font-size: 16px;\n      margin-left: 10px;\n      background: transparent;\n      text-transform: uppercase;\n\n      &:disabled {\n        color: #cccccc;\n        cursor: inherit;\n        pointer-events: none;\n      }\n    }\n  }\n\n  .pages {\n    display: flex;\n    padding: 15px;\n    row-gap: 15px;\n    min-height: 200px;\n    position: relative;\n    align-items: center;\n    box-sizing: border-box;\n    flex-direction: column;\n\n    div,\n    canvas {\n      box-sizing: border-box;\n    }\n  }\n}\n","import interact from 'interactjs';\nimport {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {ITemplate, ITemplateField} from '@verdocs/js-sdk/Templates/Types';\nimport {Component, h, Event, EventEmitter, Prop, Host} from '@stencil/core';\nimport {getRoleIndex, renderDocumentField, updateCssTransform} from '../../../utils/utils';\nimport TemplateStore from '../../../utils/templateStore';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport {loadTemplate} from '../../../utils/Templates';\nimport {SDKError} from '../../../utils/errors';\n\nconst iconSingleline = '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" width=\"24\"><path d=\"M3.425 16.15V13h11.15v3.15Zm0-5.15V7.85h17.15V11Z\"/></svg>';\n\nconst iconMultiline =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" width=\"24\"><path d=\"M3.225 20.725v-3.15h11.55v3.15Zm0-4.775V12.8h17.55v3.15Zm0-4.75V8.05h17.55v3.15Zm0-4.775v-3.15h17.55v3.15Z\"/></svg>';\n\nconst iconCheck =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" width=\"24\"><path d=\"m10.55 16.55 7.275-7.275L16.05 7.5l-5.5 5.45-2.675-2.65L6.1 12.075Zm-5.375 4.925q-1.125 0-1.887-.763-.763-.762-.763-1.887V5.175q0-1.125.763-1.888.762-.762 1.887-.762h13.65q1.125 0 1.888.762.762.763.762 1.888v13.65q0 1.125-.762 1.887-.763.763-1.888.763Zm0-2.65h13.65V5.175H5.175v13.65Zm0-13.65v13.65-13.65Z\"/></svg>';\n\nconst iconRadio =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" width=\"24\"><path d=\"M12 17q2.075 0 3.538-1.463Q17 14.075 17 12t-1.462-3.538Q14.075 7 12 7 9.925 7 8.463 8.462 7 9.925 7 12q0 2.075 1.463 3.537Q9.925 17 12 17Zm0 5.85q-2.275 0-4.25-.85t-3.438-2.312Q2.85 18.225 2 16.25q-.85-1.975-.85-4.25T2 7.75q.85-1.975 2.312-3.438Q5.775 2.85 7.75 2q1.975-.85 4.25-.85t4.25.85q1.975.85 3.438 2.312Q21.15 5.775 22 7.75q.85 1.975.85 4.25T22 16.25q-.85 1.975-2.312 3.438Q18.225 21.15 16.25 22q-1.975.85-4.25.85Zm0-3.15q3.25 0 5.475-2.225Q19.7 15.25 19.7 12q0-3.25-2.225-5.475Q15.25 4.3 12 4.3q-3.25 0-5.475 2.225Q4.3 8.75 4.3 12q0 3.25 2.225 5.475Q8.75 19.7 12 19.7Zm0-7.7Z\"/></svg>';\n\nconst iconDatepicker =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" width=\"24\"><path d=\"M7.6 13.925q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375ZM5.3 22.85q-1.325 0-2.238-.912-.912-.913-.912-2.238V6.3q0-1.325.912-2.238.913-.912 2.238-.912H6v-2h2.575v2h6.85v-2H18v2h.7q1.325 0 2.238.912.912.913.912 2.238v13.4q0 1.325-.912 2.238-.913.912-2.238.912Zm0-3.15h13.4V10H5.3v9.7ZM5.3 8h13.4V6.3H5.3Zm0 0V6.3 8Z\"/></svg>';\n\nconst iconSignature =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" width=\"24\"><path d=\"m9.225 21.225 4.65-4.65h8.45v4.65Zm-5.35-2.2H5.05l8.5-8.5-1.175-1.175-8.5 8.5Zm14.25-9.95L13.8 4.8l1.325-1.325q.625-.65 1.525-.663.9-.012 1.6.663l1.225 1.175q.675.675.663 1.562-.013.888-.663 1.513ZM16.7 10.55 6 21.225H1.675V16.9L12.35 6.225Zm-3.725-.625-.6-.575 1.175 1.175Z\"/></svg>';\n\nconst iconInitial = '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" width=\"24\"><path d=\"M6.225 20.775V7h-5V3.225H15V7h-5v13.775Zm9.775 0v-8h-3V9h9.775v3.775h-3v8Z\"/></svg>';\n\n/**\n * Displays a builder experience for laying out fields in a template. Note that this experience requires a large display area to\n * present all of the required controls, so it is primarily intended to be used in desktop environments.\n */\n@Component({\n  tag: 'verdocs-template-fields',\n  styleUrl: 'verdocs-template-fields.scss',\n  shadow: false,\n})\nexport class VerdocsTemplateFields {\n  page0El: HTMLDivElement;\n  toolbarEl: HTMLDivElement;\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 ID of the template to create the document from.\n   */\n  @Prop() templateId: string | null = null;\n\n  /**\n   * Event fired when the user completes the step.\n   */\n  @Event({composed: true}) next: EventEmitter<ITemplate>;\n\n  /**\n   * Event fired when the user cancels the dialog.\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  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n\n      if (!this.templateId) {\n        console.log(`[FIELDS] Missing required template ID ${this.templateId}`);\n        return;\n      }\n\n      try {\n        console.log(`[FIELDS] Loading template ${this.templateId}`);\n        await loadTemplate(this.endpoint, this.templateId);\n      } catch (e) {\n        console.log('[FIELDS] Error loading template', e);\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      }\n    } catch (e) {\n      console.log('[FIELDS] Error with preview session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  componentDidRender() {\n    // console.log('rendered', this.page0El, this.toolbarEl);\n    // console.log('w', this.page0El.clientWidth);\n    // console.log('t', this.toolbarEl.clientWidth);\n    interact.dynamicDrop(true);\n    this.toolbarEl.style.width = `${this.page0El.clientWidth}px`;\n  }\n\n  async handleFieldChange(field: ITemplateField, e: any, optionId?: string) {\n    console.log('[FIELDS] handleFieldChange', field, e, optionId);\n  }\n\n  handlePageRendered(e) {\n    const pageInfo = e.detail as IDocumentPageInfo;\n    console.log('[FIELDS] Page rendered', pageInfo);\n\n    const fields = TemplateStore.fields.filter(field => field.page_sequence === pageInfo.pageNumber);\n    // const fields = this.fields.filter(field => field.page_sequence === pageInfo.renderedPage.pageNumber);\n    console.log('[FIELDS] Fields on page', fields);\n    fields.forEach(field => {\n      const el = renderDocumentField(field, pageInfo, getRoleIndex(TemplateStore.roleNames, field.role_name), {disabled: true, editable: true, draggable: true});\n      if (!el) {\n        return;\n      }\n\n      el.addEventListener('input', e => this.handleFieldChange(field, e));\n      el.addEventListener('recipientChanged', e => el.setAttribute('roleindex', getRoleIndex(TemplateStore.roleNames, e.detail)));\n\n      el.setAttribute('xScale', pageInfo.xScale);\n      el.setAttribute('yScale', pageInfo.yScale);\n\n      interact(el).draggable({\n        listeners: {\n          start(event) {\n            console.log('[FIELDS] Drag started', event.type, event.target);\n          },\n          move(event) {\n            const oldX = +(event.target.getAttribute('posX') || 0);\n            const oldY = +(event.target.getAttribute('posY') || 0);\n            const xScale = +(event.target.getAttribute('xScale') || 1);\n            const yScale = +(event.target.getAttribute('yScale') || 1);\n            const newX = event.dx / xScale + oldX;\n            const newY = event.dy / yScale + oldY;\n            event.target.setAttribute('posX', newX);\n            event.target.setAttribute('posy', newY);\n            updateCssTransform(event.target, 'translate', `${newX}px, ${newY}px`);\n          },\n          end(event) {\n            console.log('[FIELDS] Drag ended', event);\n            // event.target.setAttribute('posX', 0);\n            // event.target.setAttribute('posy', 0);\n            // updateCssTransform(event.target, 'translate', `${0}px, ${0}px`);\n          },\n        },\n      });\n    });\n  }\n\n  render() {\n    const testField: ITemplateField = {\n      template_id: '',\n      name: 'test',\n      role_name: 'Recipient 1',\n      type: 'textbox',\n      required: true,\n      setting: {\n        x: 0,\n        y: 0,\n      },\n      page_sequence: 0,\n    };\n\n    // TODO: Render a better error\n    if (TemplateStore.loading || !TemplateStore.template) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    const pages = [...TemplateStore.template.pages];\n    pages.sort((a, b) => a.sequence - b.sequence);\n\n    return (\n      <Host>\n        <div class=\"fields-bar\" ref={el => (this.toolbarEl = el as HTMLDivElement)}>\n          <div class=\"label\">Add Field:</div>\n          <verdocs-toolbar-icon icon={iconSingleline} text=\"Single-line Text Box\" onClick={() => console.log('single press')} />\n          <verdocs-toolbar-icon icon={iconMultiline} text=\"Multi-line Text Box\" onClick={() => console.log('multi press')} />\n          <verdocs-toolbar-icon icon={iconCheck} text=\"Checkbox\" onClick={() => console.log('check press')} />\n          <verdocs-toolbar-icon icon={iconRadio} text=\"Radio Button\" onClick={() => console.log('radio press')} />\n          <verdocs-toolbar-icon icon={iconDatepicker} text=\"Date Picker\" onClick={() => console.log('date press')} />\n          <verdocs-toolbar-icon icon={iconSignature} text=\"Signature\" onClick={() => console.log('signature press')} />\n          <verdocs-toolbar-icon icon={iconInitial} text=\"Initials\" onClick={() => console.log('initial press')} />\n          <div style={{flex: '1'}} />\n          <button onClick={() => this.next?.emit(TemplateStore.template)} disabled={true} class=\"operation\">\n            Save\n          </button>\n          <button onClick={() => this.cancel?.emit()} class=\"operation\">\n            Close\n          </button>\n        </div>\n\n        <div class=\"page-0\" ref={el => (this.page0El = el as HTMLDivElement)}>\n          <div class=\"user-placed-fields\">\n            <div class=\"title\">User-Placed Fields</div>\n            <verdocs-field-signature\n              field={testField}\n              style={{width: '82px', height: '41px', left: '20px', top: '40px', transform: 'scale(1,1)', backgroundColor: getRGBA(0)}}\n              moveable={true}\n              editable={true}\n            />\n          </div>\n        </div>\n\n        <div class=\"pages\">\n          {pages.map(page => {\n            console.log('rendering page', page);\n            return (\n              <verdocs-document-page\n                pageImageUri={page.display_uri}\n                virtualWidth={612}\n                virtualHeight={792}\n                pageNumber={page.sequence}\n                onPageRendered={e => this.handlePageRendered(e)}\n                layers={[\n                  {name: 'page', type: 'canvas'},\n                  {name: 'controls', type: 'div'},\n                ]}\n              />\n            );\n          })}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/verdocs-template-properties.js.map

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

package/dist/components/verdocs-template-properties2.js.map

@@ -1 +0,0 @@
-{"file":"verdocs-template-properties2.js","mappings":"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","names":["TemplateStore"],"sources":["./src/components/elements/verdocs-template-properties/verdocs-template-properties.scss?tag=verdocs-template-properties","./src/components/elements/verdocs-template-properties/verdocs-template-properties.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-properties {\n  font-family: $verdocs-primary-font;\n\n  form {\n    display: flex;\n    flex-direction: column;\n\n    h5 {\n      font-size: 14px;\n      font-weight: 400;\n      margin: 0 0 6px 0;\n    }\n\n    .row {\n      display: flex;\n      position: relative;\n      margin: 0 0 20px 0;\n      flex-direction: column;\n    }\n\n    fieldset {\n      width: 440px;\n      border: none;\n      max-width: 100%;\n      margin: 0 0 20px 0;\n      box-sizing: border-box;\n      padding: 20px 20px 10px 20px;\n      background-color: $verdocs-grey-4;\n      box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 12%), 0 0 2px 0 rgb(0 0 0 / 14%);\n    }\n\n    label {\n      display: block;\n      font-size: 14px;\n      font-weight: 500;\n      margin: 0 0 4px 0;\n      color: $verdocs-bg-4;\n    }\n\n    input {\n      border: none;\n      font-size: 18px;\n      padding: 3px 6px 3px 0;\n      background: transparent;\n      border-bottom: 1px solid $verdocs-dark-blue;\n\n      &:focus {\n        outline: none;\n      }\n    }\n\n    .input-row {\n      display: flex;\n      margin: 0 0 10px 0;\n      align-items: center;\n      flex-direction: row;\n\n      label {\n        flex: 1;\n        display: flex;\n      }\n\n      verdocs-text-input {\n        margin: 0;\n        display: flex;\n        flex: 0 0 40px;\n\n        input {\n          text-align: center;\n        }\n      }\n\n      verdocs-checkbox {\n        display: flex;\n        flex: 0 0 40px;\n        justify-content: center;\n      }\n    }\n\n    .radio-row {\n      display: flex;\n      position: relative;\n      margin: 0 0 10px 0;\n      flex-direction: row;\n\n      verdocs-radio-button {\n        display: flex;\n        flex: 0 0 30px;\n      }\n\n      label {\n        display: flex;\n        flex-direction: column;\n\n        .title {\n          font-size: 16px;\n          font-weight: 500;\n        }\n\n        .description {\n          font-size: 14px;\n          font-weight: 400;\n        }\n      }\n    }\n  }\n\n  .buttons {\n    display: flex;\n    column-gap: 8px;\n    margin-top: 16px;\n    flex-direction: row;\n\n    .flex-fill {\n      flex: 1;\n    }\n  }\n\n  ::placeholder {\n    color: $verdocs-bg-2;\n  }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Prop, State} from '@stencil/core';\nimport {getTemplate} from '@verdocs/js-sdk/Templates/Templates';\nimport {ITemplate} from '@verdocs/js-sdk/Templates/Types';\nimport {SDKError} from '../../../utils/errors';\nimport TemplateStore from '../../../utils/templateStore';\n\n/**\n * Displays a collection of settings boxes that allow a user to configure a template's behavior.\n */\n@Component({\n  tag: 'verdocs-template-properties',\n  styleUrl: 'verdocs-template-properties.scss',\n  shadow: false,\n})\nexport class VerdocsTemplateProperties {\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   * Event fired when the user cancels the dialog.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  /**\n   * Event fired when the user completes the step.\n   */\n  @Event({composed: true}) next: EventEmitter<{name: string; sendReminders: boolean; firstReminderDays: number; reminderDays: number}>;\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  @State() name: string = '';\n  @State() visibility: string = '';\n  @State() sendReminders = false;\n  @State() firstReminderDays = '1';\n  @State() reminderDays = '1';\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n\n      console.log(`[PROPERTIES] Loading template ${this.templateId}`);\n      const template = await getTemplate(this.endpoint, this.templateId);\n      if (!template) {\n        console.log('[PREVIEW] Unable to load template');\n        return;\n      }\n\n      console.log('[PROPERTIES] Got template', template);\n      this.template = template;\n      TemplateStore.template = template;\n      this.name = template.name;\n      this.sendReminders = template.reminder_id !== null;\n    } catch (e) {\n      console.log('[PROPERTIES] Error loading template', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  handleCancel(e) {\n    e.stopPropagation();\n    this.cancel?.emit();\n  }\n\n  handleSubmit(e) {\n    e.stopPropagation();\n\n    this.next?.emit({\n      name: this.name,\n      firstReminderDays: +this.firstReminderDays,\n      reminderDays: +this.reminderDays,\n      sendReminders: this.sendReminders,\n    });\n  }\n\n  render() {\n    return (\n      <form onSubmit={e => e.preventDefault()} onClick={e => e.stopPropagation()} autocomplete=\"off\">\n        <h5>Template Name</h5>\n        <fieldset>\n          <verdocs-text-input value={this.name} autocomplete=\"off\" onInput={(e: any) => (this.name = e.target.value)} />\n        </fieldset>\n\n        <h5>Reminders</h5>\n        <fieldset>\n          <div class=\"input-row\">\n            <label>Send Automatic Reminders</label>\n            <verdocs-checkbox name=\"automatic-reminders\" checked={this.sendReminders} value=\"on\" onInput={(e: any) => (this.sendReminders = e.target.checked)} />\n          </div>\n\n          <div class=\"input-row\">\n            <label>Days Before First Reminder</label>\n            <verdocs-text-input value={this.firstReminderDays} onInput={(e: any) => (this.firstReminderDays = e.target.value)} />\n          </div>\n          <div class=\"input-row\">\n            <label>Days Between Reminders</label>\n            <verdocs-text-input value={this.reminderDays} onInput={(e: any) => (this.reminderDays = e.target.value)} />\n          </div>\n        </fieldset>\n\n        <h5>Template Visibility</h5>\n        <fieldset>\n          <div class=\"radio-row\">\n            <verdocs-radio-button name=\"visibility\" checked={true} value=\"private\" onChange={() => (this.visibility = 'private')} />\n            <label htmlFor=\"verdocs-radio-button-visibility-private\">\n              <div class=\"title\">Private</div>\n              <div class=\"description\">Only you can share and use this template</div>\n            </label>\n          </div>\n          <div class=\"radio-row\">\n            <verdocs-radio-button name=\"visibility\" checked={true} value=\"shared\" onChange={() => (this.visibility = 'shared')} />\n            <label htmlFor=\"verdocs-radio-button-visibility-shared\">\n              <div class=\"title\">Shared to your organization</div>\n              <div class=\"description\">Give access to your organization to share and use this template</div>\n            </label>\n          </div>\n          <div class=\"radio-row\">\n            <verdocs-radio-button name=\"visibility\" checked={true} value=\"shared_public\" onChange={() => (this.visibility = 'shared_public')} />\n            <label htmlFor=\"verdocs-radio-button-visibility-shared_public\">\n              <div class=\"title\">Shared to your organization and Public</div>\n              <div class=\"description\">Give access to your organization to share this template, and anyone on the Web can find and use this template</div>\n            </label>\n          </div>\n          <div class=\"radio-row\">\n            <verdocs-radio-button name=\"visibility\" checked={this.visibility === 'public'} value=\"public\" onChange={() => (this.visibility = 'public')} />\n            <label htmlFor=\"verdocs-radio-button-visibility-public\">\n              <div class=\"title\">Public</div>\n              <div class=\"description\">Anyone on the Web can find and use this template</div>\n            </label>\n          </div>\n        </fieldset>\n\n        <div class=\"buttons\">\n          <div class=\"flex-fill\" />\n\n          <verdocs-button variant=\"outline\" label=\"Cancel\" size=\"small\" onClick={e => this.handleCancel(e)} />\n          <verdocs-button label=\"OK\" size=\"small\" onClick={e => this.handleSubmit(e)} />\n        </div>\n      </form>\n    );\n  }\n}\n"],"version":3}

package/dist/components/verdocs-template-recipients.js.map

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

package/dist/components/verdocs-template-recipients2.js.map

@@ -1 +0,0 @@
-{"file":"verdocs-template-recipients2.js","mappings":"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","names":[],"sources":["./src/components/elements/verdocs-template-recipients/verdocs-template-recipients.scss?tag=verdocs-template-recipients","./src/components/elements/verdocs-template-recipients/verdocs-template-recipients.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-recipients {\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    h5 {\n      font-size: 16px;\n      font-weight: bold;\n      color: $verdocs-deep-blue;\n      margin: 0 0 10px 0;\n    }\n\n    .participants {\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    .row {\n      display: flex;\n      column-gap: 0;\n      margin-left: 50px;\n      position: relative;\n      flex-direction: row;\n      padding: 6px 0 4px 0;\n\n      .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      .sender {\n        height: 30px;\n        display: flex;\n        font-size: 14px;\n        padding: 0 5px 0 15px;\n        line-height: 30px;\n        flex-direction: row;\n        border-radius: 30px;\n        margin: 0 0 0 14px;\n        background-color: $verdocs-grey-3;\n        border: 1px solid $verdocs-grey-2;\n      }\n\n      .complete {\n        height: 30px;\n        display: flex;\n        font-size: 14px;\n        padding: 0 15px;\n        line-height: 30px;\n        flex-direction: row;\n        border-radius: 30px;\n        margin: 0 0 0 14px;\n        background-color: $verdocs-grey-3;\n        border: 1px solid $verdocs-grey-2;\n      }\n\n      .label {\n        font-weight: bold;\n        margin-right: 6px;\n        color: $verdocs-grey-1;\n      }\n\n      .settings-button {\n        margin: 4px 0 0 9px;\n        cursor: pointer;\n      }\n\n      .recipient {\n        height: 30px;\n        display: flex;\n        font-size: 14px;\n        line-height: 30px;\n        border-radius: 30px;\n        flex-direction: row;\n        padding: 0 5px 0 15px;\n        border: 1px solid $verdocs-grey-2;\n      }\n\n      .dropzone {\n        width: 14px;\n        height: 30px;\n        //visibility: hidden;\n\n        svg {\n          fill: #cccccc;\n        }\n\n        &.visible {\n          margin: 0 7px;\n          //visibility: visible;\n        }\n\n        &.active {\n          width: 100px;\n          border-radius: 30px;\n          background: #654dcb7f;\n          border: 1px dashed #654dcb;\n\n          svg {\n          }\n        }\n      }\n    }\n\n    label {\n      display: block;\n      font-size: 14px;\n      font-weight: 500;\n      margin: 0 0 4px 0;\n      color: $verdocs-bg-4;\n    }\n\n    input {\n      border: none;\n      font-size: 18px;\n      padding: 3px 6px 3px 0;\n      background: transparent;\n      border-bottom: 1px solid $verdocs-dark-blue;\n\n      &:focus {\n        outline: none;\n      }\n    }\n  }\n\n  .buttons {\n    display: flex;\n    column-gap: 8px;\n    margin-top: 16px;\n    flex-direction: row;\n\n    .flex-fill {\n      flex: 1;\n    }\n  }\n\n  ::placeholder {\n    color: $verdocs-bg-2;\n  }\n}\n","import interact from 'interactjs';\nimport {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {getRGBA} from '@verdocs/js-sdk/Utils/Colors';\nimport {IRole, TemplateSenderTypes} from '@verdocs/js-sdk/Templates/Types';\nimport {Component, h, Event, EventEmitter, Fragment, Prop, State} from '@stencil/core';\nimport {getRoleIndex} from '../../../utils/utils';\n\nconst arrayMove = (arr: any[], fromIndex: number, toIndex: number) => {\n  const newArr = [...arr];\n  newArr.splice(toIndex, 0, newArr.splice(fromIndex, 1)[0]);\n  return newArr;\n};\n\ntype TAnnotatedRole = IRole & {order: number};\n\nconst senderLabels: Record<TemplateSenderTypes, string> = {\n  [TemplateSenderTypes.EVERYONE]: 'Everyone',\n  [TemplateSenderTypes.EVERYONE_AS_CREATOR]: 'Everyone as Me',\n  [TemplateSenderTypes.ORGANIZATION_MEMBER]: 'Organization member',\n  [TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR]: 'Organization Member as Me',\n  [TemplateSenderTypes.CREATOR]: 'Me',\n};\n\nconst settingsIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20\" width=\"20\"><path d=\"m8.021 17.917-.313-2.5q-.27-.125-.625-.334-.354-.208-.625-.395l-2.312.979-1.979-3.438 1.979-1.5q-.021-.167-.031-.364-.011-.198-.011-.365 0-.146.011-.344.01-.198.031-.385l-1.979-1.5 1.979-3.417 2.312.958q.271-.187.615-.385t.635-.344l.313-2.5h3.958l.313 2.5q.312.167.625.344.312.177.604.385l2.333-.958 1.979 3.417-1.979 1.521q.021.187.021.364V10q0 .146-.01.333-.011.188-.011.396l1.958 1.5-1.979 3.438-2.312-.979q-.292.208-.615.395-.323.188-.614.334l-.313 2.5Zm1.937-5.355q1.063 0 1.813-.75t.75-1.812q0-1.062-.75-1.812t-1.813-.75q-1.041 0-1.802.75-.76.75-.76 1.812t.76 1.812q.761.75 1.802.75Zm0-1.333q-.5 0-.864-.364-.365-.365-.365-.865t.365-.865q.364-.364.864-.364t.865.364q.365.365.365.865t-.365.865q-.365.364-.865.364ZM10.021 10Zm-.854 6.583h1.666l.25-2.187q.605-.167 1.136-.49.531-.323 1.031-.802l2.021.875.854-1.375-1.792-1.354q.105-.333.136-.635.031-.303.031-.615 0-.292-.031-.573-.031-.281-.115-.635l1.792-1.396-.834-1.375-2.062.875q-.438-.438-1.021-.781-.583-.344-1.125-.49l-.271-2.208H9.167l-.271 2.208q-.584.146-1.125.458-.542.313-1.042.792l-2.021-.854-.833 1.375 1.75 1.354q-.083.333-.125.646-.042.312-.042.604t.042.594q.042.302.125.635l-1.75 1.375.833 1.375 2.021-.854q.479.458 1.021.771.542.312 1.146.479Z\"/></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\nexport interface IContactSearchEvent {\n  // The text the user has entered in the search field\n  query: string;\n}\n\nexport interface IContactSelectEvent {\n  full_name: string;\n  email: string;\n  phone: string;\n  message: string;\n  delegator: boolean;\n}\n\nexport interface IEmailContact {\n  // Optional but recommended. An internal identifier used to identify the contact in the calling system.\n  id?: any;\n\n  // The user's avatar. If not set, a placeholder will be shown. To hide avatars entirely, use CSS to set\n  // `verdocs-contact-picker .avatar { display: none; }`\n  avatar?: string;\n\n  // The recipient's name, as it should be displayed to the user.\n  name: string;\n\n  // The email address for the contact.\n  email: string;\n\n  // An optional phone number for the contact. This number must be able SMS messages. If both email and phone are provided,\n  // notifications will be sent to both locations.\n  phone?: string;\n\n  [key: string]: any;\n}\n\nexport interface IPhoneContact {\n  // Optional but recommended. An internal identifier used to identify the contact in the calling system.\n  id?: any;\n\n  // The user's avatar. If not set, a placeholder will be shown. To hide avatars entirely, use CSS to set\n  // `verdocs-contact-picker .avatar { display: none; }`\n  avatar?: string;\n\n  // The recipient's name, as it should be displayed to the user.\n  name: string;\n\n  // The email address for the contact.\n  email?: string;\n\n  // An optional phone number for the contact. This number must be able SMS messages. If both email and phone are provided,\n  // notifications will be sent to both locations.\n  phone: string;\n\n  [key: string]: any;\n}\n\n/**\n * Displays a contact picker suitable for filling out Recipient objects when sending Documents.\n *\n * This picker can also be integrated with a backend to provide contact list / suggestion / address-book style behavior. As the\n * user interacts with the component, the text entered in the name field is sent back to the parent via the `searchContacts` event.\n * The parent can use that text as a query string to call a backend to obtain appropriate contacts to show. This list may also be\n * hard-coded ahead of time to provide the user with smart suggestions on initial display, such as \"Recently Used\" contacts, or\n * to always display the user's own contact record.\n */\n@Component({\n  tag: 'verdocs-template-recipients',\n  styleUrl: 'verdocs-template-recipients.scss',\n  shadow: false,\n})\nexport class VerdocsTemplateRecipients {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The role that this contact will be assigned to.\n   */\n  @Prop() templateRole: IRole | null = null;\n\n  /**\n   * If set, suggestions will be displayed in a drop-down list to the user. It is recommended that the number\n   * of suggestions be limited to the 5 best matching records.\n   */\n  @Prop() contactSuggestions: (IEmailContact | IPhoneContact)[] = [];\n\n  /**\n   * Event fired when the user enters text in the search field. The calling application may use this to update\n   * the `contactSuggestions` property.\n   */\n  @Event({composed: true}) searchContacts: EventEmitter<IContactSearchEvent>;\n\n  /**\n   * Event fired when the user cancels the dialog.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  /**\n   * Event fired when the user selects a contact.\n   */\n  @Event({composed: true}) next: EventEmitter<IContactSelectEvent>;\n\n  @State() name: string;\n  @State() email: string;\n  @State() phone: string;\n  @State() message: string;\n  @State() showSuggestions: boolean = false;\n  @State() showMessage: boolean = false;\n  @State() delegator: boolean = false;\n  @State() sender: TemplateSenderTypes = TemplateSenderTypes.CREATOR;\n  @State() showingSenderDialog = false;\n  @State() orderedRoles: TAnnotatedRole[] = [];\n\n  sequences: number[] = [];\n  rolesAtSequence: Record<number, TAnnotatedRole[]> = {};\n\n  componentWillLoad() {\n    if (this.templateRole) {\n      this.name = this.templateRole.full_name || '';\n      this.email = this.templateRole.email || '';\n      this.phone = this.templateRole.phone || '';\n      this.delegator = this.templateRole.delegator || false;\n      this.message = this.templateRole.message || '';\n      this.showMessage = this.message !== '';\n    }\n\n    this.orderedRoles = [\n      {\n        order: 0,\n        template_id: '951016b0-c5ef-450d-b628-9a0c5b84b163',\n        name: 'Seller 1',\n        full_name: '',\n        email: '',\n        type: 'signer',\n        sequence: 1,\n        fields: [],\n        delegator: false,\n        phone: '',\n      },\n      {\n        order: 1,\n        template_id: '951016b0-c5ef-450d-b628-9a0c5b84b163',\n        name: 'Seller 2',\n        full_name: '',\n        email: '',\n        type: 'signer',\n        sequence: 1,\n        fields: [],\n        delegator: false,\n        phone: '',\n      },\n      {\n        order: 2,\n        template_id: '951016b0-c5ef-450d-b628-9a0c5b84b163',\n        name: 'Buyer 1',\n        full_name: '',\n        email: '',\n        type: 'signer',\n        sequence: 2,\n        fields: [],\n        delegator: false,\n        phone: '',\n      },\n      {\n        order: 3,\n        template_id: '951016b0-c5ef-450d-b628-9a0c5b84b163',\n        name: 'Buyer 2',\n        full_name: '',\n        email: '',\n        type: 'signer',\n        sequence: 2,\n        fields: [],\n        delegator: false,\n        phone: '',\n      },\n    ];\n\n    this.computeRolesBySequence();\n  }\n\n  componentDidRender() {\n    interact.dynamicDrop(true);\n    interact('.recipient').draggable({\n      listeners: {\n        start(event) {\n          console.log('drag start', event.type, event.target);\n        },\n        move(event) {\n          const oldX = +(event.target.getAttribute('posX') || 0);\n          const oldY = +(event.target.getAttribute('posY') || 0);\n          const newX = event.dx + oldX;\n          const newY = event.dy + oldY;\n          event.target.setAttribute('posX', newX);\n          event.target.setAttribute('posy', newY);\n          event.target.style.transform = `translate(${newX}px, ${newY}px)`;\n        },\n        end(event) {\n          console.log('end', event);\n          event.target.setAttribute('posX', 0);\n          event.target.setAttribute('posy', 0);\n          event.target.style.transform = `translate(0px, 0px)`;\n        },\n      },\n    });\n\n    interact('.dropzone').dropzone({\n      overlap: 0.05,\n      ondrop: event => {\n        event.target.classList.remove('active');\n\n        console.log(event.relatedTarget.id + ' was dropped into ' + event.target.id);\n\n        const roleName = event.relatedTarget.dataset.rolename;\n        const targetOrder = +event.target.dataset.order;\n        const targetSequence = +event.target.dataset.sequence;\n        // const roleIndex = this.orderedRoles.findIndex(role => role.name === roleToMove);\n\n        const roleIndex = this.orderedRoles.findIndex(role => role.name === roleName);\n        if (roleIndex !== -1) {\n          console.log('Will move', {roleName, targetOrder, targetSequence, roleIndex});\n          const role = this.orderedRoles[roleIndex];\n          role.sequence = targetSequence;\n\n          console.log('before', JSON.parse(JSON.stringify(this.orderedRoles)));\n          this.orderedRoles = arrayMove(this.orderedRoles, roleIndex, targetOrder);\n          this.orderedRoles.forEach((role, index) => {\n            role.order = index;\n          });\n          console.log('after', JSON.parse(JSON.stringify(this.orderedRoles)));\n          this.computeRolesBySequence();\n        }\n      },\n      ondropactivate: e => {\n        // console.log('drop activated');\n        e.target.classList.add('visible');\n      },\n      ondropdeactivate: e => {\n        e.target.classList.remove('visible');\n      },\n      ondragenter: e => {\n        // console.log('drag enter', e);\n        e.target.classList.add('active');\n      },\n      ondragleave: e => {\n        // console.log('drag leave', e);\n        e.target.classList.remove('active');\n      },\n    });\n  }\n\n  computeRolesBySequence() {\n    const rolesAtSequence: Record<number, TAnnotatedRole[]> = {};\n\n    this.orderedRoles.forEach(role => {\n      rolesAtSequence[role.sequence] ||= [];\n      rolesAtSequence[role.sequence].push(role);\n    });\n\n    this.rolesAtSequence = rolesAtSequence;\n\n    console.log('ras', this.rolesAtSequence);\n    this.sequences = Object.keys(rolesAtSequence).map(levelStr => +levelStr);\n    this.sequences.sort((a, b) => a - b);\n  }\n\n  handleCancel(e) {\n    e.stopPropagation();\n    this.showSuggestions = false;\n    this.cancel?.emit();\n  }\n\n  handleSubmit(e) {\n    e.stopPropagation();\n\n    this.showSuggestions = false;\n    this.next?.emit({\n      full_name: this.name,\n      email: this.email,\n      phone: this.phone,\n      message: this.message,\n      delegator: this.delegator,\n    });\n  }\n\n  render() {\n    console.log('ordered roles', JSON.parse(JSON.stringify(this.orderedRoles)));\n    const roleNames = this.orderedRoles.map(role => role.name) || [];\n    let beforeOrder = 0;\n\n    return (\n      <form onSubmit={e => e.preventDefault()} onClick={e => e.stopPropagation()} autocomplete=\"off\">\n        <h5>Participant Order</h5>\n\n        <div class=\"participants\">\n          <div class=\"left-line\" />\n          <div class=\"row\">\n            <div class=\"icon\" innerHTML={startIcon} />\n            <div class=\"sender\">\n              <span class=\"label\">Sender:</span> {senderLabels[this.sender]}{' '}\n              <div class=\"settings-button\" innerHTML={settingsIcon} onClick={() => (this.showingSenderDialog = true)} aria-role=\"button\" />\n            </div>\n          </div>\n\n          {this.sequences.map(sequence => (\n            <div class=\"row\">\n              <div class=\"icon\" innerHTML={stepIcon} />\n              <div class=\"dropzone\" data-order={beforeOrder} data-sequence={sequence} />\n              {this.rolesAtSequence[sequence].map(role => {\n                beforeOrder = role.order;\n                return (\n                  <Fragment>\n                    <div class=\"recipient\" style={{backgroundColor: getRGBA(getRoleIndex(roleNames, role.name))}} data-rolename={role.name}>\n                      {role.name} <div class=\"settings-button\" innerHTML={settingsIcon} onClick={() => (this.showingSenderDialog = true)} aria-role=\"button\" />\n                    </div>\n                    <div class=\"dropzone\" data-order={beforeOrder} data-sequence={sequence} />\n                  </Fragment>\n                );\n              })}\n            </div>\n          ))}\n\n          <div class=\"row\">\n            <div class=\"icon\" innerHTML={doneIcon} />\n            <div class=\"complete\">Document Complete</div>\n          </div>\n        </div>\n\n        <div class=\"buttons\">\n          <div class=\"flex-fill\" />\n\n          <verdocs-button variant=\"outline\" label=\"Cancel\" size=\"small\" onClick={e => this.handleCancel(e)} />\n          <verdocs-button label=\"OK\" size=\"small\" onClick={e => this.handleSubmit(e)} />\n        </div>\n\n        {/* We do it this way instead of setting open so the widget resets each time it's displayed, in case the user opens/changes/cancels */}\n        {this.showingSenderDialog && (\n          <verdocs-template-sender-dialog\n            value={this.sender}\n            onCancel={() => (this.showingSenderDialog = false)}\n            onNext={e => {\n              this.showingSenderDialog = false;\n              this.sender = e.detail;\n            }}\n          />\n        )}\n      </form>\n    );\n  }\n}\n"],"version":3}

package/dist/components/verdocs-template-sender-dialog.js.map

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

package/dist/components/verdocs-template-sender-dialog2.js.map

@@ -1 +0,0 @@
-{"file":"verdocs-template-sender-dialog2.js","mappings":"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","names":[],"sources":["./src/components/dialogs/verdocs-template-sender-dialog/verdocs-template-sender-dialog.scss?tag=verdocs-template-sender-dialog","./src/components/dialogs/verdocs-template-sender-dialog/verdocs-template-sender-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-sender-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .background-overlay {\n    position: absolute;\n    z-index: 10000;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #0000007f;\n  }\n\n  .dialog {\n    width: 340px;\n    display: flex;\n    flex-direction: column;\n    border-radius: 4px;\n    overflow: hidden;\n    background: $verdocs-grey-4;\n    padding: 16px;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\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: flex-end;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n\n  .options {\n    row-gap: 10px;\n\n    .option {\n      display: flex;\n      flex-direction: row;\n\n      .description {\n        margin-left: 10px;\n\n        .name {\n          display: inline-block;\n          vertical-align: top;\n          margin-top: 4px;\n          margin-right: 4px;\n        }\n      }\n    }\n  }\n}\n","import {TemplateSenderTypes} from '@verdocs/js-sdk/Templates/Types';\nimport {Component, Prop, h, Event, EventEmitter, Host, State} from '@stencil/core';\n\n/**\n * Display a dialog that allows a template sender to be selected.\n */\n@Component({\n  tag: 'verdocs-template-sender-dialog',\n  styleUrl: 'verdocs-template-sender-dialog.scss',\n})\nexport class VerdocsTemplateSenderDialog {\n  /**\n   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n   */\n  @Prop() value: TemplateSenderTypes = TemplateSenderTypes.EVERYONE;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the closure reason.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the selected value.\n   */\n  @Event({composed: true}) next: EventEmitter<TemplateSenderTypes>;\n\n  @State() newValue: TemplateSenderTypes = TemplateSenderTypes.EVERYONE;\n\n  componentWillLoad() {\n    this.newValue = this.value;\n  }\n\n  handleCancel() {\n    this.cancel.emit();\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.handleCancel();\n    }\n  }\n\n  handleDone() {\n    this.next.emit(this.newValue);\n  }\n\n  handleSelectSetting(value: TemplateSenderTypes) {\n    this.newValue = value;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"options\">\n              <div class=\"option\">\n                <verdocs-radio-button\n                  name=\"template-sender\"\n                  value={TemplateSenderTypes.EVERYONE}\n                  checked={this.value === TemplateSenderTypes.EVERYONE}\n                  onInput={() => this.handleSelectSetting(TemplateSenderTypes.EVERYONE)}\n                />\n                <div class=\"description\">\n                  <div class=\"name\">Anyone on the Web</div>\n                  <verdocs-help-icon text=\"Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)\" />\n                </div>\n              </div>\n              <div class=\"option\">\n                <verdocs-radio-button\n                  name=\"template-sender\"\n                  value={TemplateSenderTypes.EVERYONE_AS_CREATOR}\n                  checked={this.value === TemplateSenderTypes.EVERYONE_AS_CREATOR}\n                  onInput={() => this.handleSelectSetting(TemplateSenderTypes.EVERYONE_AS_CREATOR)}\n                />\n                <div class=\"description\">\n                  <div class=\"name\">Anyone on the Web as me</div>\n                  <verdocs-help-icon text=\"Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)\" />\n                </div>\n              </div>\n              <div class=\"option\">\n                <verdocs-radio-button\n                  name=\"template-sender\"\n                  value={TemplateSenderTypes.ORGANIZATION_MEMBER}\n                  checked={this.value === TemplateSenderTypes.ORGANIZATION_MEMBER}\n                  onInput={() => this.handleSelectSetting(TemplateSenderTypes.ORGANIZATION_MEMBER)}\n                />\n                <div class=\"description\">\n                  <div class=\"name\">Anyone in my organization</div>\n                  <verdocs-help-icon text=\"Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')\" />\n                </div>\n              </div>\n              <div class=\"option\">\n                <verdocs-radio-button\n                  name=\"template-sender\"\n                  value={TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR}\n                  checked={this.value === TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR}\n                  onInput={() => this.handleSelectSetting(TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR)}\n                />\n                <div class=\"description\">\n                  <div class=\"name\">Anyone in my organization as me</div>\n                  <verdocs-help-icon text=\"Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)\" />\n                </div>\n              </div>\n              <div class=\"option\">\n                <verdocs-radio-button\n                  name=\"template-sender\"\n                  value={TemplateSenderTypes.CREATOR}\n                  checked={this.value === TemplateSenderTypes.CREATOR}\n                  onInput={() => this.handleSelectSetting(TemplateSenderTypes.CREATOR)}\n                />\n                <div class=\"description\">\n                  <div class=\"name\">Me</div>\n                  <verdocs-help-icon text=\"Only I can use this template.\" />\n                </div>\n              </div>\n            </div>\n\n            <div class=\"buttons\">\n              <verdocs-button label=\"Cancel\" variant=\"outline\" onClick={() => this.handleCancel()} />\n              <verdocs-button label=\"Done\" onClick={() => this.handleDone()} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/verdocs-template-tags.js.map

@@ -1 +0,0 @@
-{"file":"verdocs-template-tags.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,uVAAuV;;MCSzWA,qBAAmB;;;;;;EAM9B,MAAM;;IACJ,QACE,EAAC,IAAI,QACF,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,GAAG,KACjB,gBAAO,GAAG,CAAQ,CACnB,CAAC,CACG,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["VerdocsTemplateTags"],"sources":["./src/components/controls/verdocs-template-tags/verdocs-template-tags.scss?tag=verdocs-template-tags","./src/components/controls/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"],"version":3}

package/dist/components/verdocs-text-input.js.map

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

package/dist/components/verdocs-text-input2.js.map

@@ -1 +0,0 @@
-{"file":"verdocs-text-input2.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,2+BAA2+B;;MCW1/B,gBAAgB;;;;iBAIH,EAAE;iBAKF,EAAE;uBAKI,EAAE;wBAKD,EAAE;gBAMmD,MAAM;oBAK9D,KAAK;;EAEjC,MAAM;IACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,aAAa,IACvB,iBACG,IAAI,CAAC,KAAK,GAAG,WAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,KAAK,GAAG,GAAG,CAAO,GAAG,cAAO,EACzE,aACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAC,eAAe,mBACP,MAAM,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,YAAY,EAAE,IAAI,CAAC,YAAY,GAC/B,CACI,CACH,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/controls/verdocs-text-input/verdocs-text-input.scss?tag=verdocs-text-input","./src/components/controls/verdocs-text-input/verdocs-text-input.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-text-input {\n  font-family: $primary-font;\n  box-sizing: border-box;\n  margin: 0 0 10px 0;\n  display: block;\n\n  .input-element {\n    box-sizing: border-box;\n    border: 1px solid $border-color;\n    border-radius: 4px;\n    background: $verdocs-grey-4;\n    color: #000;\n    width: 100%;\n    font-size: 16px;\n    height: 28px;\n    padding: 4px 12px;\n    outline: none;\n\n    &::placeholder {\n      color: $light-disabled-color;\n      opacity: 1;\n    }\n\n    &:focus {\n      outline: 1px solid $border-color-highlight;\n    }\n  }\n\n  .input-label {\n    display: block;\n    color: $label-color-light;\n    font-weight: 700;\n    font-size: 14px;\n    margin: 0 0 4px 0;\n  }\n\n  // @see https://community.logmein.com/t5/LastPass-Support-Discussions/placeholder-text-overrides-data-lpignore-quot-true-quot/td-p/295135\n  // LastPass is ignoring the data-lpignore attribute in some cases\n  [data-lastpass-icon-root] {\n    display: none !important;\n  }\n}\n","import {Component, Prop, Host, h} from '@stencil/core';\n\n/**\n * Display a text input field. This is just a standard HTML input field with minimal markup to fit the\n * visual styles of the other components. Note that events \"bubble\" from the input field to the container,\n * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emmit.\n */\n@Component({\n  tag: 'verdocs-text-input',\n  styleUrl: 'verdocs-text-input.scss',\n})\nexport class VerdocsTextInput {\n  /**\n   * The initial value for the input field.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * The label for the field.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * The placeholder for the field.\n   */\n  @Prop() placeholder: string = '';\n\n  /**\n   * If desired, the autocomplete attribute to set.\n   */\n  @Prop() autocomplete: string = '';\n\n  /**\n   * The type of field to render. Only text-type fields are allowed here for the current styling. Additional types\n   * (e.g. a date picker) will be supported by other controls in the future.\n   */\n  @Prop() type: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url' = 'text';\n\n  /**\n   * Should the field be disabled?\n   */\n  @Prop() disabled: boolean = false;\n\n  render() {\n    return (\n      <Host class=\"input-field\">\n        <label>\n          {this.label ? <div class=\"input-label\">{this.label + ':'}</div> : <div />}\n          <input\n            type={this.type}\n            value={this.value}\n            class=\"input-element\"\n            data-lpignore=\"true\"\n            disabled={this.disabled}\n            placeholder={this.placeholder}\n            autoComplete={this.autocomplete}\n          />\n        </label>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/verdocs-toggle-button.js.map

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

package/dist/components/verdocs-toggle-button2.js.map

@@ -1 +0,0 @@
-{"file":"verdocs-toggle-button2.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,muBAAmuB;;MCSrvB,mBAAmB;;;;;kBACb,KAAK;gBAKS,IAAI;iBAKH,IAAI;gBAKA,QAAQ;mBAOzB,KAAK;;EAExB,iBAAiB;IACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC;GAC5B;EAED,YAAY,CAAC,CAAM;;IACjB,CAAC,CAAC,eAAe,EAAE,CAAC;IAEpB,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;IAC/B,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC;IACxB,MAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAC,CAAC,CAAC;GACvC;EAED,MAAM;IACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,QAAQ,IAAI,CAAC,IAAI,EAAE,IAC7B,IAAI,CAAC,IAAI,IACR,cAAQ,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,GAAI,KAEnG,cAAQ,KAAK,EAAE,EAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAC,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IACtE,IAAI,CAAC,KAAK,CACJ,CACV,CACI,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"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@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"],"version":3}

package/dist/components/verdocs-toggle.js.map

@@ -1 +0,0 @@
-{"file":"verdocs-toggle.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,ulCAAulC;;MCoBnmCA,eAAa;;;;;;0BAWU,CAAC;;EAEnC,iBAAiB;;IACf,IAAI,CAAC,cAAc,GAAG,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,gBAAgB,KAAI,CAAC,CAAC;GAC3D;EAED,MAAM;IACJ,QACE,WAAK,KAAK,EAAC,WAAW,IACpB,YAAM,KAAK,EAAC,OAAO,IAAE,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,CAAQ,EACrD,WAAK,KAAK,EAAC,SAAS,IACjB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAgB,EAAE,KAAa,MACxD,cACE,EAAE,EAAE,MAAM,CAAC,EAAE,EACb,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,cAAc,GAAG,UAAU,GAAG,EAAE,EACtD,OAAO,EAAE;QACP,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC9B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;OAC7B,GACD,CACH,CAAC,CACE,CACF,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["VerdocsToggle"],"sources":["./src/components/controls/verdocs-toggle/verdocs-toggle.scss?tag=verdocs-toggle","./src/components/controls/verdocs-toggle/verdocs-toggle.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-toggle {\n  font-family: $primary-font;\n\n  .container {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    background-color: $container-bg;\n  }\n\n  .label {\n    font-size: 24px;\n    font-weight: 700;\n    color: $medium-bg;\n    align-self: center;\n    margin-right: 27px;\n    font-family: sans-serif;\n  }\n\n  .buttons {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n  }\n\n  .buttons button {\n    width: 60px;\n    height: 60px;\n    border: 2px solid $item-border-color;\n    border-radius: 5px;\n    cursor: pointer;\n  }\n\n  .buttons button:not(:last-child) {\n    margin-right: 11px;\n  }\n\n  .buttons svg {\n    width: 30px;\n    height: 30px;\n  }\n\n  .buttons button:hover {\n    background-color: $item-border-color;\n    transition: 0.25s;\n  }\n\n  .buttons button:hover svg {\n    fill: $container-bg;\n    transition: 0.25s;\n  }\n\n  .selected {\n    background-color: $border-color;\n    transition: 0.25s;\n  }\n\n  .selected svg {\n    fill: #ffffff;\n    transition: 0.25s;\n  }\n}\n","import {Component, Prop, h, State} from '@stencil/core';\n\nexport interface IButtons {\n  id: string;\n  icon: string;\n}\n\nexport interface IToggleIconButtons {\n  label: string;\n  defaultSelection: number;\n  buttons: IButtons[];\n}\n\n/**\n * Displays a label and a set of buttons, also allowing a default selection of a button\n */\n@Component({\n  tag: 'verdocs-toggle',\n  styleUrl: 'verdocs-toggle.scss',\n})\nexport class VerdocsToggle {\n  /**\n   * The tags to display\n   */\n  @Prop() options: IToggleIconButtons;\n\n  /**\n   * The \"theme\" to be used\n   */\n  @Prop() theme: 'light' | 'dark';\n\n  @State() selectedOption: number = 0;\n\n  componentWillLoad() {\n    this.selectedOption = this.options?.defaultSelection || 0;\n  }\n\n  render() {\n    return (\n      <div class=\"container\">\n        <span class=\"label\">{`${this.options.label}:`}</span>\n        <div class=\"buttons\">\n          {this.options.buttons.map((button: IButtons, index: number) => (\n            <button\n              id={button.id}\n              key={button.id}\n              innerHTML={button.icon}\n              class={index === this.selectedOption ? 'selected' : ''}\n              onClick={() => {\n                console.log('clicked', index);\n                this.selectedOption = index;\n              }}\n            />\n          ))}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/verdocs-toolbar-icon.js.map

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

package/dist/components/verdocs-toolbar-icon2.js.map

@@ -1 +0,0 @@
-{"file":"verdocs-toolbar-icon2.js","mappings":";;;AAAA,MAAM,qBAAqB,GAAG,yrCAAyrC;;MCY1sC,kBAAkB;;;;gBAQN,EAAE;gBAKF,EAAE;uBAOF,wBAAwB,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE;;EAE5F,gBAAgB;IACd,IAAI,CAAC,cAAc,GAAG,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE;;;KAG7D,CAAC,CAAC;GACJ;EAED,oBAAoB;IAClB,IAAI,IAAI,CAAC,cAAc,EAAE;MACvB,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC;MAC9B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;KAC5B;GACF;EAED,IAAI;;IACF,MAAA,IAAI,CAAC,OAAO,0CAAE,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC5C,MAAA,IAAI,CAAC,cAAc,0CAAE,MAAM,GAAG,KAAK,CAAC,SAAQ,CAAC,CAAC;GAC/C;EAED,IAAI;;IACF,MAAA,IAAI,CAAC,OAAO,0CAAE,eAAe,CAAC,WAAW,CAAC,CAAC;GAC5C;;;;EAMD,MAAM;IACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,EAAE,IACb,+BACoB,IAAI,CAAC,WAAW,EAClC,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,IAAI,CAAC,IAAI,EACpB,YAAY,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,EAC/B,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,EAC1B,YAAY,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,EAC/B,MAAM,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,EACzB,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,MAAM,GAAG,EAAoB,CAAC,GAC/C,EACF,WAAK,EAAE,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,2BAAuB,QAAQ,EAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,OAAO,GAAG,EAAoB,CAAC,IACtI,IAAI,CAAC,IAAI,EACV,gCAAuB,MAAM,EAAC,KAAK,EAAC,OAAO,GAAG,CAC1C,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.scss?tag=verdocs-toolbar-icon","./src/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-toolbar-icon {\n  font-family: $verdocs-primary-font;\n  display: inline-block;\n\n  .icon {\n    display: inline-block;\n    cursor: pointer;\n\n    svg {\n      fill: $choice-available-color;\n    }\n  }\n\n  .tooltip {\n    display: none;\n    box-shadow: 0 0 10px 1px #999999;\n    background: #ffffff;\n    color: $label-color;\n    max-width: 240px;\n    font-weight: bold;\n    padding: 5px 10px;\n    font-size: 13px;\n    position: relative;\n    border-radius: 4px;\n    z-index: 10000;\n\n    .arrow,\n    .arrow::before {\n      position: absolute;\n      width: 8px;\n      height: 8px;\n      background: inherit;\n    }\n\n    .arrow {\n      visibility: hidden;\n      top: -4px;\n    }\n\n    .arrow::before {\n      visibility: visible;\n      content: '';\n      transform: rotate(45deg);\n    }\n\n    &[data-show] {\n      display: block;\n    }\n\n    &[data-popper-placement^='top'] > .arrow {\n      bottom: -4px;\n    }\n\n    &[data-popper-placement^='bottom'] > .arrow {\n      top: -4px;\n    }\n\n    &[data-popper-placement^='left'] > .arrow {\n      right: -4px;\n    }\n\n    &[data-popper-placement^='right'] > .arrow {\n      left: -4px;\n    }\n  }\n}\n","import {createPopper, Instance} from '@popperjs/core';\nimport {Component, h, Host, Prop, State} from '@stencil/core';\n// import {Component, Event, EventEmitter, h, Host, Prop, State} from '@stencil/core';\n\n/**\n * Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.\n */\n@Component({\n  tag: 'verdocs-toolbar-icon',\n  styleUrl: 'verdocs-toolbar-icon.scss',\n  shadow: false,\n})\nexport class VerdocsToolbarIcon {\n  iconEl: HTMLDivElement;\n  tooltip: HTMLDivElement;\n  popperInstance: Instance;\n\n  /**\n   * Help text to display on hover/focus\n   */\n  @Prop() text: string = '';\n\n  /**\n   * SVG icon to display\n   */\n  @Prop() icon: string = '';\n\n  /**\n   * Triggered when the icon is pressed\n   */\n  // @Event({composed: true}) press: EventEmitter;\n\n  @State() containerId = `verdocs-toolbar-icon-${Math.random().toString(36).substring(2, 11)}`;\n\n  componentDidLoad() {\n    this.popperInstance = createPopper(this.iconEl, this.tooltip, {\n      // placement: 'top-end',\n      // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  show() {\n    this.tooltip?.setAttribute('data-show', '');\n    this.popperInstance?.update().catch(() => {});\n  }\n\n  hide() {\n    this.tooltip?.removeAttribute('data-show');\n  }\n\n  // handlePress() {\n  //   this.press?.emit();\n  // }\n\n  render() {\n    return (\n      <Host class={{}}>\n        <div\n          aria-describedby={this.containerId}\n          class=\"icon\"\n          innerHTML={this.icon}\n          onMouseEnter={() => this.show()}\n          onFocus={() => this.show()}\n          onMouseLeave={() => this.hide()}\n          onBlur={() => this.hide()}\n          ref={el => (this.iconEl = el as HTMLDivElement)}\n        />\n        <div id={this.containerId} role=\"tooltip\" class=\"tooltip\" data-popper-placement=\"bottom\" ref={el => (this.tooltip = el as HTMLDivElement)}>\n          {this.text}\n          <div data-popper-arrow=\"true\" class=\"arrow\" />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/verdocs-upload-dialog.js.map

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

package/dist/components/verdocs-upload-dialog2.js.map

@@ -1 +0,0 @@
-{"file":"verdocs-upload-dialog2.js","mappings":"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","names":[],"sources":["./src/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.scss?tag=verdocs-upload-dialog","./src/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-upload-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .background-overlay {\n    position: absolute;\n    z-index: 10000;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #0000007f;\n  }\n\n  .dialog {\n    width: 300px;\n    display: flex;\n    flex-direction: column;\n    border-radius: 4px;\n    overflow: hidden;\n    background: $verdocs-grey-4;\n    padding: 16px;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n  }\n\n  .heading {\n    display: flex;\n    flex-direction: row;\n    font-size: 20px;\n    font-weight: 500;\n  }\n\n  .buttons {\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n    justify-content: flex-end;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n\n  .drop-target {\n    padding: 30px 15px;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    background-color: #f5f5f5;\n    border: 2px dashed #979797;\n    min-height: 260px;\n    text-align: center;\n    justify-content: center;\n    align-items: center;\n    color: rgba(0, 0, 0, 0.54);\n    opacity: 1;\n    margin: 20px 0;\n\n    p {\n      margin: 12px 0;\n    }\n\n    &.dragging-over {\n      border: 5px solid $verdocs-deep-blue;\n    }\n\n    > verdocs-button {\n      margin: 12px 0;\n      display: inline-block;\n    }\n  }\n\n  .attachments {\n    height: 56px;\n    font-size: 0;\n    margin: 20px 0;\n    padding: 0 16px;\n    line-height: 56px;\n    white-space: normal;\n    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 12%), 0 0 2px 0 rgb(0 0 0 / 14%);\n\n    .attachment {\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n\n      .icon {\n        width: 18px;\n        height: 18px;\n        line-height: 18px;\n\n        &.trash {\n          cursor: pointer;\n        }\n      }\n\n      .name {\n        flex: 1;\n        display: flex;\n        padding: 0 8px;\n        font-size: 14px;\n        font-weight: 400;\n      }\n    }\n  }\n}\n","import {Component, h, Event, EventEmitter, Host, State} from '@stencil/core';\nimport {fileToDataUrl, FileWithData} from '@verdocs/js-sdk/Utils/Files';\n\nconst TrashIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\" /></svg>`;\n\nconst PaperclipIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13\" /></svg>`;\n\n/**\n * Display a file upload tool. Note that the file is not actually transmitted, so it may be used by\n * callers with a variety of workflows. Instead, data about the chosen file will be passed to the\n * caller via the onNext event handler.\n */\n@Component({\n  tag: 'verdocs-upload-dialog',\n  styleUrl: 'verdocs-upload-dialog.scss',\n})\nexport class VerdocsUploadDialog {\n  private fileInput?: HTMLInputElement;\n\n  /**\n   * Event fired when the dialog is cancelled.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the file selected.\n   */\n  @Event({composed: true}) next: EventEmitter<FileWithData[]>;\n\n  @State() draggingOver = false;\n\n  @State() decodedFiles = [] as FileWithData[];\n\n  handleCancel() {\n    this.cancel.emit();\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.handleCancel();\n    }\n  }\n\n  handleDone() {\n    this.next.emit(this.decodedFiles);\n  }\n\n  handleDragOver(e) {\n    e.preventDefault();\n    this.draggingOver = true;\n  }\n\n  handleDragLeave(e) {\n    e.preventDefault();\n    this.draggingOver = false;\n  }\n\n  async handleDrop(e) {\n    e.preventDefault();\n    this.draggingOver = false;\n\n    // Required for cross-browser support. Note that dataTransfer.items is of type DataTransferItemList and is not an array.\n    let droppedFiles = [] as File[];\n    if (e.dataTransfer.items) {\n      for (let i = 0; i < e.dataTransfer.items.length; i++) {\n        if (e.dataTransfer.items[i].kind === 'file') {\n          const file = e.dataTransfer.items[i].getAsFile();\n          droppedFiles.push(file);\n        }\n      }\n    } else {\n      droppedFiles = e.dataTransfer.files;\n    }\n\n    this.decodedFiles = await Promise.all(droppedFiles.map(fileToDataUrl));\n  }\n\n  handleRemoveAttachment(index: number) {\n    const newFiles = [...this.decodedFiles];\n    newFiles.splice(index, 1);\n    this.decodedFiles = newFiles;\n  }\n\n  handleSelectFile() {\n    this.fileInput?.click();\n  }\n\n  async handleFileChange() {\n    let droppedFiles = [] as File[];\n    for (let i = 0; i < this.fileInput?.files.length; i++) {\n      droppedFiles.push(this.fileInput?.files[i]);\n    }\n    this.decodedFiles = await Promise.all(droppedFiles.map(fileToDataUrl));\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">Upload attachment</div>\n\n            {this.decodedFiles.length < 1 ? (\n              <div\n                class={{'drop-target': true, 'dragging-over': this.draggingOver}}\n                onDragOver={e => this.handleDragOver(e)}\n                onDragLeave={e => this.handleDragLeave(e)}\n                onDrop={e => this.handleDrop(e)}\n              >\n                <p>Drag and drop a file here...</p>\n                <p>- or -</p>\n\n                <verdocs-button label=\"Select a file...\" onClick={() => this.handleSelectFile()} />\n                <input type=\"file\" ref={el => (this.fileInput = el as HTMLInputElement)} style={{display: 'none'}} onChange={() => this.handleFileChange()} />\n              </div>\n            ) : (\n              <div class=\"attachments\">\n                {this.decodedFiles.map((file, index) => (\n                  <div class=\"attachment\">\n                    <div class=\"icon\" innerHTML={PaperclipIcon} />\n                    <div class=\"name\">{file.name}</div>\n                    <div class=\"icon trash\" innerHTML={TrashIcon} onClick={() => this.handleRemoveAttachment(index)} />\n                  </div>\n                ))}\n              </div>\n            )}\n\n            <div class=\"buttons\">\n              <verdocs-button label=\"Cancel\" variant=\"outline\" onClick={() => this.handleCancel()} />\n              <verdocs-button label=\"Done\" onClick={() => this.handleDone()} disabled={this.decodedFiles.length < 1} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/verdocs-view.js.map

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

package/dist/components/verdocs-view2.js.map

@@ -1 +0,0 @@
-{"file":"verdocs-view2.js","mappings":"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","names":["EnvelopeStore"],"sources":["./src/utils/envelopeStore.ts","./src/utils/Envelopes.ts","./src/components/embeds/verdocs-view/verdocs-view.scss?tag=verdocs-view","./src/components/embeds/verdocs-view/verdocs-view.tsx"],"sourcesContent":["// NOTE: Do not attempt to convert this to a named-export module. It triggers compilation issues in Rollup that I spent days trying to\n// resolve. This needs to export a single default value of the store's state. Any helper functions should go in Templates.ts here.\n\nimport {createStore} from '@stencil/store';\nimport {IEnvelope} from '@verdocs/js-sdk/Envelopes/Types';\nimport {ITemplate} from '@verdocs/js-sdk/Templates/Types';\n\nconst {state, onChange} = createStore({\n  envelope: null as IEnvelope | null,\n  template: null as ITemplate | null,\n  loadProgress: 0,\n  loading: true,\n  error: '',\n\n  roleNames: [] as string[],\n  dirty: false,\n});\n\nonChange('envelope', async newEnvelope => {\n  if (!newEnvelope) {\n    console.log('[ENVELOPESTORE] Clearing envelope');\n    state.roleNames = [];\n    state.dirty = false;\n    state.loading = false;\n    state.error = '';\n    state.loadProgress = 0;\n    return;\n  }\n\n  console.log('[ENVELOPESTORE] Loaded envelope', newEnvelope);\n\n  state.roleNames = newEnvelope.recipients.map(recipient => recipient.role_name);\n  newEnvelope.recipients;\n  console.log('[ENVELOPESTORE] Loaded roles', state.roleNames);\n});\n\nexport default state;\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {getEnvelope} from '@verdocs/js-sdk/Envelopes/Envelopes';\nimport EnvelopeStore from './envelopeStore';\nimport {getTemplate} from '@verdocs/js-sdk/Templates/Templates';\n\n// Allows envelope data to be cached for reuse between components, without parent components having to prop-drill entire envelopes into\n// child elements.\nexport const getEnvelopeById = async (endpoint: VerdocsEndpoint, envelopeId: string) => {\n  if (!envelopeId) {\n    console.log(`[ENVELOPES] Missing required envelope ID`);\n    return;\n  }\n\n  if (EnvelopeStore.envelope?.id === envelopeId) {\n    console.log(`[ENVELOPES] Skipping load for already-loaded envelope ID`);\n    return;\n  }\n\n  EnvelopeStore.error = '';\n  EnvelopeStore.loading = true;\n  EnvelopeStore.envelope = null;\n\n  try {\n    console.log(`[ENVELOPES] Loading envelope ${envelopeId}`);\n    const envelope = await getEnvelope(endpoint, envelopeId, true);\n    if (!envelope) {\n      console.log('[ENVELOPES] Unable to load envelope');\n      return;\n    }\n\n    EnvelopeStore.envelope = envelope;\n\n    const template = await getTemplate(endpoint, envelope.template_id, true);\n    if (!envelope) {\n      console.log('[ENVELOPES] Unable to load template');\n      return;\n    }\n\n    EnvelopeStore.template = template;\n    EnvelopeStore.loading = false;\n  } catch (e) {\n    EnvelopeStore.loading = false;\n    EnvelopeStore.error = e?.response?.status === 401 ? 'Authentication required' : e.message;\n    console.log('[ENVELOPES] Error loading envelope', e);\n    throw e;\n  }\n};\n","@import '../../../theme.scss';\n\nverdocs-view {\n  display: flex;\n  overflow: hidden;\n  position: relative;\n  min-height: 600px;\n  flex-direction: column;\n  box-sizing: border-box;\n  font-family: $verdocs-primary-font;\n\n  div,\n  canvas {\n    box-sizing: border-box;\n  }\n\n  .header {\n    color: #fff;\n    display: flex;\n    z-index: 1000;\n    flex: 0 0 56px;\n    padding: 0 15px;\n    font-size: 12px;\n    align-items: center;\n    flex-direction: row;\n    transition: all 0.25s;\n    background-color: $medium-bg;\n    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 24%), 0 0 4px 0 rgb(0 0 0 / 12%);\n\n    .logo {\n      width: 80px;\n      display: none;\n      margin: -6px 0 0 10px;\n    }\n\n    .title {\n      padding-left: 16px;\n      font-size: 18px;\n      font-weight: 500;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n\n  .document {\n    flex: 1;\n    height: 100%;\n    display: flex;\n    padding: 15px;\n    row-gap: 15px;\n    min-height: 200px;\n    position: relative;\n    overflow-y: scroll;\n    align-items: center;\n    box-sizing: border-box;\n    flex-direction: column;\n    justify-content: center;\n\n    .inner {\n      width: 100%;\n      max-width: 1028px;\n    }\n  }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Element, Event, Host, Prop, EventEmitter, Fragment} from '@stencil/core';\nimport {getEnvelopeById} from '../../../utils/Envelopes';\nimport EnvelopeStore from '../../../utils/envelopeStore';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport {SDKError} from '../../../utils/errors';\nimport {savePDF} from '../../../utils/utils';\n\nconst menuOptions = [\n  {id: 'print', label: 'Print'},\n  {id: 'download', label: 'Download'},\n];\n\n/**\n * Render the documents attached to an envelope in read-only (view) mode. All documents are displayed in order.\n */\n@Component({\n  tag: 'verdocs-view',\n  styleUrl: 'verdocs-view.scss',\n  shadow: false,\n})\nexport class VerdocsView {\n  @Element() component: HTMLElement;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored.\n   */\n  @Prop() envelopeId: string = '';\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  componentWillLoad() {\n    this.endpoint.loadSession();\n  }\n\n  // TODO: Handling signing vs preview-as-user cases\n  // TODO: Handle anonymous case and failure to load due to not being logged in\n  async componentDidLoad() {\n    if (!this.envelopeId) {\n      console.error(`[VIEW] Missing required envelopeId`);\n      return;\n    }\n\n    try {\n      await getEnvelopeById(this.endpoint, this.envelopeId);\n    } catch (e) {\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  handlePageRendered(e) {\n    const pageInfo = e.detail as IDocumentPageInfo;\n    console.log('[SIGN] Page rendered', pageInfo);\n  }\n\n  async handleOptionSelected(e) {\n    switch (e.detail.id) {\n      case 'print':\n        window.print();\n        break;\n      case 'download':\n        savePDF(this.endpoint, EnvelopeStore.envelope, EnvelopeStore.envelope.envelope_document_id).catch(e => {\n          console.log('Error downloading PDF', e);\n        });\n        break;\n    }\n  }\n\n  render() {\n    console.log('[VIEW] Rendering', EnvelopeStore.error, EnvelopeStore.loading, EnvelopeStore.envelope);\n    if (EnvelopeStore.loading || !EnvelopeStore.envelope) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    if (EnvelopeStore.error) {\n      return (\n        <Host>\n          <div>{EnvelopeStore.error}</div>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <div class=\"header\">\n          <Fragment>\n            <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n            <div class=\"title\">{EnvelopeStore.envelope.name}</div>\n            <div style={{flex: '1'}} />\n            <div style={{marginLeft: '10px'}} />\n            <verdocs-dropdown options={menuOptions} onOptionSelected={e => this.handleOptionSelected(e)} />\n          </Fragment>\n        </div>\n\n        <div class=\"document\">\n          {(EnvelopeStore.envelope?.documents || [])\n            .filter(document => document.type !== 'certificate')\n            .map(envelopeDocument => {\n              const pages = [...(envelopeDocument?.pages || [])];\n              pages.sort((a, b) => a.sequence - b.sequence);\n\n              return (\n                <Fragment>\n                  {pages.map(page => (\n                    <verdocs-document-page\n                      pageImageUri={page.display_uri}\n                      virtualWidth={612}\n                      virtualHeight={792}\n                      pageNumber={page.sequence}\n                      onPageRendered={e => this.handlePageRendered(e)}\n                      layers={[\n                        {name: 'page', type: 'canvas'},\n                        {name: 'controls', type: 'div'},\n                      ]}\n                    />\n                  ))}\n                </Fragment>\n              );\n            })}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/Colors-1b298092.js.map

@@ -1 +0,0 @@
-{"file":"Colors-1b298092.js","mappings":"AAAA;AACA;AACA;AAyBA;AACA;AACA;AACO,SAAS,OAAO,CAAC,SAAS,EAAE;AACnC,IAAI,QAAQ,SAAS,GAAG,EAAE;AAC1B,QAAQ,KAAK,CAAC;AACd,YAAY,OAAO,SAAS,KAAK,CAAC,GAAG,wBAAwB,GAAG,0BAA0B,CAAC;AAC3F,QAAQ,KAAK,CAAC;AACd,YAAY,OAAO,wBAAwB,CAAC;AAC5C,QAAQ,KAAK,CAAC;AACd,YAAY,OAAO,wBAAwB,CAAC;AAC5C,QAAQ,KAAK,CAAC;AACd,YAAY,OAAO,0BAA0B,CAAC;AAC9C,QAAQ,KAAK,CAAC;AACd,YAAY,OAAO,0BAA0B,CAAC;AAC9C,QAAQ,KAAK,CAAC;AACd,YAAY,OAAO,yBAAyB,CAAC;AAC7C,QAAQ,KAAK,CAAC;AACd,YAAY,OAAO,0BAA0B,CAAC;AAC9C,QAAQ,KAAK,CAAC;AACd,YAAY,OAAO,wBAAwB,CAAC;AAC5C,QAAQ,KAAK,CAAC;AACd,YAAY,OAAO,0BAA0B,CAAC;AAC9C,QAAQ,KAAK,CAAC;AACd,YAAY,OAAO,wBAAwB,CAAC;AAC5C,QAAQ;AACR,YAAY,OAAO,0BAA0B,CAAC;AAC9C,KAAK;AACL;;;;","names":[],"sources":["./node_modules/@verdocs/js-sdk/Utils/Colors.js"],"sourcesContent":["/**\n * Given a `rgba(r,g,b,a)` string value, returns the hex equivalent, dropping the alpha channel.\n */\nexport function getRGB(rgba) {\n    var rgbNumbers = rgba.replace('rgba(', '').replace(')', '').split(',');\n    var rgbObject = {\n        red: +rgbNumbers[0],\n        green: +rgbNumbers[1],\n        blue: +rgbNumbers[2],\n        alpha: +rgbNumbers[3],\n    };\n    var alpha = 1 - rgbObject.alpha;\n    var red = Math.round((rgbObject.alpha * (rgbObject.red / 255) + alpha) * 255);\n    var green = Math.round((rgbObject.alpha * (rgbObject.green / 255) + alpha) * 255);\n    var blue = Math.round((rgbObject.alpha * (rgbObject.blue / 255) + alpha) * 255);\n    return '#' + rgbToHex(red) + rgbToHex(green) + rgbToHex(blue);\n}\n/**\n * Given an RGB string value, returns the hex equivalent.\n */\nfunction rgbToHex(rgb) {\n    var hex = rgb.toString(16);\n    if (hex.length < 2) {\n        return '0' + hex;\n    }\n    return hex;\n}\n/**\n * Given a signer role index, return the color code for that signer.\n */\nexport function getRGBA(roleIndex) {\n    switch (roleIndex % 10) {\n        case 0:\n            return roleIndex === 0 ? 'rgba(255, 193, 7, 0.4)' : 'rgba(134, 134, 134, 0.3)'; // #FFE69C\n        case 1:\n            return 'rgba(156, 39, 176, .4)'; // '#E3C3E9'\n        case 2:\n            return 'rgba(33, 150, 243, .4)'; // '#C1E1FB'\n        case 3:\n            return 'rgba(220, 231, 117, 0.3)';\n        case 4:\n            return 'rgba(121, 134, 203, 0.3)';\n        case 5:\n            return 'rgba(77, 182, 172, 0.3)';\n        case 6:\n            return 'rgba(255, 202, 165, 0.3)';\n        case 7:\n            return 'rgba(2, 247, 190, 0.3)';\n        case 8:\n            return 'rgba(255, 138, 101, 0.3)';\n        case 9:\n            return 'rgba(82, 255, 79, 0.3)';\n        default:\n            return 'rgba(229, 115, 155, 0.3)';\n    }\n}\n/**\n * Given a role name, return a color code for it. This works by computing a hash code so the specific color returned\n * is not specified explicitly, but will be the same for every call with the same input value.\n */\nexport function nameToRGBA(str) {\n    if (!!str) {\n        var validNum = parseInt(str.slice(-1), 10);\n        if (!isNaN(validNum)) {\n            str += (validNum * 99).toString();\n        }\n        var hash = 0;\n        for (var i = 0; i < str.length; i++) {\n            hash = str.charCodeAt(i) + ((hash << 5) - hash);\n        }\n        hash = Math.round(hash / 1.3);\n        var c = (hash & 0x00ffff08).toString(16).toUpperCase();\n        var hex = '#' + '00000'.substring(0, 6 - c.length) + c;\n        var result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n        var color = {\n            r: parseInt(result[1], 16),\n            g: parseInt(result[2], 16),\n            b: parseInt(result[3], 16),\n        };\n        return \"rgba(\".concat(color.r, \", \").concat(color.g, \", \").concat(color.b, \", 0.2)\");\n    }\n}\n/**\n * Helper function to obtain a color code given a role name given various possible inputs.\n */\nexport function getRoleColor(name, roles, index) {\n    if (index) {\n        return getRGBA(index);\n    }\n    else if (roles && roles.length > 0) {\n        var roleIndex = roles.findIndex(function (role) { return role.name === name; });\n        if (roleIndex > -1) {\n            return roles[roleIndex].rgba || getRGBA(roleIndex);\n        }\n        else {\n            return nameToRGBA(name);\n        }\n    }\n    else {\n        return nameToRGBA(name);\n    }\n}\n"],"version":3}

package/dist/esm/Envelopes-c2545a20.js.map

@@ -1 +0,0 @@
-{"file":"Envelopes-c2545a20.js","mappings":";;;;AAAA;MAOM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,WAAW,CAAC;EACpC,QAAQ,EAAE,IAAwB;EAClC,QAAQ,EAAE,IAAwB;EAClC,YAAY,EAAE,CAAC;EACf,OAAO,EAAE,IAAI;EACb,KAAK,EAAE,EAAE;EAET,SAAS,EAAE,EAAc;EACzB,KAAK,EAAE,KAAK;CACb,EAAE;AAEH,QAAQ,CAAC,UAAU,EAAE,OAAM,WAAW;EACpC,IAAI,CAAC,WAAW,EAAE;IAChB,OAAO,CAAC,GAAG,CAAC,mCAAmC,CAAC,CAAC;IACjD,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;IACrB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IACpB,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;IACjB,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC;IACvB,OAAO;GACR;EAED,OAAO,CAAC,GAAG,CAAC,iCAAiC,EAAE,WAAW,CAAC,CAAC;EAE5D,KAAK,CAAC,SAAS,GAAG,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,SAAS,IAAI,SAAS,CAAC,SAAS,CAAC,CAAC;EAE/E,OAAO,CAAC,GAAG,CAAC,8BAA8B,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;AAC/D,CAAC,CAAC;;AC7BF;AACA;MACa,eAAe,GAAG,OAAO,QAAyB,EAAE,UAAkB;;EACjF,IAAI,CAAC,UAAU,EAAE;IACf,OAAO,CAAC,GAAG,CAAC,0CAA0C,CAAC,CAAC;IACxD,OAAO;GACR;EAED,IAAI,CAAA,MAAAA,KAAa,CAAC,QAAQ,0CAAE,EAAE,MAAK,UAAU,EAAE;IAC7C,OAAO,CAAC,GAAG,CAAC,0DAA0D,CAAC,CAAC;IACxE,OAAO;GACR;EAEDA,KAAa,CAAC,KAAK,GAAG,EAAE,CAAC;EACzBA,KAAa,CAAC,OAAO,GAAG,IAAI,CAAC;EAC7BA,KAAa,CAAC,QAAQ,GAAG,IAAI,CAAC;EAE9B,IAAI;IACF,OAAO,CAAC,GAAG,CAAC,gCAAgC,UAAU,EAAE,CAAC,CAAC;IAC1D,MAAM,QAAQ,GAAG,MAAM,WAAW,CAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;IAC/D,IAAI,CAAC,QAAQ,EAAE;MACb,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC;MACnD,OAAO;KACR;IAEDA,KAAa,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAElC,MAAM,QAAQ,GAAG,MAAM,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IACzE,IAAI,CAAC,QAAQ,EAAE;MACb,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC;MACnD,OAAO;KACR;IAEDA,KAAa,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAClCA,KAAa,CAAC,OAAO,GAAG,KAAK,CAAC;GAC/B;EAAC,OAAO,CAAC,EAAE;IACVA,KAAa,CAAC,OAAO,GAAG,KAAK,CAAC;IAC9BA,KAAa,CAAC,KAAK,GAAG,CAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,QAAQ,0CAAE,MAAM,MAAK,GAAG,GAAG,yBAAyB,GAAG,CAAC,CAAC,OAAO,CAAC;IAC1F,OAAO,CAAC,GAAG,CAAC,oCAAoC,EAAE,CAAC,CAAC,CAAC;IACrD,MAAM,CAAC,CAAC;GACT;AACH;;;;","names":["EnvelopeStore"],"sources":["./src/utils/envelopeStore.ts","./src/utils/Envelopes.ts"],"sourcesContent":["// NOTE: Do not attempt to convert this to a named-export module. It triggers compilation issues in Rollup that I spent days trying to\n// resolve. This needs to export a single default value of the store's state. Any helper functions should go in Templates.ts here.\n\nimport {createStore} from '@stencil/store';\nimport {IEnvelope} from '@verdocs/js-sdk/Envelopes/Types';\nimport {ITemplate} from '@verdocs/js-sdk/Templates/Types';\n\nconst {state, onChange} = createStore({\n  envelope: null as IEnvelope | null,\n  template: null as ITemplate | null,\n  loadProgress: 0,\n  loading: true,\n  error: '',\n\n  roleNames: [] as string[],\n  dirty: false,\n});\n\nonChange('envelope', async newEnvelope => {\n  if (!newEnvelope) {\n    console.log('[ENVELOPESTORE] Clearing envelope');\n    state.roleNames = [];\n    state.dirty = false;\n    state.loading = false;\n    state.error = '';\n    state.loadProgress = 0;\n    return;\n  }\n\n  console.log('[ENVELOPESTORE] Loaded envelope', newEnvelope);\n\n  state.roleNames = newEnvelope.recipients.map(recipient => recipient.role_name);\n  newEnvelope.recipients;\n  console.log('[ENVELOPESTORE] Loaded roles', state.roleNames);\n});\n\nexport default state;\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {getEnvelope} from '@verdocs/js-sdk/Envelopes/Envelopes';\nimport EnvelopeStore from './envelopeStore';\nimport {getTemplate} from '@verdocs/js-sdk/Templates/Templates';\n\n// Allows envelope data to be cached for reuse between components, without parent components having to prop-drill entire envelopes into\n// child elements.\nexport const getEnvelopeById = async (endpoint: VerdocsEndpoint, envelopeId: string) => {\n  if (!envelopeId) {\n    console.log(`[ENVELOPES] Missing required envelope ID`);\n    return;\n  }\n\n  if (EnvelopeStore.envelope?.id === envelopeId) {\n    console.log(`[ENVELOPES] Skipping load for already-loaded envelope ID`);\n    return;\n  }\n\n  EnvelopeStore.error = '';\n  EnvelopeStore.loading = true;\n  EnvelopeStore.envelope = null;\n\n  try {\n    console.log(`[ENVELOPES] Loading envelope ${envelopeId}`);\n    const envelope = await getEnvelope(endpoint, envelopeId, true);\n    if (!envelope) {\n      console.log('[ENVELOPES] Unable to load envelope');\n      return;\n    }\n\n    EnvelopeStore.envelope = envelope;\n\n    const template = await getTemplate(endpoint, envelope.template_id, true);\n    if (!envelope) {\n      console.log('[ENVELOPES] Unable to load template');\n      return;\n    }\n\n    EnvelopeStore.template = template;\n    EnvelopeStore.loading = false;\n  } catch (e) {\n    EnvelopeStore.loading = false;\n    EnvelopeStore.error = e?.response?.status === 401 ? 'Authentication required' : e.message;\n    console.log('[ENVELOPES] Error loading envelope', e);\n    throw e;\n  }\n};\n"],"version":3}

package/dist/esm/Files-70a192df.js.map

@@ -1 +0,0 @@
-{"file":"Files-70a192df.js","mappings":"AAAA;AACA;AACA;AACA;AACU,IAAC,aAAa,GAAG,UAAU,IAAI,EAAE;AAC3C,IAAI,OAAO,IAAI,OAAO,CAAC,UAAU,OAAO,EAAE,MAAM,EAAE;AAClD,QAAQ,IAAI,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;AACtC,QAAQ,MAAM,CAAC,MAAM,GAAG,YAAY;AACpC,YAAY,OAAO,OAAO,CAAC;AAC3B,gBAAgB,YAAY,EAAE,IAAI,CAAC,YAAY;AAC/C,gBAAgB,IAAI,EAAE,IAAI,CAAC,IAAI;AAC/B,gBAAgB,IAAI,EAAE,IAAI,CAAC,IAAI;AAC/B,gBAAgB,IAAI,EAAE,IAAI,CAAC,IAAI;AAC/B,gBAAgB,IAAI,EAAE,MAAM,CAAC,MAAM;AACnC,aAAa,CAAC,CAAC;AACf,SAAS,CAAC;AACV,QAAQ,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC;AAChC,QAAQ,IAAI,IAAI,EAAE;AAClB,YAAY,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;AACvC,SAAS;AACT,aAAa;AACb,YAAY,MAAM,CAAC,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;AAC9C,SAAS;AACT,KAAK,CAAC,CAAC;AACP,EAAE;AACF;AACA;AACA;AACU,IAAC,YAAY,GAAG,UAAU,IAAI,EAAE,IAAI,EAAE;AAChD,IAAI,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE,EAAE,IAAI,GAAG,UAAU,CAAC,EAAE;AAC/C,IAAI,IAAI,OAAO,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;AAC5C,IAAI,IAAI,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AAC3C,IAAI,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;AACxB,IAAI,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;AACzB,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACpC,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,EAAE;AAC/C,QAAQ,OAAO,EAAE,IAAI;AACrB,QAAQ,UAAU,EAAE,IAAI;AACxB,QAAQ,IAAI,EAAE,MAAM;AACpB,KAAK,CAAC,CAAC,CAAC;AACR,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACpC;;;;","names":[],"sources":["./node_modules/@verdocs/js-sdk/Utils/Files.js"],"sourcesContent":["/**\n * Given a File, extract the file's content as a base64 encoded data URL. The response will have a prefix that\n * includes the MIME type of the file, e.g. \"data:image/jpeg;base64,iVBORw0K......\"\n */\nexport var fileToDataUrl = function (file) {\n    return new Promise(function (resolve, reject) {\n        var reader = new FileReader();\n        reader.onload = function () {\n            return resolve({\n                lastModified: file.lastModified,\n                size: file.size,\n                type: file.type,\n                name: file.name,\n                data: reader.result,\n            });\n        };\n        reader.onerror = reject;\n        if (file) {\n            reader.readAsDataURL(file);\n        }\n        else {\n            reject(new Error('Invalid file'));\n        }\n    });\n};\n/**\n * Trigger a download dialog to save a blob as a file on disk.\n */\nexport var downloadBlob = function (blob, name) {\n    if (name === void 0) { name = 'file.pdf'; }\n    var blobUrl = URL.createObjectURL(blob);\n    var link = document.createElement('a');\n    link.href = blobUrl;\n    link.download = name;\n    document.body.appendChild(link);\n    link.dispatchEvent(new MouseEvent('click', {\n        bubbles: true,\n        cancelable: true,\n        view: window,\n    }));\n    document.body.removeChild(link);\n};\n"],"version":3}

package/dist/esm/Primitives-054bc6e5.js.map

@@ -1 +0,0 @@
-{"file":"Primitives-054bc6e5.js","mappings":"AAAA;AACA;AACA;AACA;AACU,IAAC,eAAe,GAAG,UAAU,KAAK,EAAE,KAAK,EAAE;AACrD,IAAI,OAAO,KAAK,CAAC,KAAK,CAAC;AACvB,SAAS,IAAI,CAAC,CAAC,CAAC;AAChB,SAAS,GAAG,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;AAC5D,EAAE;AACF;AACA;AACA;AACU,IAAC,kBAAkB,GAAG,UAAU,IAAI,EAAE;AAChD,IAAI,OAAO,IAAI;AACf,SAAS,KAAK,CAAC,GAAG,CAAC;AACnB,SAAS,GAAG,CAAC,UAAU,IAAI,EAAE,EAAE,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACjD,SAAS,IAAI,CAAC,EAAE,CAAC,CAAC;AAClB;;;;","names":[],"sources":["./node_modules/@verdocs/js-sdk/Utils/Primitives.js"],"sourcesContent":["/**\n * Create an array containing a sequence of integers, e.g. [START, START+1, START+2, ...] This is frequently useful\n * in rendering operations when there is no source array to .map() across.\n */\nexport var integerSequence = function (start, count) {\n    return Array(count)\n        .fill(1)\n        .map(function (_, index) { return index + start; });\n};\n/**\n * Generate suggested initials for a full name, e.g. \"John Doe\" will yield \"JD\".\n */\nexport var fullNameToInitials = function (name) {\n    return name\n        .split(' ')\n        .map(function (word) { return word[0]; })\n        .join('');\n};\n"],"version":3}

package/dist/esm/Templates-0638b1e4.js.map

@@ -1 +0,0 @@
-{"file":"Templates-0638b1e4.js","mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AAqCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACU,IAAC,YAAY,GAAG,UAAU,QAAQ,EAAE,MAAM,EAAE;AACtD,IAAI,OAAO,QAAQ,CAAC,GAAG;AACvB,SAAS,IAAI,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAC/C,SAAS,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,EAAE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACU,IAAC,WAAW,GAAG,UAAU,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE;AAC9D,IAAI,OAAO,QAAQ,CAAC,GAAG;AACvB,SAAS,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,GAAG,GAAG,WAAW,GAAG,EAAE,CAAC,CAAC;AACzE,SAAS,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,EAAE;AAeF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACU,IAAC,cAAc,GAAG,UAAU,QAAQ,EAAE,MAAM,EAAE;AACxD,IAAI,OAAO,QAAQ,CAAC,GAAG;AACvB,SAAS,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC;AACpC,SAAS,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C;;;;","names":[],"sources":["./node_modules/@verdocs/js-sdk/Templates/Templates.js"],"sourcesContent":["/**\n * A Template defines how a Verdocs signing flow will be performed, including attachments, signing fields, and\n * recipients.\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 * Get all templates accessible by the caller, with optional filters.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * await Templates.getTemplates((VerdocsEndpoint.getDefault());\n * await Templates.getTemplates((VerdocsEndpoint.getDefault(), { is_starred: true });\n * await Templates.getTemplates((VerdocsEndpoint.getDefault(), { is_creator: true });\n * await Templates.getTemplates((VerdocsEndpoint.getDefault(), { is_organization: true });\n * ```\n */\nexport var getTemplates = function (endpoint, params) {\n    return endpoint.api //\n        .post('/templates', { params: params })\n        .then(function (r) { return r.data; });\n};\n/**\n * Get one template by its ID.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const template = await Templates.getTemplate((VerdocsEndpoint.getDefault(), '83da3d70-7857-4392-b876-c4592a304bc9');\n * ```\n */\nexport var getTemplate = function (endpoint, templateId, ssr) {\n    return endpoint.api //\n        .get(\"/templates/\".concat(templateId) + (ssr ? '?ssr=true' : ''))\n        .then(function (r) { return r.data; });\n};\n/**\n * Get owner information for a template.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const template = await Templates.getTemplateOwnerInfo((VerdocsEndpoint.getDefault(), '83da3d70-7857-4392-b876-c4592a304bc9');\n * ```\n */\nexport var getTemplateOwnerInfo = function (endpoint, templateId) {\n    return endpoint.api //\n        .get(\"/templates/\".concat(templateId))\n        .then(function (r) { return r.data; });\n};\n/**\n * Create a template.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const newTemplate = await Templates.createTemplate((VerdocsEndpoint.getDefault(), {...});\n * ```\n */\nexport var createTemplate = function (endpoint, params) {\n    return endpoint.api //\n        .post('/templates/', params)\n        .then(function (r) { return r.data; });\n};\n/**\n * Update a template.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const updatedTemplate = await Templates.updateTemplate((VerdocsEndpoint.getDefault(), '83da3d70-7857-4392-b876-c4592a304bc9', { name: 'New Name' });\n * ```\n */\nexport var updateTemplate = function (endpoint, templateId, params) {\n    return endpoint.api //\n        .put(\"/templates/\".concat(templateId), params)\n        .then(function (r) { return r.data; });\n};\n/**\n * Delete a template.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * await Templates.deleteTemplate((VerdocsEndpoint.getDefault(), '83da3d70-7857-4392-b876-c4592a304bc9');\n * ```\n */\nexport var deleteTemplate = function (endpoint, templateId) {\n    return endpoint.api //\n        .delete(\"/templates/\".concat(templateId))\n        .then(function (r) { return r.data; });\n};\n/**\n * Search for templates matching various criteria.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const {result, page, total} = await Templates.search((VerdocsEndpoint.getDefault(), { ... });\n * ```\n */\nexport var searchTemplates = 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('/templates/search', params)\n                .then(function (r) { return r.data; })];\n    });\n}); };\n/**\n * Get a summary of template data, typically used to populate admin panel dashboard pages.\n *\n * ```typescript\n * import {Templates} from '@verdocs/js-sdk/Templates';\n *\n * const summary = await Templates.getSummary((VerdocsEndpoint.getDefault(), 0);\n * ```\n */\nexport var getSummary = function (endpoint, params) {\n    if (params === void 0) { params = {}; }\n    return __awaiter(void 0, void 0, void 0, function () {\n        return __generator(this, function (_a) {\n            return [2 /*return*/, endpoint.api //\n                    .post('/templates/summary', params)\n                    .then(function (r) { return r.data; })];\n        });\n    });\n};\n"],"version":3}

package/dist/esm/Templates-ad0e1ebe.js.map

@@ -1 +0,0 @@
-{"file":"Templates-ad0e1ebe.js","mappings":";;;MAIa,YAAY,GAAG,OAAO,QAAyB,EAAE,UAAkB;EAC9EA,KAAa,CAAC,QAAQ,GAAG,IAAI,CAAC;EAE9B,IAAI,CAAC,UAAU,EAAE;IACf,OAAO,CAAC,GAAG,CAAC,0CAA0C,CAAC,CAAC;IACxD,OAAO;GACR;EAEDA,KAAa,CAAC,OAAO,GAAG,IAAI,CAAC;EAE7B,IAAI;IACF,OAAO,CAAC,GAAG,CAAC,gCAAgC,UAAU,EAAE,CAAC,CAAC;IAC1D,MAAM,QAAQ,GAAG,MAAM,WAAW,CAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;IAC/D,IAAI,CAAC,QAAQ,EAAE;MACb,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC;MACnD,OAAO;KACR;IAEDA,KAAa,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAClCA,KAAa,CAAC,OAAO,GAAG,KAAK,CAAC;GAC/B;EAAC,OAAO,CAAC,EAAE;IACV,OAAO,CAAC,GAAG,CAAC,oCAAoC,EAAE,CAAC,CAAC,CAAC;IACrD,MAAM,CAAC,CAAC;GACT;AACH;;;;","names":["TemplateStore"],"sources":["./src/utils/Templates.ts"],"sourcesContent":["import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {getTemplate} from '@verdocs/js-sdk/Templates/Templates';\nimport TemplateStore from './templateStore';\n\nexport const loadTemplate = async (endpoint: VerdocsEndpoint, templateId: string) => {\n  TemplateStore.template = null;\n\n  if (!templateId) {\n    console.log(`[TEMPLATES] Missing required template ID`);\n    return;\n  }\n\n  TemplateStore.loading = true;\n\n  try {\n    console.log(`[TEMPLATES] Loading template ${templateId}`);\n    const template = await getTemplate(endpoint, templateId, true);\n    if (!template) {\n      console.log('[TEMPLATES] Unable to load template');\n      return;\n    }\n\n    TemplateStore.template = template;\n    TemplateStore.loading = false;\n  } catch (e) {\n    console.log('[TEMPLATES] Error loading template', e);\n    throw e;\n  }\n};\n"],"version":3}

package/dist/esm/Token-54690789.js.map

@@ -1 +0,0 @@
-{"file":"Token-54690789.js","mappings":"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","names":[],"sources":["./node_modules/@verdocs/js-sdk/Utils/Token.js"],"sourcesContent":["/* tslint:disable:no-bitwise */\nvar b64 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';\n// Regular expression to check formal correctness of base64 encoded strings\nvar b64re = /^(?:[A-Za-z\\d+\\/]{4})*?(?:[A-Za-z\\d+\\/]{2}(?:==)?|[A-Za-z\\d+\\/]{3}=?)?$/;\n/**\n * Simplified, Node/Browser-safe alternative to atob() for base64 decoding.\n * Modified from https://github.com/MaxArt2501/base64-js/blob/master/base64.js\n */\nexport var AtoB = function (str) {\n    // atob can work with strings with whitespaces, even inside the encoded part,\n    // but only \\t, \\n, \\f, \\r and ' ', which can be stripped.\n    str = String(str).replace(/[\\t\\n\\f\\r ]+/g, '');\n    if (!b64re.test(str))\n        throw new TypeError(\"Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.\");\n    // Adding the padding if missing, for semplicity\n    str += '=='.slice(2 - (str.length & 3));\n    var bitmap;\n    var result = '';\n    var r1;\n    var r2;\n    var i = 0;\n    for (; i < str.length;) {\n        bitmap =\n            (b64.indexOf(str.charAt(i++)) << 18) |\n                (b64.indexOf(str.charAt(i++)) << 12) |\n                ((r1 = b64.indexOf(str.charAt(i++))) << 6) |\n                (r2 = b64.indexOf(str.charAt(i++)));\n        result +=\n            r1 === 64\n                ? String.fromCharCode((bitmap >> 16) & 255)\n                : r2 === 64\n                    ? String.fromCharCode((bitmap >> 16) & 255, (bitmap >> 8) & 255)\n                    : String.fromCharCode((bitmap >> 16) & 255, (bitmap >> 8) & 255, bitmap & 255);\n    }\n    return result;\n};\n/**\n * Decode the body of a JWT. This helper may allow front-end applications to avoid a dependency on `jsonwebtoken` in\n * many cases. Note that this should only be used for true JWTs. Opaque tokens will cause this to throw.\n */\nexport var decodeJWTBody = function (token) { return JSON.parse(AtoB((token || '').split('.')[1] || '')); };\n/**\n * Decode the body of an Verdocs access token. Note that raw tokens contain namespaced fields, e.g.\n * `https://verdocs.com/profile_id`. To make these tokens easier to use in front-end code, this name-spacing\n * will be removed. Note that user and signing sessions have different access token formats. The calling\n * application should distinguish between the two based on the context of the authenticated session, or by\n * the presence of the `document_id` field, which will only be present for signing sessions.\n */\nexport var decodeAccessTokenBody = function (token) {\n    var decoded;\n    try {\n        decoded = decodeJWTBody(token);\n        if (decoded === null) {\n            return null;\n        }\n    }\n    catch (e) {\n        return null;\n    }\n    Object.keys(decoded).forEach(function (key) {\n        if (typeof key === 'string' && key.startsWith('https://verdocs.com/')) {\n            decoded[key.replace('https://verdocs.com/', '')] = decoded[key];\n            delete decoded[key];\n        }\n    });\n    return decoded;\n};\n"],"version":3}

package/dist/esm/Types-ab9f6af8.js.map

@@ -1 +0,0 @@
-{"file":"Types-ab9f6af8.js","mappings":"AAAO,IAAI,mBAAmB,CAAC;AAC/B,CAAC,UAAU,mBAAmB,EAAE;AAChC,IAAI,mBAAmB,CAAC,gCAAgC,CAAC,GAAG,gCAAgC,CAAC;AAC7F,IAAI,mBAAmB,CAAC,6BAA6B,CAAC,GAAG,6BAA6B,CAAC;AACvF,IAAI,mBAAmB,CAAC,kCAAkC,CAAC,GAAG,kCAAkC,CAAC;AACjG,IAAI,mBAAmB,CAAC,yBAAyB,CAAC,GAAG,yBAAyB,CAAC;AAC/E,IAAI,mBAAmB,CAAC,6BAA6B,CAAC,GAAG,6BAA6B,CAAC;AACvF,IAAI,mBAAmB,CAAC,sBAAsB,CAAC,GAAG,sBAAsB,CAAC;AACzE,IAAI,mBAAmB,CAAC,uBAAuB,CAAC,GAAG,uBAAuB,CAAC;AAC3E,IAAI,mBAAmB,CAAC,wBAAwB,CAAC,GAAG,wBAAwB,CAAC;AAC7E,IAAI,mBAAmB,CAAC,4BAA4B,CAAC,GAAG,4BAA4B,CAAC;AACrF,CAAC,EAAE,mBAAmB,KAAK,mBAAmB,GAAG,EAAE,CAAC,CAAC,CAAC;AAC5C,IAAC,oBAAoB;AAC/B,CAAC,UAAU,mBAAmB,EAAE;AAChC,IAAI,mBAAmB,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;AAC/C,IAAI,mBAAmB,CAAC,qBAAqB,CAAC,GAAG,qBAAqB,CAAC;AACvE,IAAI,mBAAmB,CAAC,gCAAgC,CAAC,GAAG,gCAAgC,CAAC;AAC7F,IAAI,mBAAmB,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC;AACjD,IAAI,mBAAmB,CAAC,qBAAqB,CAAC,GAAG,qBAAqB,CAAC;AACvE,CAAC,EAAE,mBAAmB,KAAK,mBAAmB,GAAG,EAAE,CAAC,CAAC,CAAC;AAC/C,IAAI,eAAe,CAAC;AAC3B,CAAC,UAAU,eAAe,EAAE;AAC5B,IAAI,eAAe,CAAC,iBAAiB,CAAC,GAAG,iBAAiB,CAAC;AAC3D,IAAI,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC;AACjD,IAAI,eAAe,CAAC,eAAe,CAAC,GAAG,eAAe,CAAC;AACvD,IAAI,eAAe,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;AACrC,IAAI,eAAe,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;AACvC,IAAI,eAAe,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC;AACzC,IAAI,eAAe,CAAC,4BAA4B,CAAC,GAAG,4BAA4B,CAAC;AACjF,IAAI,eAAe,CAAC,uBAAuB,CAAC,GAAG,uBAAuB,CAAC;AACvE,IAAI,eAAe,CAAC,0BAA0B,CAAC,GAAG,0BAA0B,CAAC;AAC7E,CAAC,EAAE,eAAe,KAAK,eAAe,GAAG,EAAE,CAAC,CAAC,CAAC;AACvC,IAAI,WAAW,CAAC;AACvB,CAAC,UAAU,WAAW,EAAE;AACxB,IAAI,WAAW,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC;AAC7C,IAAI,WAAW,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC;AAC7C,IAAI,WAAW,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;AACjC,IAAI,WAAW,CAAC,cAAc,CAAC,GAAG,cAAc,CAAC;AACjD,IAAI,WAAW,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;AACvC,IAAI,WAAW,CAAC,cAAc,CAAC,GAAG,cAAc,CAAC;AACjD,CAAC,EAAE,WAAW,KAAK,WAAW,GAAG,EAAE,CAAC,CAAC;;;;","names":[],"sources":["./node_modules/@verdocs/js-sdk/Templates/Types.js"],"sourcesContent":["export var TemplatePermissions;\n(function (TemplatePermissions) {\n    TemplatePermissions[\"TEMPLATE_CREATOR_CREATE_PUBLIC\"] = \"template:creator:create:public\";\n    TemplatePermissions[\"TEMPLATE_CREATOR_CREATE_ORG\"] = \"template:creator:create:org\";\n    TemplatePermissions[\"TEMPLATE_CREATOR_CREATE_PERSONAL\"] = \"template:creator:create:personal\";\n    TemplatePermissions[\"TEMPLATE_CREATOR_DELETE\"] = \"template:creator:delete\";\n    TemplatePermissions[\"TEMPLATE_CREATOR_VISIBILITY\"] = \"template:creator:visibility\";\n    TemplatePermissions[\"TEMPLATE_MEMBER_READ\"] = \"template:member:read\";\n    TemplatePermissions[\"TEMPLATE_MEMBER_WRITE\"] = \"template:member:write\";\n    TemplatePermissions[\"TEMPLATE_MEMBER_DELETE\"] = \"template:member:delete\";\n    TemplatePermissions[\"TEMPLATE_MEMBER_VISIBILITY\"] = \"template:member:visibility\";\n})(TemplatePermissions || (TemplatePermissions = {}));\nexport var TemplateSenderTypes;\n(function (TemplateSenderTypes) {\n    TemplateSenderTypes[\"CREATOR\"] = \"creator\";\n    TemplateSenderTypes[\"ORGANIZATION_MEMBER\"] = \"organization_member\";\n    TemplateSenderTypes[\"ORGANIZATION_MEMBER_AS_CREATOR\"] = \"organization_member_as_creator\";\n    TemplateSenderTypes[\"EVERYONE\"] = \"everyone\";\n    TemplateSenderTypes[\"EVERYONE_AS_CREATOR\"] = \"everyone_as_creator\";\n})(TemplateSenderTypes || (TemplateSenderTypes = {}));\nexport var TemplateActions;\n(function (TemplateActions) {\n    TemplateActions[\"CREATE_PERSONAL\"] = \"create_personal\";\n    TemplateActions[\"CREATE_ORG\"] = \"create_org\";\n    TemplateActions[\"CREATE_PUBLIC\"] = \"create_public\";\n    TemplateActions[\"READ\"] = \"read\";\n    TemplateActions[\"WRITE\"] = \"write\";\n    TemplateActions[\"DELETE\"] = \"delete\";\n    TemplateActions[\"CHANGE_VISIBILITY_PERSONAL\"] = \"change_visibility_personal\";\n    TemplateActions[\"CHANGE_VISIBILITY_ORG\"] = \"change_visibility_org\";\n    TemplateActions[\"CHANGE_VISIBILITY_PUBLIC\"] = \"change_visibility_public\";\n})(TemplateActions || (TemplateActions = {}));\nexport var SortOptions;\n(function (SortOptions) {\n    SortOptions[\"CREATED_AT\"] = \"created_at\";\n    SortOptions[\"UPDATED_AT\"] = \"updated_at\";\n    SortOptions[\"NAME\"] = \"name\";\n    SortOptions[\"LAST_USED_AT\"] = \"last_used_at\";\n    SortOptions[\"COUNTER\"] = \"counter\";\n    SortOptions[\"STAR_COUNTER\"] = \"star_counter\";\n})(SortOptions || (SortOptions = {}));\n"],"version":3}

package/dist/esm/Validators-f110bae2.js.map

@@ -1 +0,0 @@
-{"file":"Validators-f110bae2.js","mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAWA,IAAI,WAAW,GAAG,wJAAwJ,CAAC;AACjK,IAAC,YAAY,GAAG,UAAU,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG;AAC1F;AACA,IAAI,WAAW,GAAG,2MAA2M,CAAC;AACpN,IAAC,YAAY,GAAG,UAAU,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;;;;","names":[],"sources":["./node_modules/@verdocs/js-sdk/Templates/Validators.js"],"sourcesContent":["/**\n * Get all defined validators\n *\n * ```typescript\n * import {Documents} from '@verdocs/js-sdk/Templates';\n *\n * await Documents.getDocuments(templateID);\n * ```\n */\nexport var getValidators = function (endpoint) {\n    return endpoint.api //\n        .get('/validators')\n        .then(function (r) { return r.data; });\n};\nexport var getValidator = function (endpoint, validatorName) {\n    return endpoint.api //\n        .get(\"/validators/\".concat(validatorName))\n        .then(function (r) { return r.data; });\n};\nvar EMAIL_REGEX = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\nexport var isValidEmail = function (email) { return !!email && EMAIL_REGEX.test(email); };\n// @see https://www.regextester.com/1978\nvar PHONE_REGEX = /((?:\\+|00)[17](?: |\\-)?|(?:\\+|00)[1-9]\\d{0,2}(?: |\\-)?|(?:\\+|00)1\\-\\d{3}(?: |\\-)?)?(0\\d|\\([0-9]{3}\\)|[1-9]{0,3})(?:((?: |\\-)[0-9]{2}){4}|((?:[0-9]{2}){4})|((?: |\\-)[0-9]{3}(?: |\\-)[0-9]{4})|([0-9]{7}))/;\nexport var isValidPhone = function (phone) { return !!phone && PHONE_REGEX.test(phone); };\nexport var isValidRoleName = function (value, roles) { return roles.findIndex(function (role) { return role.name === value; }) !== -1; };\nvar TagRegEx = /^[a-zA-Z0-9-]{0,32}$/;\nexport var isValidTag = function (value, tags) { return TagRegEx.test(value) || tags.findIndex(function (tag) { return tag.name === value; }) !== -1; };\n"],"version":3}