wbu-design-system/dist/services/unsubscribeBlotService.js

WhereBy.Design is the nascent design system for WhereBy.Us

import Quill from 'quill';

const BlockEmbed = Quill.import('blots/block/embed');

class UnsubscribeBlot extends BlockEmbed {
  static create({ link, message }) {
    const divNode = document.createElement('div');
    divNode.classList.add('composer__unsubscribe-link', 'cursor-pointer');

    const linkNode = document.createElement('a');
    linkNode.classList.add('composer__unsubscribe-link__text');
    const textNode = document.createTextNode(message);
    linkNode.appendChild(textNode);
    linkNode.href = link;

    divNode.appendChild(linkNode);
    divNode.setAttribute('data-link', link);
    divNode.setAttribute('data-message', message);
    divNode.contentEditable = 'false';

    return divNode;
  }

  static value(node) {
    return {
      link: node.getAttribute('data-link'),
      message: node.getAttribute('data-message'),
    };
  }
}
UnsubscribeBlot.blotName = 'unsubscribeBlot';
UnsubscribeBlot.className = 'composer__unsubscribe-link';

export {
  UnsubscribeBlot, // eslint-disable-line import/prefer-default-export
};