@inboxsdk/core 1.2.5 → 1.2.8-0

package/src/platform-implementation-js/lib/dom/on-mouse-down-and-up.js

@@ -1,8 +0,0 @@
-import fromEventTargetCapture from '../from-event-target-capture';
-import { defn } from 'ud';
-const pageMouseUps = fromEventTargetCapture(document.body, 'mouseup');
-const onMouseDownAndUp = defn(module, function onMouseDownAndUp(el) {
-    const elMouseDowns = fromEventTargetCapture(el, 'mousedown');
-    return elMouseDowns.flatMapLatest(() => pageMouseUps.take(1).filter((event) => el.contains(event.target)));
-});
-export default onMouseDownAndUp;

package/src/platform-implementation-js/lib/dom/outsideClicksAndEscape.js

@@ -1,38 +0,0 @@
-import * as Kefir from 'kefir';
-import fromEventTargetCapture from '../from-event-target-capture';
-import parentNodes from './parentNodes';
-export default function outsideClicksAndEscape(elements) {
-    return Kefir.merge([
-        fromEventTargetCapture(document, 'click'),
-        // We modify the focus event on document sometimes, so we listen for
-        // it on body so our modifications can happen first.
-        fromEventTargetCapture(document.body, 'focus'),
-    ])
-        .filter((event) => !event.shouldIgnore &&
-        (event.isTrusted ||
-            (process.env.NODE_ENV === 'test' && event.__testAllow)) &&
-        elements.every((el) => {
-            for (const node of parentNodes(event.target)) {
-                if (node === el)
-                    return false;
-            }
-            return true;
-        }))
-        .map((event) => ({ type: 'outsideInteraction', cause: event }))
-        .merge(Kefir.fromEvents(document, 'keydown')
-        .filter((e) => (e.key ? e.key === 'Escape' : e.which === 27))
-        .map((event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        return { type: 'escape', cause: event };
-    }))
-        .map((e) => {
-        if (process.env.NODE_ENV !== 'production') {
-            const allElsStillInPage = elements.every((el) => document.contains(el));
-            if (!allElsStillInPage) {
-                console.error('outsideClicksAndEscape not unsubscribed from when elements were removed from the page');
-            }
-        }
-        return e;
-    });
-}

package/src/platform-implementation-js/lib/dom/parentNodes.js

@@ -1,8 +0,0 @@
-export default function* parentNodes(node) {
-    do {
-        yield node;
-    } while ((node =
-        node.rfaAnchor ||
-            node._logicalParent ||
-            node.parentNode));
-}

package/src/platform-implementation-js/lib/dom/querySelectorOrFail.js

@@ -1,6 +0,0 @@
-export default function querySelector(el, selector) {
-    const r = el.querySelector(selector);
-    if (!r)
-        throw new Error(`Failed to find element with selector: ${selector}`);
-    return r;
-}

package/src/platform-implementation-js/lib/dom/reemitClickEventForReact.js

@@ -1,22 +0,0 @@
-export default function reemitClickEvent(event) {
-    // Inbox is going to block this event from bubbling to the body. We
-    // want to manually dispatch an event that looks like it so that if
-    // the extension is using React (which listens to events on the body)
-    // then React will see it.
-    const fakeEvent = new MouseEvent('click');
-    Object.defineProperties(fakeEvent, {
-        target: { value: event.target },
-        detail: { value: event.detail },
-        screenX: { value: event.screenX },
-        screenY: { value: event.screenY },
-        clientX: { value: event.clientX },
-        clientY: { value: event.clientY },
-        button: { value: event.button },
-        buttons: { value: event.buttons },
-        ctrlKey: { value: event.ctrlKey },
-        shiftKey: { value: event.shiftKey },
-        altKey: { value: event.altKey },
-        metaKey: { value: event.metaKey },
-    });
-    document.dispatchEvent(fakeEvent);
-}

package/src/platform-implementation-js/lib/dom/set-css.js

@@ -1,20 +0,0 @@
-// For quick temporary CSS changes
-export default function setCss(key, css) {
-    const id = `inboxsdk__${key}`;
-    let style = document.getElementById(id);
-    if (!css) {
-        if (style) {
-            style.remove();
-        }
-        return;
-    }
-    if (!style) {
-        style = document.createElement('style');
-        style.className = 'inboxsdk__custom';
-        style.id = id;
-        if (!document.head)
-            throw new Error('missing head');
-        document.head.appendChild(style);
-    }
-    style.textContent = css;
-}

