@verdocs/web-sdk 4.2.43 → 4.2.47

package/dist/cjs/verdocs-activity-box.cjs.entry.js

@@ -1,87 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d2999878.js');
-const jsSdk = require('@verdocs/js-sdk');
-const errors = require('./errors-017fb835.js');
-
-const verdocsActivityBoxCss = "@-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-activity-box{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:18px;min-width:300px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:#33364b;-ms-flex-align:center;align-items:center;border:1px solid #ccc;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", \"Barlow\", sans-serif;background:#ffffff;padding:20px 20px 8px 20px}verdocs-activity-box .box-title{width:100%;display:-ms-flexbox;display:flex;color:#33364b;font-size:20px;font-weight:600;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;margin:0 0 20px 0;-ms-flex-align:center;align-items:center}verdocs-activity-box .box-title .count{margin:0 0 0 6px;font-weight:300}verdocs-activity-box .box-title verdocs-loader{margin:0 0 20px 0}@media screen and (max-width: 1200px){verdocs-activity-box .box-title{font-size:18px}verdocs-activity-box .box-title .count{display:none}}verdocs-activity-box .spacer{-ms-flex:1;flex:1}verdocs-activity-box .loading-placeholder{width:100%;height:62px;display:block;-ms-flex:0 0 62px;flex:0 0 62px;margin:0 0 10px 0;border-radius:6px;background-color:#f5f8f9}verdocs-activity-box .loading-placeholder .loading-placeholder-bg{height:62px;position:relative;background:#f5f8f9;-webkit-animation-duration:1.25s;animation-duration:1.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:loadingPlaceholderSwoop;animation-name:loadingPlaceholderSwoop;background:-webkit-gradient(linear, left top, right top, color-stop(10%, #f5f8f9), color-stop(18%, #eeeeee), color-stop(33%, #f5f8f9));background:linear-gradient(to right, #f5f8f9 10%, #eeeeee 18%, #f5f8f9 33%);background-size:800px 62px}verdocs-activity-box .activity-entry{width:100%;display:-ms-flexbox;display:flex;-ms-flex:0 0 62px;flex:0 0 62px;border-radius:6px;margin-bottom:10px;-ms-flex-direction:row;flex-direction:row;padding:0 16px 0 0;background:#f5f8f9;-ms-flex-align:center;align-items:center;border:1px solid #f5f8f9}verdocs-activity-box .activity-entry:hover{cursor:pointer;background:#f2f4f5;border:1px solid #ddd}verdocs-activity-box .activity-entry svg{width:32px;height:32px;margin-right:20px}@media screen and (max-width: 1300px){verdocs-activity-box .activity-entry svg{width:24px;height:24px;margin-right:15px}}verdocs-activity-box .activity-entry .title{-ms-flex:1;flex:1;color:black;font-size:16px;font-weight:500;margin-left:12px}@media screen and (max-width: 1300px){verdocs-activity-box .activity-entry .title{font-size:14px}}verdocs-activity-box .activity-entry .time-ago{height:24px;display:-ms-flexbox;display:flex;-ms-flex:0 0 24px;flex:0 0 24px;color:#7f8e92;font-size:16px;font-weight:500;padding-left:14px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-left:1px solid #d8e3e6}@media screen and (max-width: 1300px){verdocs-activity-box .activity-entry .time-ago{font-size:14px}}@-webkit-keyframes loadingPlaceholderSwoop{0%{background-position:-468px 0}100%{background-position:468px 0}}@keyframes loadingPlaceholderSwoop{0%{background-position:-468px 0}100%{background-position:468px 0}}";
-const VerdocsActivityBoxStyle0 = verdocsActivityBoxCss;
-
-const EmptyImage = 'https://verdocs-public-assets.s3.amazonaws.com/no-verdocs.png';
-const VerdocsActivityBox = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.sdkError = index.createEvent(this, "sdkError", 7);
-        this.viewEnvelope = index.createEvent(this, "viewEnvelope", 7);
-        this.viewAll = index.createEvent(this, "viewAll", 7);
-        this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
-        this.items = 5;
-        this.view = undefined;
-        this.header = undefined;
-        this.title = '';
-        this.count = 0;
-        this.loading = true;
-        this.entries = [];
-    }
-    async componentWillLoad() {
-        var _a, _b, _c;
-        try {
-            this.endpoint.loadSession();
-            if (!this.endpoint.session) {
-                console.log('[ACTIVITIES] Must be authenticated');
-                return;
-            }
-            this.loadActivity();
-        }
-        catch (e) {
-            console.log('[ACTIVITIES] 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));
-        }
-    }
-    handleItemsUpdated() {
-        return this.loadActivity();
-    }
-    handleViewUpdated() {
-        return this.loadActivity();
-    }
-    async loadActivity() {
-        this.loading = true;
-        const r = await jsSdk.getEnvelopesSummary(this.endpoint, 0);
-        let defaultHeader;
-        if (this.view === 'action') {
-            defaultHeader = 'Action Required';
-            this.entries = r.action_required.result;
-            this.count = r.action_required.total;
-        }
-        else if (this.view === 'waiting') {
-            defaultHeader = 'Waiting on Others';
-            this.entries = r.waiting_others.result;
-            this.count = r.waiting_others.total;
-        }
-        else if (this.view === 'completed') {
-            defaultHeader = 'Completed';
-            this.entries = r.completed.result;
-            this.count = r.completed.total;
-        }
-        this.title = this.header !== undefined ? this.header : defaultHeader;
-        this.loading = false;
-    }
-    render() {
-        if (this.loading) {
-            return (index.h(index.Host, { style: { minHeight: '300px' } }, this.title && (index.h("div", { class: "box-title" }, this.title, " ", index.h("span", { class: "count" }, "(0)"))), jsSdk.integerSequence(0, this.items).map(() => (index.h("div", { class: "loading-placeholder" }, index.h("div", { class: "loading-placeholder-bg" }))))));
-        }
-        return (index.h(index.Host, null, this.title && (index.h("div", { class: "box-title" }, this.title, " ", index.h("span", { class: "count" }, "(", this.count, ")"), index.h("div", { class: "spacer" }), index.h("verdocs-button", { label: "View All", size: "small", onClick: () => { var _a; return (_a = this.viewAll) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, view: this.view }); } }))), this.count > 0 ? (this.entries.slice(0, Math.max(this.items, 1)).map(entry => (index.h("div", { class: "activity-entry", onClick: () => {
-                var _a;
-                (_a = this.viewEnvelope) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, entry });
-            } }, index.h("div", { class: "title" }, entry.name), index.h("div", { class: "time-ago" }, jsSdk.formatShortTimeAgo(entry.updated_at)))))) : (index.h("img", { src: EmptyImage, alt: "No documents to show", style: { width: '190px', margin: '0 auto' } }))));
-    }
-    static get watchers() { return {
-        "items": ["handleItemsUpdated"],
-        "view": ["handleViewUpdated"]
-    }; }
-};
-VerdocsActivityBox.style = VerdocsActivityBoxStyle0;
-
-exports.verdocs_activity_box = VerdocsActivityBox;

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

