@verdocs/web-sdk 1.14.12 → 1.15.1

package/dist/cjs/verdocs-radio-button_3.cjs.entry.js

@@ -1,241 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-70677d67.js');
-require('./Types-f89f9116.js');
-const Roles = require('./Roles-9b593b95.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-e6517a50.js');
-const TemplateStore = require('./TemplateStore-f2fb6a62.js');
-const errors = require('./errors-0396da3d.js');
-const Templates = require('./Templates-24580a13.js');
-require('./index-e84e0687.js');
-
-const verdocsRadioButtonCss = "verdocs-radio-button{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:20px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-radio-button.disabled{opacity:0.5}verdocs-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-radio-button input[type=radio]+label:before{content:\"\";background:#f5f5fa;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:16px;height:16px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-radio-button.hide{display:none}verdocs-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";
-
-const VerdocsRadioButton = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.checked = false;
-    this.name = '';
-    this.value = '';
-    this.disabled = false;
-  }
-  render() {
-    return (index.h(index.Host, { class: { disabled: this.disabled } }, index.h("input", { type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), index.h("label", { htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
-  }
-};
-VerdocsRadioButton.style = verdocsRadioButtonCss;
-
-const verdocsTemplateRolePropertiesCss = "verdocs-template-role-properties{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties .background-overlay{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-template-role-properties .dialog{width:340px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-template-role-properties .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-role-properties .buttons verdocs-button{margin-left:16px}verdocs-template-role-properties form .row{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties form .row .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0;-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-select-input{-ms-flex:1;flex:1;margin:0}verdocs-template-role-properties verdocs-text-input{margin:0 0 10px 0}verdocs-template-role-properties verdocs-text-input label{margin:0;display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties verdocs-text-input verdocs-text-input{margin:0}verdocs-template-role-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;padding:0 6px;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-role-properties .delete-button svg{width:24px;height:24px}verdocs-template-role-properties .delete-button:active{background:#f3f3f3}";
-
-const TrashIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>`;
-const VerdocsTemplateRoleProperties = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.close = index.createEvent(this, "close", 7);
-    this.delete = index.createEvent(this, "delete", 7);
-    this.sdkError = index.createEvent(this, "sdkError", 7);
-    this.store = null;
-    this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
-    this.templateId = '';
-    this.roleName = '';
-    this.sender = VerdocsEndpoint.TemplateSenderTypes.EVERYONE;
-    this.dirty = false;
-    this.saving = false;
-    this.name = '';
-    this.type = 'signer';
-    this.fullName = '';
-    this.email = '';
-    this.phone = '';
-    this.allowDelegation = false;
-  }
-  async componentWillLoad() {
-    var _a, _b, _c, _d, _e;
-    try {
-      this.endpoint.loadSession();
-      if (!this.templateId) {
-        console.log(`[ROLE_PROPERTIES] Missing required template ID ${this.templateId}`);
-        return;
-      }
-      if (!this.endpoint.session) {
-        console.log('[ROLE_PROPERTIES] Unable to start builder session, must be authenticated');
-        return;
-      }
-      this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false);
-      const editingRole = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.roles.find(role => role.name === this.roleName);
-      if (editingRole) {
-        this.name = editingRole.name;
-        this.type = editingRole.type;
-        this.fullName = editingRole.full_name;
-        this.email = editingRole.email;
-        this.phone = editingRole.phone;
-        this.allowDelegation = editingRole.delegator;
-        console.log('[ROLES] Editing role', editingRole);
-      }
-    }
-    catch (e) {
-      console.log('[TEMPLATE ROLE PROPERTIES] Error with preview session', e);
-      (_c = this.sdkError) === null || _c === void 0 ? void 0 : _c.emit(new errors.SDKError(e.message, (_d = e.response) === null || _d === void 0 ? void 0 : _d.status, (_e = e.response) === null || _e === void 0 ? void 0 : _e.data));
-    }
-  }
-  handleCancel(e) {
-    var _a, _b, _c;
-    e.stopPropagation();
-    this.name = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.name;
-    this.dirty = false;
-    (_c = this.close) === null || _c === void 0 ? void 0 : _c.emit();
-  }
-  async handleSave(e) {
-    e.stopPropagation();
-    this.saving = true;
-    Roles.updateRole(this.endpoint, this.templateId, this.roleName, {
-      name: this.name,
-      type: this.type,
-      full_name: this.fullName,
-      email: this.email,
-      phone: this.phone,
-      delegator: this.allowDelegation,
-    })
-      .then(async (r) => {
-      var _a;
-      console.log('[ROLE_PROPERTIES] Update result', r);
-      this.saving = false;
-      this.dirty = false;
-      this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, true);
-      // this.sortTemplateRoles();
-      // this.renumberTemplateRoles();
-      // const newRoles = [...this.store.state.roles];
-      // newRoles.forEach(role => {
-      //   if (role.name === this.roleName) {
-      //     role.name = this.name;
-      //     role.type = this.type;
-      //     role.full_name = this.fullName;
-      //     role.email = this.email;
-      //     role.phone = this.phone;
-      //     role.delegator = this.allowDelegation;
-      //   }
-      // });
-      // this.store.state.roles = newRoles;
-      (_a = this.close) === null || _a === void 0 ? void 0 : _a.emit();
-    })
-      .catch(e => {
-      console.log('Update error', e);
-      this.saving = false;
-    });
-  }
-  async handleDelete(e) {
-    e.stopPropagation();
-    if (window.confirm('Are you sure you wish to remove this role? All associated fields will be removed as well. This action cannot be undone.')) {
-      Roles.deleteRole(this.endpoint, this.templateId, this.roleName)
-        .then(r => {
-        var _a;
-        console.log('Role deleted', r);
-        this.store.state.roles = [...this.store.state.roles.filter(role => role.name !== this.roleName)];
-        (_a = this.delete) === null || _a === void 0 ? void 0 : _a.emit({ templateId: this.templateId, roleName: this.roleName });
-      })
-        .catch(e => {
-        console.log('Deletion error', e);
-      });
-    }
-  }
-  render() {
-    const hasFields = (this.store.state.fields || []).findIndex(field => field.role_name === this.roleName) !== -1;
-    return (index.h(index.Host, null, index.h("div", { class: "background-overlay", onClick: e => this.handleCancel(e) }, index.h("div", { class: "dialog" }, index.h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("verdocs-text-input", { id: "verdocs-recipient-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
-        ? 'This role has fields assigned and can no longer be renamed.'
-        : 'A unique name to identify the role in the workflow. Submitted data will also be tagged with this value.', placeholder: "Template Name...", onInput: (e) => {
-        this.name = e.target.value;
-        this.dirty = true;
-      } }), index.h("div", { class: "row" }, index.h("div", { class: "input-label" }, "Type:"), index.h("verdocs-select-input", { value: this.type, options: [
-        { label: 'Signer', value: 'signer' },
-        { label: 'CC', value: 'cc' },
-        { label: 'Approver', value: 'approver' },
-      ], onInput: (e) => {
-        this.type = e.target.value;
-        this.dirty = true;
-      } }), index.h("verdocs-help-icon", { text: "Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform a final review." })), index.h("verdocs-text-input", { id: "verdocs-recipient-email", label: "Full Name", value: this.fullName, autocomplete: "off", helpText: "The recipient's full name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Full Name...", onInput: (e) => {
-        this.fullName = e.target.value;
-        this.dirty = true;
-      } }), index.h("verdocs-text-input", { id: "verdocs-recipient-email", label: "Email", value: this.email, autocomplete: "off", helpText: "The recipient's email address, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Email Address...", onInput: (e) => {
-        this.email = e.target.value;
-        this.dirty = true;
-      } }), index.h("verdocs-text-input", { id: "verdocs-recipient-phone", label: "Phone", value: this.phone, autocomplete: "off", helpText: "The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Phone Number...", onInput: (e) => {
-        this.phone = e.target.value;
-        this.dirty = true;
-      } }), index.h("div", { class: "row" }, index.h("div", { class: "input-label" }, "May Delegate:"), index.h("div", { class: "checkbox-wrapper" }, index.h("verdocs-checkbox", { checked: this.allowDelegation, onInput: (e) => {
-        this.allowDelegation = e.target.checked;
-        this.dirty = true;
-      } })), index.h("verdocs-help-icon", { text: "If enabled, this recipient may delegate their actions to another individual." })), index.h("div", { class: "buttons" }, index.h("button", { class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), index.h("div", { style: { flex: '1' } }), index.h("verdocs-button", { size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
-  }
-};
-VerdocsTemplateRoleProperties.style = verdocsTemplateRolePropertiesCss;
-
-const verdocsTemplateSenderCss = "verdocs-template-sender{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-sender div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-sender .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-template-sender .dialog{width:340px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-template-sender .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-sender .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-sender .buttons verdocs-button{margin-left:16px}verdocs-template-sender .options{row-gap:10px}verdocs-template-sender .options .option{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-sender .options .option .description{margin-left:10px}verdocs-template-sender .options .option .description .name{display:inline-block;vertical-align:top;margin-top:4px;margin-right:4px}";
-
-const VerdocsTemplateSender = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.close = index.createEvent(this, "close", 7);
-    this.sdkError = index.createEvent(this, "sdkError", 7);
-    this.store = null;
-    this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
-    this.templateId = '';
-    this.sender = VerdocsEndpoint.TemplateSenderTypes.EVERYONE;
-    this.saving = false;
-  }
-  async componentWillLoad() {
-    var _a, _b, _c, _d, _e;
-    try {
-      this.endpoint.loadSession();
-      if (!this.templateId) {
-        console.log(`[SENDER] Missing required template ID ${this.templateId}`);
-        return;
-      }
-      if (!this.endpoint.session) {
-        console.log('[SENDER] Unable to start builder session, must be authenticated');
-        return;
-      }
-      this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false);
-      this.sender = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.sender;
-    }
-    catch (e) {
-      console.log('[SENDER] Error with preview session', e);
-      (_c = this.sdkError) === null || _c === void 0 ? void 0 : _c.emit(new errors.SDKError(e.message, (_d = e.response) === null || _d === void 0 ? void 0 : _d.status, (_e = e.response) === null || _e === void 0 ? void 0 : _e.data));
-    }
-  }
-  handleClose() {
-    this.close.emit();
-  }
-  // We need a separate event handler for clicking the background because it can receive events "through" other child components
-  handleDismiss(e) {
-    if (e.target.className === 'background-overlay') {
-      e.preventDefault();
-      this.handleClose();
-    }
-  }
-  async handleSelectSetting(value) {
-    this.saving = true;
-    Templates.updateTemplate(this.endpoint, this.templateId, { sender: value })
-      .then(r => {
-      var _a;
-      console.log('Update result', r);
-      if ((_a = this.store) === null || _a === void 0 ? void 0 : _a.state) {
-        this.store.state.sender = value;
-      }
-      this.saving = false;
-      this.sender = value;
-    })
-      .catch(e => {
-      console.log('Error saving', e);
-      this.saving = false;
-    });
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { class: "dialog" }, index.h("div", { class: "options" }, index.h("div", { class: "option" }, index.h("verdocs-radio-button", { name: "template-sender", value: VerdocsEndpoint.TemplateSenderTypes.EVERYONE, checked: this.sender === VerdocsEndpoint.TemplateSenderTypes.EVERYONE, onInput: () => this.handleSelectSetting(VerdocsEndpoint.TemplateSenderTypes.EVERYONE) }), index.h("div", { class: "description" }, index.h("div", { class: "name" }, "Anyone on the Web"), index.h("verdocs-help-icon", { text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), index.h("div", { class: "option" }, index.h("verdocs-radio-button", { name: "template-sender", value: VerdocsEndpoint.TemplateSenderTypes.EVERYONE_AS_CREATOR, checked: this.sender === VerdocsEndpoint.TemplateSenderTypes.EVERYONE_AS_CREATOR, onInput: () => this.handleSelectSetting(VerdocsEndpoint.TemplateSenderTypes.EVERYONE_AS_CREATOR) }), index.h("div", { class: "description" }, index.h("div", { class: "name" }, "Anyone on the Web as me"), index.h("verdocs-help-icon", { text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), index.h("div", { class: "option" }, index.h("verdocs-radio-button", { name: "template-sender", value: VerdocsEndpoint.TemplateSenderTypes.ORGANIZATION_MEMBER, checked: this.sender === VerdocsEndpoint.TemplateSenderTypes.ORGANIZATION_MEMBER, onInput: () => this.handleSelectSetting(VerdocsEndpoint.TemplateSenderTypes.ORGANIZATION_MEMBER) }), index.h("div", { class: "description" }, index.h("div", { class: "name" }, "Anyone in my organization"), index.h("verdocs-help-icon", { text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), index.h("div", { class: "option" }, index.h("verdocs-radio-button", { name: "template-sender", value: VerdocsEndpoint.TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR, checked: this.sender === VerdocsEndpoint.TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR, onInput: () => this.handleSelectSetting(VerdocsEndpoint.TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR) }), index.h("div", { class: "description" }, index.h("div", { class: "name" }, "Anyone in my organization as me"), index.h("verdocs-help-icon", { text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), index.h("div", { class: "option" }, index.h("verdocs-radio-button", { name: "template-sender", value: VerdocsEndpoint.TemplateSenderTypes.CREATOR, checked: this.sender === VerdocsEndpoint.TemplateSenderTypes.CREATOR, onInput: () => this.handleSelectSetting(VerdocsEndpoint.TemplateSenderTypes.CREATOR) }), index.h("div", { class: "description" }, index.h("div", { class: "name" }, "Me"), index.h("verdocs-help-icon", { text: "Only I can use this template." })))), index.h("div", { class: "buttons" }, index.h("verdocs-button", { label: "Close", onClick: () => this.handleClose() }))))));
-  }
-};
-VerdocsTemplateSender.style = verdocsTemplateSenderCss;
-
-exports.verdocs_radio_button = VerdocsRadioButton;
-exports.verdocs_template_role_properties = VerdocsTemplateRoleProperties;
-exports.verdocs_template_sender = VerdocsTemplateSender;

package/dist/cjs/verdocs-toolbar-icon.cjs.entry.js

@@ -1,51 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-70677d67.js');
-const popper = require('./popper-9def2535.js');
-
-const verdocsToolbarIconCss = "verdocs-toolbar-icon{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:inline-block}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:relative;border-radius:4px;z-index:20000;white-space:nowrap}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:\"\";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]{padding:3px 10px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-1px}";
-
-const VerdocsToolbarIcon = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.text = '';
-    this.icon = '';
-    this.placement = 'bottom';
-    this.containerId = `verdocs-toolbar-icon-${Math.random().toString(36).substring(2, 11)}`;
-  }
-  componentDidLoad() {
-    this.popperInstance = popper.createPopper(this.iconEl, this.tooltip, {
-      placement: this.placement,
-      modifiers: this.placement === 'left' ? [{ name: 'offset', options: { offset: [0, 20] } }] : [],
-    });
-    // placement: 'top-end',
-    // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],
-    // });
-  }
-  disconnectedCallback() {
-    if (this.popperInstance) {
-      this.popperInstance.destroy();
-      this.popperInstance = null;
-    }
-  }
-  show() {
-    var _a, _b;
-    (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.setAttribute('data-show', '');
-    (_b = this.popperInstance) === null || _b === void 0 ? void 0 : _b.update().catch(() => { });
-  }
-  hide() {
-    var _a;
-    (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
-  }
-  // handlePress() {
-  //   this.press?.emit();
-  // }
-  render() {
-    return (index.h(index.Host, { class: {} }, index.h("div", { "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), index.h("div", { id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, index.h("div", { "data-popper-arrow": "true", class: "arrow" }))));
-  }
-};
-VerdocsToolbarIcon.style = verdocsToolbarIconCss;
-
-exports.verdocs_toolbar_icon = VerdocsToolbarIcon;

package/dist/esm/Roles-6eb459df.js

@@ -1,24 +0,0 @@
-/**
- * A "role" is an individual participant in a signing flow, such as a signer or CC contact. Roles are identified by
- * their names, which must be unique (e.g. 'Recipient 1'). Template fields are assigned to roles for signing operations,
- * so you may have 'Recipient 1 Signature 1' and so forth.
- *
- * @module
- */
-var createRole = function (endpoint, templateId, params) {
-    return endpoint.api //
-        .post("/templates/".concat(templateId, "/roles"), params)
-        .then(function (r) { return r.data; });
-};
-var updateRole = function (endpoint, templateId, roleName, params) {
-    return endpoint.api //
-        .put("/templates/".concat(templateId, "/roles/").concat(roleName), params)
-        .then(function (r) { return r.data; });
-};
-var deleteRole = function (endpoint, templateId, roleName) {
-    return endpoint.api //
-        .delete("/templates/".concat(templateId, "/roles/").concat(roleName))
-        .then(function (r) { return r.data; });
-};
-
-export { createRole as c, deleteRole as d, updateRole as u };

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

@@ -1,182 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-b18c0348.js';
-import { c as createPopper } from './popper-bfa25c7f.js';
-import { h as getEnvelopeDocumentPageDisplayUri } from './Envelopes-105a4a8f.js';
-import './Types-5f31149e.js';
-import { V as VerdocsEndpoint } from './VerdocsEndpoint-6d7a17ce.js';
-import { t as throttle } from './utils-1bb75f32.js';
-import './_commonjsHelpers-5ec8f9b7.js';
-import './Files-70a192df.js';
-import './Types-de18e225.js';
-import './index-d264c496.js';
-
-const verdocsDropdownCss = "verdocs-dropdown{font-family:\"Inter\", \"Barlow\", sans-serif;display:block}verdocs-dropdown .arrow{width:32px;height:26px;background:#fff;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;border:1px solid #cccccc;-ms-flex-pack:center;justify-content:center}verdocs-dropdown .arrow svg{fill:#55bc81;-webkit-transition:0.3s;transition:0.3s}verdocs-dropdown .items{width:200px;display:none;z-index:10000;border-radius:5px;background:#33354c;border:1px solid #654dcb}verdocs-dropdown .items[data-show]{display:block}verdocs-dropdown .option{width:100%;color:#fff;border:none;display:block;text-align:left;background:none;padding:10px 20px}verdocs-dropdown .option:hover{cursor:pointer;background:#55bc81}verdocs-dropdown .option[disabled]{color:#aaaaaa}verdocs-dropdown .option[disabled]:hover{color:#aaaaaa;cursor:inherit;background:transparent}verdocs-dropdown .separator{border-top:1px solid #ffffff5f;height:1px;padding-top:5px;margin-top:5px}verdocs-dropdown.open .items{display:block}verdocs-dropdown.open .arrow{background:#4c56cb;border:1px solid #707ae5}verdocs-dropdown.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1);fill:#fff}";
-
-const DropdownArrow = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#50BE80"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7 10l5 5 5-5H7z"/></svg>`;
-const VerdocsDropdown = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.optionSelected = createEvent(this, "optionSelected", 7);
-    // We need to do this to reliably disconnect the click-away listener
-    this.clickListenerSymbol = new AbortController();
-    this.options = [];
-    this.open = undefined;
-  }
-  componentDidLoad() {
-    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, { placement: 'bottom-start', modifiers: [{ name: 'offset', options: { offset: [0, 6] } }] });
-    window.addEventListener('click', this.clickListener.bind(this), { signal: this.clickListenerSymbol.signal });
-  }
-  disconnectedCallback() {
-    this.clickListenerSymbol.abort();
-  }
-  clickListener(e) {
-    const outside = !(e.target == this.el || this.el.contains(e.target));
-    if (outside) {
-      this.hide();
-    }
-  }
-  handleSelectOption(e, option) {
-    e.stopPropagation();
-    // this.isOpen = false;
-    this.optionSelected.emit(option);
-    this.hide();
-  }
-  // See https://popper.js.org/docs/v2/tutorial/
-  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists
-  showDropdown() {
-    var _a, _b;
-    // this.isOpen = true;
-    this.open = true;
-    this.dropdownMenu.setAttribute('data-show', '');
-    this.dropdownMenu.removeAttribute('aria-hidden');
-    (_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({
-      ...options,
-      modifiers: [...options.modifiers, { name: 'eventListeners', enabled: true }],
-    })).catch(() => { });
-    (_b = this.popper) === null || _b === void 0 ? void 0 : _b.update().catch(() => { });
-  }
-  handleHideDropdown(e) {
-    var _a, _b;
-    if (((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.localName) === 'button' && ((_b = e === null || e === void 0 ? void 0 : e.target) === null || _b === void 0 ? void 0 : _b.className) === 'arrow') {
-      // This event is fired when a menu element is clicked because the button "loses focus" then too
-      return;
-    }
-    this.hide();
-  }
-  toggleDropdown(e) {
-    e.stopPropagation();
-    if (this.open) {
-      this.hide();
-    }
-    else {
-      this.showDropdown();
-    }
-  }
-  hide() {
-    var _a;
-    this.open = false;
-    this.dropdownMenu.removeAttribute('data-show');
-    this.dropdownMenu.setAttribute('aria-hidden', 'true');
-    (_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({
-      ...options,
-      modifiers: [...options.modifiers, { name: 'eventListeners', enabled: false }],
-    })).catch(() => { });
-  }
-  render() {
-    var _a;
-    return (h(Host, { class: { open: !!this.open } }, h("button", { class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e), ref: el => (this.dropdownButton = el) }), h("div", { class: "items", "aria-hidden": !this.open, ref: el => (this.dropdownMenu = el) }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => option.label ? (h("button", { onClick: e => this.handleSelectOption(e, option), class: "option", disabled: option.disabled }, option.label)) : (h("div", { class: "separator" }))))));
-  }
-  get el() { return getElement(this); }
-};
-VerdocsDropdown.style = verdocsDropdownCss;
-
-const verdocsEnvelopeDocumentPageCss = "verdocs-envelope-document-page{width:100%;position:relative}verdocs-envelope-document-page .verdocs-envelope-document-page-layer{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-shadow:0 0 10px 5px #0000000f;box-shadow:0 0 10px 5px #0000000f}verdocs-envelope-document-page .verdocs-envelope-document-page-layer.img{width:100%}";
-
-const VerdocsEnvelopeDocumentPage = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.pageRendered = createEvent(this, "pageRendered", 7);
-    this.endpoint = VerdocsEndpoint.getDefault();
-    this.envelopeId = '';
-    this.documentId = '';
-    this.pageNumber = 1;
-    this.virtualWidth = 612;
-    this.virtualHeight = 792;
-    this.layers = [{ name: 'page', type: 'canvas' }];
-    this.type = 'original';
-    this.containerId = `verdocs-envelope-document-page-${Math.random().toString(36).substring(2, 11)}`;
-    this.renderedWidth = this.virtualWidth;
-    this.renderedHeight = this.virtualHeight;
-    this.naturalWidth = this.virtualWidth;
-    this.naturalHeight = this.virtualHeight;
-    this.aspectRatio = this.virtualWidth / this.virtualHeight;
-    this.skipFirstNotification = true;
-    this.pageDisplayUri = 'https://verdocs-public-assets.s3.amazonaws.com/page-loading-placeholder.png';
-  }
-  async componentWillLoad() {
-    this.pageDisplayUri = await getEnvelopeDocumentPageDisplayUri(this.endpoint, this.envelopeId, this.documentId, this.pageNumber, this.type);
-  }
-  componentDidLoad() {
-    this.resizeObserver = new ResizeObserver(throttle(entries => {
-      for (const entry of entries) {
-        const renderedWidth = entry.contentRect.width;
-        this.renderedWidth = renderedWidth;
-        this.renderedHeight = this.virtualHeight * (renderedWidth / this.virtualWidth);
-      }
-      this.notifyRenderedSize();
-    }, 100));
-    this.resizeObserver.observe(this.container);
-  }
-  disconnectedCallback() {
-    var _a;
-    (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-  }
-  // Left here for documentation purposes in case we find an edge case where this isn't true. But we apparently don't need this.
-  // When we add the resize observer it will always be triggered at least once so notifying here as well is just a dupe.
-  // componentDidRender() {
-  //   this.notifyRenderedSize();
-  // }
-  notifyRenderedSize() {
-    // We skip one notification because by default we will always get at least two, one when rendering the initial size
-    // and a second once we're able to compute the scale size, when the resizeObserver sets renderedWidth/renderedHeight.
-    if (this.skipFirstNotification) {
-      this.skipFirstNotification = false;
-      return;
-    }
-    this.pageRendered.emit({
-      // container: this.container,
-      containerId: this.containerId,
-      documentId: this.documentId,
-      pageNumber: this.pageNumber,
-      virtualWidth: this.virtualWidth,
-      virtualHeight: this.virtualHeight,
-      renderedWidth: this.renderedWidth,
-      renderedHeight: this.renderedHeight,
-      naturalWidth: this.naturalWidth,
-      naturalHeight: this.naturalHeight,
-      aspectRatio: this.aspectRatio,
-      xScale: this.renderedWidth / this.virtualWidth,
-      yScale: this.renderedHeight / this.virtualHeight,
-    });
-  }
-  render() {
-    const height = `${this.renderedHeight}px`;
-    return (h(Host, { id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
-        // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that
-        // useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).
-        // Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values
-        // for a field are based on the responsive Web view the Template editor was seeing. The IMG was scaled down there in the
-        // exact same way, so we just honor it. We capture the natural width and height here more as information. Then we use the
-        // aspect ratio to adjust the "virtual" height in case the page is not 8.5"x11".
-        // TODO: Store this in the DB with each page.
-        this.naturalWidth = e.target.naturalWidth;
-        this.naturalHeight = e.target.naturalHeight;
-        this.aspectRatio = this.naturalWidth / this.naturalHeight;
-        this.virtualHeight = this.virtualWidth / this.aspectRatio;
-        this.renderedHeight = e.target.offsetWidth / this.aspectRatio;
-      } })) : (h("div", null)))));
-  }
-  get container() { return getElement(this); }
-};
-VerdocsEnvelopeDocumentPage.style = verdocsEnvelopeDocumentPageCss;
-
-export { VerdocsDropdown as verdocs_dropdown, VerdocsEnvelopeDocumentPage as verdocs_envelope_document_page };