package/src/platform-implementation-js/lib/dom/simulate-drag-and-drop.js

@@ -1,88 +0,0 @@
-import triggerRelayEvent from './trigger-relay-event';
-function makeDataTransferObj(files) {
-    const fileNames = Array.from(files).map((file) => (typeof file.name === 'string' ? file.name : undefined));
-    return {
-        files,
-        fileNames,
-    };
-}
-export function simulateDragOver(element, files) {
-    const dataTransfer = makeDataTransferObj(files);
-    const props = {
-        screenX: 0,
-        screenY: 0,
-        clientX: 0,
-        clientY: 0,
-        buttons: 1,
-        ctrlKey: false,
-        shiftKey: false,
-        altKey: false,
-        metaKey: false,
-        detail: 0,
-    };
-    triggerRelayEvent(element, {
-        type: 'dragenter',
-        bubbles: true,
-        cancelable: false,
-        props,
-        dataTransfer,
-    });
-    triggerRelayEvent(element, {
-        type: 'dragover',
-        bubbles: true,
-        cancelable: false,
-        props,
-        dataTransfer,
-    });
-}
-export function simulateDrop(element, files) {
-    const dataTransfer = makeDataTransferObj(files);
-    const props = {
-        screenX: 0,
-        screenY: 0,
-        clientX: 0,
-        clientY: 0,
-        buttons: 1,
-        ctrlKey: false,
-        shiftKey: false,
-        altKey: false,
-        metaKey: false,
-        detail: 0,
-    };
-    triggerRelayEvent(element, {
-        type: 'drop',
-        bubbles: true,
-        cancelable: false,
-        props,
-        dataTransfer,
-    });
-}
-export function simulateDragEnd(element, files) {
-    const dataTransfer = makeDataTransferObj(files);
-    const props = {
-        screenX: 0,
-        screenY: 0,
-        clientX: 0,
-        clientY: 0,
-        buttons: 1,
-        ctrlKey: false,
-        shiftKey: false,
-        altKey: false,
-        metaKey: false,
-        detail: 0,
-    };
-    triggerRelayEvent(element, {
-        type: 'dragleave',
-        bubbles: true,
-        cancelable: false,
-        props,
-        dataTransfer,
-    });
-    triggerRelayEvent(element, {
-        type: 'dragend',
-        bubbles: true,
-        cancelable: false,
-        props,
-        dataTransfer,
-    });
-}

package/src/platform-implementation-js/lib/dom/simulate-key.js

@@ -1,46 +0,0 @@
-import triggerRelayEvent from './trigger-relay-event';
-export default function simulateKey(element, keyCode, charCode) {
-    const ctrlKey = false;
-    const metaKey = false;
-    const altKey = false;
-    const shiftKey = false;
-    triggerRelayEvent(element, {
-        type: 'keydown',
-        bubbles: true,
-        cancelable: true,
-        props: {
-            keyCode,
-            charCode,
-            ctrlKey,
-            metaKey,
-            altKey,
-            shiftKey,
-        },
-    });
-    triggerRelayEvent(element, {
-        type: 'keypress',
-        bubbles: true,
-        cancelable: true,
-        props: {
-            keyCode,
-            charCode,
-            ctrlKey,
-            metaKey,
-            altKey,
-            shiftKey,
-        },
-    });
-    triggerRelayEvent(element, {
-        type: 'keyup',
-        bubbles: true,
-        cancelable: true,
-        props: {
-            keyCode,
-            charCode,
-            ctrlKey,
-            metaKey,
-            altKey,
-            shiftKey,
-        },
-    });
-}

package/src/platform-implementation-js/lib/dom/simulate-mouse-event.js

@@ -1,16 +0,0 @@
-export default function simulateMouseEvent(element, mouseEventName) {
-    const event = document.createEvent('MouseEvents');
-    event.initMouseEvent(mouseEventName, true, true, window, 0, element.offsetLeft, element.offsetTop, 0, 0, false, false, false, false, 0, null);
-    element.dispatchEvent(event);
-}
-export function simulateHover(element) {
-    simulateMouseEvent(element, 'mouseover');
-}
-export function simulateClick(element) {
-    simulateMouseEvent(element, 'mousedown');
-    simulateMouseEvent(element, 'mouseup');
-    simulateMouseEvent(element, 'click');
-    simulateMouseEvent(element, 'mouseleave');
-    simulateMouseEvent(element, 'mouseout');
-    element.blur();
-}

