@verdocs/web-sdk 5.0.2 → 5.0.4

package/dist/cjs/verdocs-kba-dialog_2.cjs.entry.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ccac8641.js');
 const jsSdk = require('@verdocs/js-sdk');
-const utils = require('./utils-ba1e95e0.js');
+const utils = require('./utils-30de2530.js');
 const errors = require('./errors-017fb835.js');
-const Datastore = require('./Datastore-b1742da2.js');
+const Datastore = require('./Datastore-5b860927.js');
 require('./_commonjsHelpers-e6ff1d6e.js');
 require('./Types-7a726ff3.js');
 require('./format-dc0f3757.js');

package/dist/cjs/verdocs-menu-panel_2.cjs.entry.js

@@ -0,0 +1,241 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-ccac8641.js');
+const jsSdk = require('@verdocs/js-sdk');
+const errors = require('./errors-017fb835.js');
+const Datastore = require('./Datastore-5b860927.js');
+
+const verdocsMenuPanelCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}#verdocs-menu-panel-overlay{top:0;left:0;width:100%;height:100%;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.4980392157)}#verdocs-menu-panel{opacity:0;z-index:10001;position:fixed;overflow-y:scroll;background-color:#ffffff;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-webkit-animation:showVerdocsMenuPanel 0.35s;-webkit-animation-fill-mode:forwards}@-webkit-keyframes showVerdocsMenuPanel{0%{opacity:0;right:-300px}100%{right:0;opacity:1}}";
+const VerdocsMenuPanelStyle0 = verdocsMenuPanelCss;
+
+const VerdocsMenuPanel = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.close = index.createEvent(this, "close", 7);
+        this.moved = false;
+        this.overlayId = `verdocs-menu-panel-overlay`;
+        this.panelId = `verdocs-menu-panel`;
+        this.side = 'right';
+        this.overlay = true;
+        this.width = 300;
+    }
+    handleClick(e) {
+        var _a;
+        if (!this.element.contains(e.target)) {
+            this.hide();
+            (_a = this.close) === null || _a === void 0 ? void 0 : _a.emit();
+        }
+    }
+    componentWillLoad() {
+        this.hide();
+        if (this.overlay) {
+            this.portal = document.createElement('div');
+            this.portal.setAttribute('id', this.overlayId);
+            document.body.append(this.portal);
+        }
+        this.portal = document.createElement('div');
+        this.portal.setAttribute('id', this.panelId);
+        this.portal.style.top = `0px`;
+        this.portal.style.bottom = `0px`;
+        this.portal.style.width = `${this.width}px`;
+        if (this.side === 'left') {
+            this.portal.style.left = `0px`;
+        }
+        else {
+            this.portal.style.right = `0px`;
+        }
+        document.body.append(this.portal);
+    }
+    componentDidLoad() {
+        this.portal.appendChild(this.element);
+    }
+    disconnectedCallback() {
+        this.moved ? this.portal.remove() : (this.moved = true);
+    }
+    hide() {
+        var _a, _b;
+        (_a = document.getElementById(this.overlayId)) === null || _a === void 0 ? void 0 : _a.remove();
+        (_b = document.getElementById(this.panelId)) === null || _b === void 0 ? void 0 : _b.remove();
+    }
+    render() {
+        return (index.h(index.Host, { key: '1d8fd8a0d6035917184972712ab812f5c6141a1f', ref: el => (this.element = el) }, index.h("slot", { key: '696879936056ff36c4054e4a235455f9308605af' })));
+    }
+};
+VerdocsMenuPanel.style = VerdocsMenuPanelStyle0;
+
+const verdocsTemplateRolePropertiesCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-role-properties{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-template-role-properties div{-webkit-box-sizing:border-box;box-sizing:border-box}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:justify;justify-content:space-between}verdocs-template-role-properties .buttons verdocs-button{margin-left:16px}verdocs-template-role-properties form{gap:15px;padding:20px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-role-properties form .instructions{margin:7px 0 0 0;font-size:12px;font-style:italic}verdocs-template-role-properties form .input-label{display:block;font-size:14px;-ms-flex:0 0 100px;flex:0 0 100px;font-weight:700;margin:0 0 4px 0;color:#555570}verdocs-template-role-properties form .first-last{gap:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties form verdocs-help-icon{-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-role-properties verdocs-select-input label{display:block}verdocs-template-role-properties verdocs-text-input{margin:0}verdocs-template-role-properties verdocs-text-input label{display:block}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 VerdocsTemplateRolePropertiesStyle0 = verdocsTemplateRolePropertiesCss;
+
+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.templateListenerId = null;
+        this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
+        this.templateId = '';
+        this.roleName = '';
+        this.dirty = false;
+        this.saving = false;
+        this.name = '';
+        this.type = 'signer';
+        this.first_name = '';
+        this.last_name = '';
+        this.email = '';
+        this.phone = '';
+        this.delegator = false;
+        this.loading = true;
+        this.template = null;
+    }
+    async componentWillLoad() {
+        var _a, _b, _c;
+        try {
+            this.endpoint.loadSession();
+            if (!this.templateId) {
+                console.log(`[ROLES] Missing required template ID ${this.templateId}`);
+                return;
+            }
+            if (!this.endpoint.session) {
+                console.log('[ROLES] Unable to start builder session, must be authenticated');
+                return;
+            }
+            this.listenToTemplate();
+        }
+        catch (e) {
+            console.log('[ROLES Error with preview session', e);
+            (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new errors.SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
+        }
+    }
+    disconnectedCallback() {
+        this.unlistenToTemplate();
+    }
+    async listenToTemplate() {
+        console.log('[ROLES] Loading tempate', this.templateId);
+        this.unlistenToTemplate();
+        Datastore.Store.subscribe('templates', this.templateId, () => jsSdk.getTemplate(this.endpoint, this.templateId), false, (template) => {
+            var _a;
+            console.log('[BUILD] Template Updated', template);
+            this.template = template;
+            this.loading = false;
+            const editingRole = (_a = this.template) === null || _a === void 0 ? void 0 : _a.roles.find(role => role.name === this.roleName);
+            if (editingRole) {
+                this.name = editingRole.name;
+                this.type = editingRole.type;
+                this.first_name = editingRole.first_name;
+                this.last_name = editingRole.last_name;
+                this.email = editingRole.email;
+                this.phone = editingRole.phone;
+                this.delegator = editingRole.delegator;
+                console.log('[ROLES] Editing role', editingRole);
+            }
+        });
+    }
+    unlistenToTemplate() {
+        if (this.templateListenerId) {
+            Datastore.Store.store.delListener(this.templateListenerId);
+            this.templateListenerId = null;
+        }
+    }
+    handleCancel(e) {
+        var _a, _b;
+        e.stopPropagation();
+        const editingRole = (_a = this.template) === null || _a === void 0 ? void 0 : _a.roles.find(role => role.name === this.roleName);
+        if (editingRole) {
+            this.name = editingRole.name;
+            this.type = editingRole.type;
+            this.first_name = editingRole.first_name;
+            this.last_name = editingRole.last_name;
+            this.email = editingRole.email;
+            this.phone = editingRole.phone;
+            this.delegator = editingRole.delegator;
+        }
+        this.dirty = false;
+        (_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
+    }
+    async handleSave(e) {
+        e.stopPropagation();
+        this.saving = true;
+        jsSdk.updateTemplateRole(this.endpoint, this.templateId, this.roleName, {
+            name: this.name,
+            type: this.type,
+            first_name: this.first_name,
+            last_name: this.last_name,
+            email: this.email,
+            phone: this.phone,
+            delegator: this.delegator,
+        })
+            .then(async (r) => {
+            var _a;
+            console.log('[ROLES] Update result', r);
+            this.saving = false;
+            this.dirty = false;
+            const newTemplate = JSON.parse(JSON.stringify(this.template));
+            const roleIndex = newTemplate.roles.findIndex(role => role.name === this.roleName);
+            if (roleIndex > -1) {
+                newTemplate.roles[roleIndex] = r;
+            }
+            Datastore.Store.updateTemplate(this.templateId, newTemplate);
+            (_a = this.close) === null || _a === void 0 ? void 0 : _a.emit();
+        })
+            .catch(e => {
+            console.log('[ROLES 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.')) {
+            jsSdk.deleteTemplateRole(this.endpoint, this.templateId, this.roleName)
+                .then(() => {
+                var _a, _b;
+                const newTemplate = JSON.parse(JSON.stringify(this.template));
+                newTemplate.roles = newTemplate.roles.filter(role => role.name !== this.roleName);
+                Datastore.Store.updateTemplate(this.templateId, newTemplate);
+                (_a = this.delete) === null || _a === void 0 ? void 0 : _a.emit({ templateId: this.templateId, roleName: this.roleName });
+                (_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
+            })
+                .catch(e => {
+                console.log('[ROLES Deletion error', e);
+            });
+        }
+    }
+    render() {
+        var _a;
+        const hasFields = (((_a = this.template) === null || _a === void 0 ? void 0 : _a.fields) || []).some(field => field.role_name === this.roleName);
+        // Either all three should be empty, or all three need to be filled
+        const isValid = (!this.email && !this.first_name && !this.last_name) || (jsSdk.isValidEmail(this.email) && !!this.first_name && !!this.last_name);
+        return (index.h(index.Host, { key: '33fd4fdb9aab4d7e8db63b8f98803d618f396c7e' }, index.h("form", { key: 'f0ea5498aecaee8f00c68a60a0c941e1895cf89d', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("div", { key: '0900acf8a16a37b0fb1b6786c41c79f9ba3baee2' }, index.h("verdocs-text-input", { key: '7c6f93dfbacd951ea086e1f3f67a2ac731649218', id: "verdocs-role-name", label: "Role Name (Must be unique)", value: this.name, autocomplete: "off", disabled: hasFields, placeholder: "Role Name...", onInput: (e) => {
+                this.name = e.target.value;
+                this.dirty = true;
+            } }), hasFields && index.h("div", { key: '439e8d7ba00f6f60bfb4c92d3ad7811cbbce6c35', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), index.h("div", { key: '622509e07d3329f97b2afe1b812c1920b95d9677' }, index.h("div", { key: 'da96defab9d0d608bb02292e99a5390613a4face', class: "input-label" }, "Type:"), index.h("verdocs-select-input", { key: '01368605afcbb3d0ea905f3698f7c4bc1946a0ee', 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("div", { key: '8a6c71ab8a7566e9d2cfd942c72ec44c7966e6a8' }, index.h("div", { key: '41ce817a89e963dd8aa4ce49cc27871994b69e2a', class: "input-label" }, "Default Contact Info:"), index.h("div", { key: 'e4b958063bc92d3df34bcb9314ff9c931c6a4993', class: "first-last" }, index.h("verdocs-text-input", { key: 'cde6107c9d66e786dc17f6ce825a9dc1bf6e101e', id: "verdocs-recipient-first", value: this.first_name, autocomplete: "off", placeholder: "First...", onInput: (e) => {
+                this.first_name = e.target.value;
+                this.dirty = true;
+            } }), index.h("verdocs-text-input", { key: '219e51d998390ea3a297b40867cd3e908374938a', id: "verdocs-recipient-first", value: this.last_name, autocomplete: "off", placeholder: "Last...", onInput: (e) => {
+                this.last_name = e.target.value;
+                this.dirty = true;
+            } }))), index.h("div", { key: '95f56626e28d1ab8e82af7954012b34e36ecdc19' }, index.h("verdocs-text-input", { key: '1e676e75b29e8dc63711c9a4c3de95cd2d88b6cc', id: "verdocs-recipient-email", value: this.email, autocomplete: "off", placeholder: "Email Address...", onInput: (e) => {
+                this.email = e.target.value;
+                this.dirty = true;
+            } }), index.h("div", { key: 'f298189867060ffbfb977da4b0f6cd4c69dce71f', style: { height: '15px' } }), index.h("div", { key: '71a8079b3751957cd135a2c736a3b59624f77bd4' }, index.h("verdocs-text-input", { key: '2ff08fdee843a2c4c72769b8bbe50f48608b6a08', id: "verdocs-recipient-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", { key: '30b10e1c20ace197aa67dedcabef9adf2206bbf1', class: "buttons" }, index.h("button", { key: '52ccaafe4e4f51d2b994813538d33443c79da0ed', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), index.h("div", { key: '49dcb63a78d83f03e8b434adeca3cf60082de647', style: { flex: '1' } }), index.h("verdocs-button", { key: '70b8347ddba86faf658cae033de62b9dab14aeab', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))));
+    }
+};
+VerdocsTemplateRoleProperties.style = VerdocsTemplateRolePropertiesStyle0;
+
+exports.verdocs_menu_panel = VerdocsMenuPanel;
+exports.verdocs_template_role_properties = VerdocsTemplateRoleProperties;

package/dist/cjs/verdocs-ok-dialog.cjs.entry.js

@@ -33,7 +33,7 @@ const VerdocsOkDialog = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f41613ca32a9471277c816d753e7f818ef427fd0', class: this.closed ? 'closed' : '' }, index.h("div", { key: '570538e2743b23b5f18a1ec6ea3db51dfd314f02', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '17bfc3cfaadc8d10fe27211cd4a0eb48083f7a4b', class: "dialog" }, index.h("div", { key: 'bc88208d6897a191ef5fda323a74acd3e3c2620e', class: "heading" }, this.heading), index.h("div", { key: 'bc794df180672198964f32a6c71eff9dd1180db9', class: "content" }, index.h("div", { key: 'd8618e9b479e64b457bca57838437f91a0677560', class: "message", innerHTML: this.message }), index.h("div", { key: '101f7819fa69c3cf8f8958a5582835b56cf94775', class: "buttons" }, this.showCancel ? index.h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : index.h("div", { style: { display: 'none' } }), index.h("verdocs-button", { key: 'e755590fdd93cb9cc7b23a3812377d5216a70aae', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
+        return (index.h(index.Host, { key: '1269b0b3d50a444204a0fdd4221d5a14ab431e55', class: this.closed ? 'closed' : '' }, index.h("div", { key: 'bf4fdee46a53cdcb05b4d8a43ec02a0bd101d92b', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '7c83cc38d84fc7648a8ecc6d8b84b1bc3b31200d', class: "dialog" }, index.h("div", { key: 'a5bd6abf4c3b296225b042774da73df20cc0c2a3', class: "heading" }, this.heading), index.h("div", { key: '875c81191820b9c7dbc107c99e0e6d4b9881353a', class: "content" }, index.h("div", { key: '0bbf1de8cc0455ef01238923a9928702b55971d7', class: "message", innerHTML: this.message }), index.h("div", { key: '79d409dd9768b5a12d2734cfc5138a4057c9ff0a', class: "buttons" }, this.showCancel ? index.h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : index.h("div", { style: { display: 'none' } }), index.h("verdocs-button", { key: '8ae36e25d466e6e074544f3bb75f972bcfdc11a3', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
     }
 };
 VerdocsOkDialog.style = VerdocsOkDialogStyle0;

package/dist/cjs/verdocs-organization-card_2.cjs.entry.js

@@ -28,7 +28,7 @@ const VerdocsOrganizationCard = class {
         console.log('Rendering org card', this.organization.thumbnail_url, this.organization);
         const fallbackIcon = BusinessIcon;
         const portalId = `verdocs-org-card-${this.organization.id}`;
-        return (index.h(index.Host, { key: 'd7b475ffa8a508828c58362f1d132313910db262', id: portalId }, this.organization.thumbnail_url ? index.h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : index.h("span", { class: "icon", innerHTML: fallbackIcon }), index.h("span", { key: '41371ad0ece9b5b13c455313658b3983facf5db5', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), index.h("verdocs-portal", { key: '37b667310a2124dc68a88a8b5732ecd4a87f9da1', anchor: portalId }, index.h("div", { key: '7f72d2f2c25314cdfa81721c6b6653989c7be72b', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (index.h("div", { class: "popup-header-with-logo" }, index.h("img", { src: this.organization.full_logo_url, alt: "Logo" }), index.h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (index.h("div", { class: "popup-header" }, index.h("span", { class: "status" }, index.h("span", { class: "icon", innerHTML: fallbackIcon })), index.h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), index.h("div", { key: '478657fefd75b3adda14550ce7dd8117ee3f519f', class: "popup-body" }, index.h("div", { key: '213022879f5f5d2cab6cf415692e418911e1ee05', class: "field" }, index.h("strong", { key: '3e36b9b9ef2dd6b39dc313c77772b750d7bdb242' }, "Joined"), format.format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (index.h("div", { key: 'b28cb49fe0214c3f0851fe4609433ada584bf0be', class: "field" }, index.h("strong", { key: '9cdfd0da0dcb3d51149b1e0bc2f612e0f0edab6d' }, "Website"), index.h("a", { key: '74be8e66995435c5e6a071098ec1d4a6a7ca6f5f', href: (_e = this.organization) === null || _e === void 0 ? void 0 : _e.url, target: "_blank", rel: "nofollow" }, (_f = this.organization) === null || _f === void 0 ? void 0 : _f.url))))))));
+        return (index.h(index.Host, { key: '4b97ef1ea4b3153e59861956910ba3bf86935ac9', id: portalId }, this.organization.thumbnail_url ? index.h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : index.h("span", { class: "icon", innerHTML: fallbackIcon }), index.h("span", { key: '7f238a3d942b19ac1b0f15eb4c4572f80cdfbac8', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), index.h("verdocs-portal", { key: 'faba8d4862b600a36dfda1a1c2af1cc5730d73db', anchor: portalId }, index.h("div", { key: '5ea6d5ad24911cb38aef6144c10419b93767eb5d', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (index.h("div", { class: "popup-header-with-logo" }, index.h("img", { src: this.organization.full_logo_url, alt: "Logo" }), index.h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (index.h("div", { class: "popup-header" }, index.h("span", { class: "status" }, index.h("span", { class: "icon", innerHTML: fallbackIcon })), index.h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), index.h("div", { key: '0e5e9bfcd06e8658955f44cfcab2b05a1b130a4c', class: "popup-body" }, index.h("div", { key: '09fecd4216b3b333ee685040fe84813f065fa2ef', class: "field" }, index.h("strong", { key: '922a1d90657e1d1c1349b55edf7a1c3e69c45063' }, "Joined"), format.format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (index.h("div", { key: '04c399ba5a851f2ac82d04ae789b70433f3b296a', class: "field" }, index.h("strong", { key: 'e24cbe31601ea892c524991b0ddc4c64f6908df8' }, "Website"), index.h("a", { key: '26fc1252aebc78eb84228de77092e1cfb650ebfa', href: (_e = this.organization) === null || _e === void 0 ? void 0 : _e.url, target: "_blank", rel: "nofollow" }, (_f = this.organization) === null || _f === void 0 ? void 0 : _f.url))))))));
     }
 };
 VerdocsOrganizationCard.style = VerdocsOrganizationCardStyle0;
@@ -107,7 +107,7 @@ const VerdocsPortal = class {
         this.moved ? this.portal.remove() : (this.moved = true);
     }
     render() {
-        return (index.h(index.Host, { key: '7379bf2578c769bf6112486912c7aa30b429fae1', ref: el => (this.element = el) }, index.h("slot", { key: '3b141548481e6dd23f47ed4e0db78e3931a5bdaa' })));
+        return (index.h(index.Host, { key: 'a6baeca20a28ae94d4a9fab6e31dec45474cf887', ref: el => (this.element = el) }, index.h("slot", { key: 'e6a704a85b5208613aef1a3db3bf85adc8f60bf7' })));
     }
 };
 VerdocsPortal.style = VerdocsPortalStyle0;

package/dist/cjs/verdocs-pagination_2.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ccac8641.js');
 const jsSdk = require('@verdocs/js-sdk');
-const utils = require('./utils-ba1e95e0.js');
+const utils = require('./utils-30de2530.js');
 const popper = require('./popper-31badbf8.js');
 require('./_commonjsHelpers-e6ff1d6e.js');
 require('./Types-7a726ff3.js');
@@ -46,7 +46,7 @@ const VerdocsQuickFilter$1 = class {
         const firstPage = Math.max(0, this.selectedPage - 2);
         const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;
         const pagesToDisplay = jsSdk.integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);
-        return (index.h(index.Host, { key: '9cb81ab797997f6bedf65126e759a329e01b5d86' }, this.selectedPage > 0 && index.h(PageButton, { key: 'a172567f4adbaa02644a3c285344c0de4d2e5a33', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && index.h("div", { key: '97833b23734e758e9ae5627b756fecad2371037c', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (index.h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && index.h("div", { key: '20dc5aa9111118ce1df8177d64c6fecff1d497e2', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && index.h(PageButton, { key: '04b5d3fce4ba05f3acc2f24927c1bda6be7f34e7', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
+        return (index.h(index.Host, { key: '2c6c7eaf7adf1f98dfb2ce2d804d360af53ddd95' }, this.selectedPage > 0 && index.h(PageButton, { key: '942a34679e4270fc767fd4f63659e103531b376d', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && index.h("div", { key: '7961f0803894b45de72528a5e3456b2bc343f0a5', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (index.h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && index.h("div", { key: '917a3fc286ddf919c36eb94e59b5847dc7aa90ee', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && index.h(PageButton, { key: '59db51f1f4ae5c1878a218681c62cc3f9e621340', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
     }
     get el() { return index.getElement(this); }
 };