@@ -1,67 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d2999878.js');
-const popper = require('./popper-31badbf8.js');
-
-const verdocsButtonCss = "@-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-button button{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;text-transform:uppercase;-ms-flex-pack:center;justify-content:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-weight:700;cursor:pointer;margin:0}verdocs-button button:disabled{cursor:inherit;pointer-events:none}verdocs-button button .icon{margin:0 12px}verdocs-button button .icon svg{fill:#ffffff;display:block}verdocs-button button .button-label{padding:0 12px}verdocs-button button.small{height:34px;font-size:13px}verdocs-button button.small .icon{margin:0 4px}verdocs-button button.small .icon svg{margin:2px 0 0 0;height:20px}verdocs-button button.small .button-label{padding:0 4px}verdocs-button button.normal{height:44px;font-size:14px}verdocs-button button.normal .icon.start{margin:0 4px 0 8px}verdocs-button button.normal .icon.end{margin:0 8px 0 4px}verdocs-button button.normal .icon svg{margin:2px 0 0 0;height:22px}verdocs-button button.normal .button-label{padding:0 10px}verdocs-button button.medium{height:52px;font-size:16px}verdocs-button button.medium .icon.start{margin:0 0 0 18px}verdocs-button button.medium .icon.end{margin:0 18px 0 0}verdocs-button button.medium .icon svg{margin:2px 0 0 0;height:26px}verdocs-button button.medium .button-label{padding:0 20px}verdocs-button button.large{height:60px;font-size:20px}verdocs-button button.large .icon.start{margin:0 0 0 24px}verdocs-button button.large .icon.end{margin:0 24px 0 0}verdocs-button button.large .icon svg{margin:2px 0 0 0;height:32px}verdocs-button button.large .button-label{padding:0 34px}verdocs-button button.standard{background:#55bc81;border-radius:4px;outline:none;border:none;color:white}verdocs-button button.standard:disabled{background-color:#999999;cursor:default}verdocs-button button.standard:active:not([disabled]){-webkit-filter:brightness(110%);filter:brightness(110%)}verdocs-button button.text{color:#4c56cb;background:transparent;font-weight:500;padding:0 4px;outline:none;border:none}verdocs-button button.text:disabled{color:#999999}verdocs-button button.text:active:not([disabled]){-webkit-filter:brightness(130%);filter:brightness(130%)}verdocs-button button.text .icon svg{fill:#4c56cb}verdocs-button button.outline{border:1px solid #4c56cb;color:#4c56cb;outline:none;background:transparent;border-radius:4px;padding:0 20px}verdocs-button button.outline:disabled{color:#999999;border:1px solid #999999}verdocs-button button.outline:active{background:#4c56cb;color:white}verdocs-button button.outline .icon svg{fill:#4c56cb}";
-const VerdocsButtonStyle0 = verdocsButtonCss;
-
-const VerdocsButton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.label = undefined;
-        this.startIcon = null;
-        this.endIcon = null;
-        this.size = 'normal';
-        this.type = 'button';
-        this.variant = 'standard';
-        this.disabled = false;
-    }
-    render() {
-        return (index.h("button", { key: '5c9a79a82b7dab63acc557febfd7c9b143cafb2d', disabled: this.disabled, type: this.type, class: `${this.variant} ${this.size} ${this.type}` }, this.startIcon ? index.h("span", { class: "icon start", innerHTML: this.startIcon }) : null, index.h("span", { key: 'e57d793fad07ccccf2e15d3f1f01edaab971691c', class: "button-label" }, this.label), this.endIcon ? index.h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
-    }
-};
-VerdocsButton.style = VerdocsButtonStyle0;
-
-const verdocsHelpIconCss = "@-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-help-icon{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:inline-block;opacity:0.3;position:relative}verdocs-help-icon:hover{opacity:1}verdocs-help-icon .icon{display:inline-block}verdocs-help-icon .tooltip{display:none;min-width:200px;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:500;position:absolute;padding:5px 10px;font-size:12px;border-radius:4px;z-index:10000}verdocs-help-icon .tooltip .arrow,verdocs-help-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-help-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-help-icon .tooltip .arrow::before{visibility:visible;content:\"\";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-help-icon .tooltip[data-show]{display:block}verdocs-help-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-help-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-help-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-help-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}";
-const VerdocsHelpIconStyle0 = verdocsHelpIconCss;
-
-const helpIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" fill="#5c6575"><path d="M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z"/></svg>';
-const VerdocsHelpIcon = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.text = '';
-        this.icon = helpIcon;
-        this.containerId = `verdocs-help-icon-${Math.random().toString(36).substring(2, 11)}`;
-    }
-    componentDidLoad() {
-        this.popperInstance = popper.createPopper(this.iconEl, this.tooltipEl, {
-        // 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.tooltipEl) === 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.tooltipEl) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
-    }
-    render() {
-        return (index.h(index.Host, { key: '5a9b1c6fe8b5d180f14d2335950b23a7ff0d0c90', class: {} }, index.h("div", { key: '6e69978780529072f292c5a3d89c2cb7be0d6c8f', "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", { key: '19316d99b359b9ec20c46c4ecbe72be3b231d498', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, index.h("span", { key: 'ac871b0bfa55e880272c62b957495096103ef55e', innerHTML: this.text }), index.h("div", { key: 'b17216877657c25dd062d51d7a2c813d9d59972b', "data-popper-arrow": "true", class: "arrow" }))));
-    }
-};
-VerdocsHelpIcon.style = VerdocsHelpIconStyle0;
-
-exports.verdocs_button = VerdocsButton;
-exports.verdocs_help_icon = VerdocsHelpIcon;

package/dist/collection/components/embeds/verdocs-build/utils.js

@@ -1,64 +0,0 @@
-import { rescale } from "@verdocs/js-sdk";
-export function getInputStyle(field, mode, browserType) {
-    const fontSize = 11;
-    let setting = 'setting';
-    if (!!field['settings']) {
-        setting = 'settings';
-    }
-    const inputStyle = {
-        height: '100%',
-        width: '100%',
-        background: 'none',
-    };
-    if ((field[setting] && field[setting].font_size) || field.type === 'date' || field.type === 'signature' || field.type === 'initial' || field.type === 'timestamp') {
-        inputStyle['fontSize'] = fontSize + 'px';
-        inputStyle['letterSpacing'] = '.3px !important';
-    }
-    if (field.type === 'dropdown') {
-        inputStyle['fontSize'] = '10.8px';
-        delete inputStyle.background;
-    }
-    if (field.type === 'textbox') {
-        inputStyle['fontSize'] = fontSize + 'px';
-        inputStyle['letterSpacing'] = getLetterSpacing(browserType) + 'px';
-    }
-    if (field['required']) {
-        inputStyle['border'] = '1px solid #cc0000';
-    }
-    if (field['prepared'] && field['prepared'] === true && mode !== 'prepareview') {
-        inputStyle['visibility'] = 'hidden';
-    }
-    if (field[setting] && field[setting].color) {
-        inputStyle['color'] = field[setting].color;
-    }
-    if (field[setting] && field[setting].upperCase) {
-        inputStyle['textTransform'] = 'uppercase';
-    }
-    if (field[setting] && field[setting].leading > 0) {
-        inputStyle['lineHeight'] = `${rescale(1, field[setting].leading + 0.5)}px`;
-    }
-    else if (field['leading'] && field['leading'] > 0) {
-        inputStyle['lineHeight'] = `${rescale(1, field['leading'] + 0.5)}px`;
-    }
-    return inputStyle;
-}
-export function getLetterSpacing(browserType) {
-    switch (browserType) {
-        case 'opera':
-            return -0.0018;
-        case 'firefox':
-            return -0.23594210526315787;
-        case 'ie':
-            return -0.0019;
-        case 'edge':
-            return -0.0019;
-        case 'chrome':
-            return -0.0018;
-        case 'safari':
-            return -0.0018;
-        case 'blink':
-            return -0.0018;
-        default:
-            return -0.0018;
-    }
-}

package/dist/collection/components/embeds/verdocs-sign/utils.js

@@ -1,64 +0,0 @@
-import { rescale } from "@verdocs/js-sdk";
-export function getInputStyle(field, mode, browserType) {
-    const fontSize = 11;
-    let setting = 'setting';
-    if (!!field['settings']) {
-        setting = 'settings';
-    }
-    const inputStyle = {
-        height: '100%',
-        width: '100%',
-        background: 'none',
-    };
-    if ((field[setting] && field[setting].font_size) || field.type === 'date' || field.type === 'signature' || field.type === 'initial' || field.type === 'timestamp') {
-        inputStyle['fontSize'] = fontSize + 'px';
-        inputStyle['letterSpacing'] = '.3px !important';
-    }
-    if (field.type === 'dropdown') {
-        inputStyle['fontSize'] = '10.8px';
-        delete inputStyle.background;
-    }
-    if (field.type === 'textbox') {
-        inputStyle['fontSize'] = fontSize + 'px';
-        inputStyle['letterSpacing'] = getLetterSpacing(browserType) + 'px';
-    }
-    if (field['required']) {
-        inputStyle['border'] = '1px solid #cc0000';
-    }
-    if (field['prepared'] && field['prepared'] === true && mode !== 'prepareview') {
-        inputStyle['visibility'] = 'hidden';
-    }
-    if (field[setting] && field[setting].color) {
-        inputStyle['color'] = field[setting].color;
-    }
-    if (field[setting] && field[setting].upperCase) {
-        inputStyle['textTransform'] = 'uppercase';
-    }
-    if (field[setting] && field[setting].leading > 0) {
-        inputStyle['lineHeight'] = `${rescale(1, field[setting].leading + 0.5)}px`;
-    }
-    else if (field['leading'] && field['leading'] > 0) {
-        inputStyle['lineHeight'] = `${rescale(1, field['leading'] + 0.5)}px`;
-    }
-    return inputStyle;
-}
-export function getLetterSpacing(browserType) {
-    switch (browserType) {
-        case 'opera':
-            return -0.0018;
-        case 'firefox':
-            return -0.23594210526315787;
-        case 'ie':
-            return -0.0019;
-        case 'edge':
-            return -0.0019;
-        case 'chrome':
-            return -0.0018;
-        case 'safari':
-            return -0.0018;
-        case 'blink':
-            return -0.0018;
-        default:
-            return -0.0018;
-    }
-}

package/dist/collection/components/envelopes/verdocs-activity-box/verdocs-activity-box.css

@@ -1,141 +0,0 @@
-@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-activity-box {
-  flex: 1;
-  display: flex;
-  font-size: 18px;
-  min-width: 300px;
-  flex-wrap: nowrap;
-  color: #33364b;
-  align-items: center;
-  border: 1px solid #ccc;
-  flex-direction: column;
-  font-family: "Inter", "Barlow", sans-serif;
-  background: #ffffff;
-  padding: 20px 20px 8px 20px;
-}
-verdocs-activity-box .box-title {
-  width: 100%;
-  display: flex;
-  color: #33364b;
-  font-size: 20px;
-  font-weight: 600;
-  column-gap: 10px;
-  margin: 0 0 20px 0;
-  align-items: center;
-}
-verdocs-activity-box .box-title .count {
-  margin: 0 0 0 6px;
-  font-weight: 300;
-}
-verdocs-activity-box .box-title verdocs-loader {
-  margin: 0 0 20px 0;
-}
-@media screen and (max-width: 1200px) {
-  verdocs-activity-box .box-title {
-    font-size: 18px;
-  }
-  verdocs-activity-box .box-title .count {
-    display: none;
-  }
-}
-verdocs-activity-box .spacer {
-  flex: 1;
-}
-verdocs-activity-box .loading-placeholder {
-  width: 100%;
-  height: 62px;
-  display: block;
-  flex: 0 0 62px;
-  margin: 0 0 10px 0;
-  border-radius: 6px;
-  background-color: #f5f8f9;
-}
-verdocs-activity-box .loading-placeholder .loading-placeholder-bg {
-  height: 62px;
-  position: relative;
-  background: #f5f8f9;
-  animation-duration: 1.25s;
-  animation-fill-mode: forwards;
-  animation-timing-function: linear;
-  animation-iteration-count: infinite;
-  animation-name: loadingPlaceholderSwoop;
-  background: linear-gradient(to right, #f5f8f9 10%, #eeeeee 18%, #f5f8f9 33%);
-  background-size: 800px 62px;
-}
-verdocs-activity-box .activity-entry {
-  width: 100%;
-  display: flex;
-  flex: 0 0 62px;
-  border-radius: 6px;
-  margin-bottom: 10px;
-  flex-direction: row;
-  padding: 0 16px 0 0;
-  background: #f5f8f9;
-  align-items: center;
-  border: 1px solid #f5f8f9;
-}
-verdocs-activity-box .activity-entry:hover {
-  cursor: pointer;
-  background: #f2f4f5;
-  border: 1px solid #ddd;
-}
-verdocs-activity-box .activity-entry svg {
-  width: 32px;
-  height: 32px;
-  margin-right: 20px;
-}
-@media screen and (max-width: 1300px) {
-  verdocs-activity-box .activity-entry svg {
-    width: 24px;
-    height: 24px;
-    margin-right: 15px;
-  }
-}
-verdocs-activity-box .activity-entry .title {
-  flex: 1;
-  color: black;
-  font-size: 16px;
-  font-weight: 500;
-  margin-left: 12px;
-}
-@media screen and (max-width: 1300px) {
-  verdocs-activity-box .activity-entry .title {
-    font-size: 14px;
-  }
-}
-verdocs-activity-box .activity-entry .time-ago {
-  height: 24px;
-  display: flex;
-  flex: 0 0 24px;
-  color: #7f8e92;
-  font-size: 16px;
-  font-weight: 500;
-  padding-left: 14px;
-  align-items: center;
-  justify-content: center;
-  border-left: 1px solid #d8e3e6;
-}
-@media screen and (max-width: 1300px) {
-  verdocs-activity-box .activity-entry .time-ago {
-    font-size: 14px;
-  }
-}
-
-@keyframes loadingPlaceholderSwoop {
-  0% {
-    background-position: -468px 0;
-  }
-  100% {
-    background-position: 468px 0;
-  }
-}