package/src/platform-implementation-js/lib/dom/trigger-relay-event.js

@@ -1,7 +0,0 @@
-export default async function triggerRelayEvent(element, detail) {
-    element.dispatchEvent(new CustomEvent('inboxsdk_event_relay', {
-        bubbles: true,
-        cancelable: false,
-        detail,
-    }));
-}

package/src/platform-implementation-js/lib/extract-contact-from-email-contact-string.js

@@ -1,25 +0,0 @@
-import isValidEmail from './is-valid-email';
-export default function extractContactFromEmailContactString(contactInfoString) {
-    let name = null;
-    let emailAddress = null;
-    const contactInfoParts = contactInfoString.split('<');
-    const firstPartTrimmed = contactInfoParts[0].replace(/\u202c/g, '').trim();
-    if (contactInfoParts.length > 1) {
-        name = firstPartTrimmed;
-        emailAddress = contactInfoParts[1]
-            .split('>')[0]
-            .replace(/\u202c/g, '')
-            .trim();
-    }
-    else {
-        if (isValidEmail(firstPartTrimmed)) {
-            emailAddress = firstPartTrimmed;
-        }
-        else {
-            throw Object.assign(new Error('Invalid email address'), {
-                firstPartTrimmed,
-            });
-        }
-    }
-    return { name, emailAddress };
-}

package/src/platform-implementation-js/lib/fake-window-resize.js

@@ -1,5 +0,0 @@
-export default function fakeWindowResize() {
-    const event = document.createEvent('HTMLEvents');
-    event.initEvent('resize', true, false);
-    window.dispatchEvent(event);
-}

package/src/platform-implementation-js/lib/from-event-target-capture.js

@@ -1,12 +0,0 @@
-import * as Kefir from 'kefir';
-export default function fromEventTargetCapture(target, eventName) {
-    return Kefir.stream((emitter) => {
-        function sink(event) {
-            emitter.value(event);
-        }
-        target.addEventListener(eventName, sink, true);
-        return () => {
-            target.removeEventListener(eventName, sink, true);
-        };
-    });
-}

package/src/platform-implementation-js/lib/fromEventsWithOptions.js

@@ -1,10 +0,0 @@
-import * as Kefir from 'kefir';
-import { addEventListener, removeEventListener, } from 'event-listener-with-options';
-export default function fromEventsWithOptions(target, eventName, options) {
-    return Kefir.stream((emitter) => {
-        addEventListener(target, eventName, emitter.emit, options);
-        return () => {
-            removeEventListener(target, eventName, emitter.emit, options);
-        };
-    });
-}

package/src/platform-implementation-js/lib/handle-compose-link-chips.js

@@ -1,124 +0,0 @@
-import * as Kefir from 'kefir';
-import { defn } from 'ud';
-import querySelector from './dom/querySelectorOrFail';
-import makeMutationObserverChunkedStream from './dom/make-mutation-observer-chunked-stream';
-const extId = '' + Math.random();
-const X_URL = 'https://ssl.gstatic.com/ui/v1/icons/common/x_8px.png';
-const handleComposeLinkChips = defn(module, function (composeView) {
-    // Abort if we're missing elements we'll need.
-    try {
-        composeView.getBodyElement();
-    }
-    catch (err) {
-        return;
-    }
-    const mainElement = composeView.getElement();
-    _waitToClaim(mainElement)
-        .takeUntilBy(composeView.getStopper())
-        .onValue(() => {
-        mainElement.classList.add('inboxsdk__ensure_link_active');
-        composeView.getStopper().onValue(() => {
-            mainElement.classList.remove('inboxsdk__ensure_link_active');
-        });
-        composeView
-            .getEventStream()
-            .filter((event) => event.eventName === 'bodyChanged')
-            .toProperty(() => null)
-            .debounce(100, {
-            immediate: true,
-        })
-            .takeUntilBy(composeView.getStopper())
-            .onValue(() => {
-            doFixing(composeView);
-        });
-        composeView
-            .getEventStream()
-            .filter((event) => event.eventName === 'presending')
-            .onValue(() => {
-            doPresendFixing(composeView);
-        });
-    });
-});
-export default handleComposeLinkChips;
-const doFixing = defn(module, function (composeView) {
-    const bodyElement = composeView.getBodyElement();
-    const chips = _getChipElements(bodyElement);
-    chips.filter(_isNotEnhanced).forEach(_addEnhancements);
-}, 'doFixing');
-const doPresendFixing = defn(module, function (composeView) {
-    const bodyElement = composeView.getBodyElement();
-    const chips = _getChipElements(bodyElement);
-    chips.filter(_isOurEnhanced).forEach((chip) => {
-        const xBtn = chip.querySelector(`img[src="${X_URL}"]`);
-        if (xBtn) {
-            xBtn.remove();
-        }
-        const title = chip.querySelector('a > span');
-        if (title) {
-            title.style.textDecoration = 'none';
-        }
-    });
-}, 'doPresendFixing');
-function _getChipElements(bodyElement) {
-    const chipInnerEls = bodyElement.querySelectorAll('[hspace=inboxsdk__chip]');
-    return [
-        ...Array.from(chipInnerEls).map((x) => x.parentElement),
-        ...Array.from(bodyElement.querySelectorAll('[hspace=inboxsdk__chip_main]')),
-    ];
-}
-function _waitToClaim(el) {
-    return Kefir.later(0, undefined)
-        .merge(makeMutationObserverChunkedStream(el, {
-        attributes: true,
-        attributeFilter: ['class'],
-    }))
-        .map(() => !el.classList.contains('inboxsdk__ensure_link_active'))
-        .filter(Boolean)
-        .take(1);
-}
-function _isNotEnhanced(chipElement) {
-    var claim = chipElement.getAttribute('data-sdk-linkchip-claimed');
-    if (extId === claim) {
-        return !chipElement._linkChipEnhancedByThisExtension;
-    }
-    return claim == null;
-}
-// Returns whether the chip is enhanced specifically by this extension
-function _isOurEnhanced(chipElement) {
-    return !!chipElement._linkChipEnhancedByThisExtension;
-}
-function _addEnhancements(chipElement) {
-    const anchor = chipElement.querySelector('a');
-    if (anchor) {
-        anchor.addEventListener('mousedown', function (e) {
-            e.stopImmediatePropagation();
-        }, true);
-        anchor.addEventListener('click', function (e) {
-            e.stopImmediatePropagation();
-        }, true);
-    }
-    const xElement = document.createElement('img');
-    xElement.src = X_URL;
-    xElement.setAttribute('style', 'opacity: 0.55; cursor: pointer; float: right; position: relative; top: -1px;');
-    xElement.addEventListener('mousedown', function () {
-        chipElement.remove();
-    }, true);
-    xElement.addEventListener('click', function (e) {
-        e.stopImmediatePropagation();
-        e.preventDefault();
-    }, true);
-    chipElement.addEventListener('mouseenter', function () {
-        chipElement.appendChild(xElement);
-        querySelector(chipElement, 'a > span').style.textDecoration = 'underline';
-    });
-    chipElement.addEventListener('mouseleave', function () {
-        xElement.remove();
-        querySelector(chipElement, 'a > span').style.textDecoration = 'none';
-    });
-    chipElement.addEventListener('mousedown', function (e) {
-        e.preventDefault();
-    });
-    chipElement.contentEditable = 'false';
-    chipElement.setAttribute('data-sdk-linkchip-claimed', extId);
-    chipElement._linkChipEnhancedByThisExtension = true;
-}

package/src/platform-implementation-js/lib/handler-registry.js

@@ -1,67 +0,0 @@
-import remove from 'lodash/remove';
-import asap from 'asap';
-import Logger from './logger';
-export default class HandlerRegistry {
-    _targets = [];
-    _pendingHandlers = [];
-    _handlers = [];
-    registerHandler(handler) {
-        if (this._pendingHandlers.indexOf(handler) === -1) {
-            this._pendingHandlers.push(handler);
-            asap(() => {
-                const pendingHandlers = this._pendingHandlers.slice();
-                for (let ii = pendingHandlers.length - 1; ii >= 0; ii--) {
-                    const handler = pendingHandlers[ii];
-                    if (this._handlers.indexOf(handler) === -1) {
-                        this._handlers.push(handler);
-                        this._informHandlerOfTargets(handler);
-                    }
-                }
-                this._pendingHandlers = [];
-            });
-        }
-        return () => {
-            remove(this._pendingHandlers, (h) => h === handler);
-            remove(this._handlers, (h) => h === handler);
-        };
-    }
-    addTarget(target) {
-        this._targets.push(target);
-        // TODO should we error if an object without an .on method is added?
-        if (target &&
-            typeof target === 'object' &&
-            typeof target.on === 'function') {
-            target.on('destroy', () => {
-                this.removeTarget(target);
-            });
-        }
-        this._informHandlersOfTarget(target);
-    }
-    removeTarget(target) {
-        remove(this._targets, (t) => t === target);
-    }
-    dumpHandlers() {
-        this._pendingHandlers = [];
-        this._handlers = [];
-    }
-    _informHandlerOfTargets(handler) {
-        const targets = this._targets.slice();
-        for (let ii = 0; ii < targets.length; ii++) {
-            _tryCatch(handler, targets[ii]);
-        }
-    }
-    _informHandlersOfTarget(target) {
-        const handlers = this._handlers.slice();
-        for (let ii = 0; ii < handlers.length; ii++) {
-            _tryCatch(handlers[ii], target);
-        }
-    }
-}
-function _tryCatch(fn, arg) {
-    try {
-        fn(arg);
-    }
-    catch (err) {
-        Logger.error(err);
-    }
-}

package/src/platform-implementation-js/lib/idMap.js

@@ -1,40 +0,0 @@
-import * as s from '../style/gmail.css';
-import Sha256 from 'sha.js/sha256';
-const cache = new Map();
-let seed = null;
-/**
- * Pass a name and you'll get a unique identifier associated with that name.
- * The returned identifier will only contain alphabetic characters.
- *
- * @deprecated a holdover from the old idMap runtime implementation. Use `idMap` instead unless you specifically need the same classname as old versions of the InboxSDK used.
- */
-export function legacyIdMap(name) {
-    const id = cache.get(name);
-    if (id != null)
-        return id;
-    if (seed == null) {
-        seed = document.documentElement.getAttribute('data-map-id');
-        if (seed == null) {
-            // Make the seed change every hour: the seed is based on a hash of the
-            // current timestamp in hour resolution.
-            const hasher = new Sha256();
-            hasher.update('PWVe' + Math.floor(Date.now() / (1000 * 60 * 60)) + 'PYiE0');
-            seed =
-                hasher.digest('hex').slice(0, 16) +
-                    (process.env.NODE_ENV === 'development' ? 'x' : '');
-            document.documentElement.setAttribute('data-map-id', seed);
-        }
-    }
-    const hasher = new Sha256();
-    hasher.update('4iYi29W' + name + ':' + seed + 'jn2mPvTG');
-    const newId = hasher
-        .digest('hex')
-        .slice(0, 16)
-        .replace(/[0-9]/g, (match) => String.fromCharCode('A'.charCodeAt(0) + Number(match)));
-    cache.set(name, newId);
-    return newId;
-}
-export default function idMap(id) {
-    // Uses lazy initialization of style tags from style-loader
-    return s[id];
-}

package/src/platform-implementation-js/lib/imageRequest.js

@@ -1,8 +0,0 @@
-export default function imageRequest(url) {
-    return new Promise((resolve, reject) => {
-        const img = new Image();
-        img.addEventListener('load', () => resolve(img));
-        img.addEventListener('error', reject);
-        img.src = url;
-    });
-}

package/src/platform-implementation-js/lib/incrementName.js

@@ -1,7 +0,0 @@
-export default function incrementName(name) {
-    const m = / (\d+)$/.exec(name);
-    if (m) {
-        return name.slice(0, name.length - m[0].length) + ' ' + (Number(m[1]) + 1);
-    }
-    return name + ' 2';
-}

package/src/platform-implementation-js/lib/inject-script-EMBEDDED.js

@@ -1,13 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-export function injectScriptEmbedded() {
-    const url = 'https://www.inboxsdk.com/build/pageWorld.js';
-    const script = document.createElement('script');
-    script.type = 'text/javascript';
-    const originalCode = require('../../../packages/core/pageWorld?raw');
-    const codeParts = [];
-    codeParts.push(originalCode);
-    codeParts.push('\n//# sourceURL=' + url + '\n');
-    const codeToRun = codeParts.join('');
-    script.text = codeToRun;
-    document.head.appendChild(script).parentNode.removeChild(script);
-}

package/src/platform-implementation-js/lib/inject-script.js

@@ -1,33 +0,0 @@
-import once from 'lodash/once';
-import Kefir from 'kefir';
-import makeMutationObserverChunkedStream from './dom/make-mutation-observer-chunked-stream';
-let injectScriptImplementation = () => {
-    window.chrome.runtime.sendMessage({ type: 'inboxsdk__injectPageWorld' }, (didExecute) => {
-        if (!didExecute) {
-            // MV2 support
-            const scr = document.createElement('script');
-            scr.type = 'text/javascript';
-            scr.src = window.chrome.runtime.getURL('pageWorld.js');
-            document.documentElement.appendChild(scr);
-        }
-    });
-};
-// Returns a promise that resolves once the injected script has been injected
-// and has done its initial load stuff.
-export const injectScript = once(() => {
-    if (!document.head.hasAttribute('data-inboxsdk-script-injected')) {
-        document.head.setAttribute('data-inboxsdk-script-injected', 'true');
-        injectScriptImplementation();
-    }
-    return Kefir.later(0, null)
-        .merge(makeMutationObserverChunkedStream(document.head, {
-        attributes: true,
-    }))
-        .filter(() => document.head.hasAttribute('data-inboxsdk-user-email-address'))
-        .take(1)
-        .map(() => null)
-        .toPromise();
-});
-export function setInjectScriptImplementation(fn) {
-    injectScriptImplementation = fn;
-}

package/src/platform-implementation-js/lib/insert-link-chip-into-body.js

@@ -1,44 +0,0 @@
-import * as ud from 'ud';
-import autoHtml from 'auto-html';
-var insertLinkChipIntoBody = ud.defn(module, function (composeViewDriver, options) {
-    composeViewDriver.focus();
-    var chipElement = _getChipElement(options);
-    // Gmail compose treats text directly bordering the chipElement weirdly in
-    // regards to cursor movement, so surround the chip with newlines which
-    // makes Gmail act up a little less.
-    var frag = document.createDocumentFragment();
-    frag.appendChild(document.createTextNode('\u200b'));
-    frag.appendChild(chipElement);
-    frag.appendChild(document.createTextNode('\u200b'));
-    composeViewDriver.insertBodyHTMLAtCursor(frag);
-    if (!composeViewDriver.isFullscreen() &&
-        !composeViewDriver.isInlineReplyForm() &&
-        document.activeElement !== composeViewDriver.getBodyElement()) {
-        composeViewDriver.setMinimized(true);
-        composeViewDriver.setMinimized(false);
-    }
-    composeViewDriver.focus();
-    return chipElement;
-});
-export default insertLinkChipIntoBody;
-function _getChipElement(options) {
-    var chipElement = document.createElement('div');
-    var iconHtml = options.iconUrl
-        ? autoHtml `
-<img style="height:16px; width:16px; vertical-align: bottom; border: none;" height="16px" width="16px" src="${options.iconUrl}">&nbsp;
-`
-        : '';
-    var chipHTML = autoHtml `
-<div contenteditable="false" class="inboxsdk__compose_linkChip"
-style="width: 396px; height: 18px; max-height: 18px; padding: 5px; color: rgb(34, 34, 34); font-family: arial; font-style: normal; font-weight: bold; font-size: 13px; cursor: default; border: 1px solid rgb(221, 221, 221); line-height: 1; background-color: rgb(245, 245, 245);" hspace="inboxsdk__chip_main">
-  <a href="${options.url}" target="_blank" style=" display:inline-block; max-width: 366px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-height: 1.2em; text-decoration: none; cursor: pointer; padding: 1px 0; border: none; ">
-    ${{
-        __html: iconHtml,
-    }}
-    <span dir="ltr" style="color: rgb(17, 85, 204); text-decoration: none; vertical-align: bottom;">${options.text}</span>
-  </a>
-</div>
-`;
-    chipElement.innerHTML = chipHTML;
-    return chipElement.children[0];
-}