import { parseBoolean } from './lib/utils/common_utils'; import axios from './lib/utils/axios_utils'; import { __ } from './locale'; import Flash from './flash'; const DEFERRED_LINK_CLASS = 'deferred-link'; export default class PersistentUserCallout { constructor(container) { const { dismissEndpoint, featureId, deferLinks } = container.dataset; this.container = container; this.dismissEndpoint = dismissEndpoint; this.featureId = featureId; this.deferLinks = parseBoolean(deferLinks); this.init(); } init() { const closeButton = this.container.querySelector('.js-close'); closeButton.addEventListener('click', event => this.dismiss(event)); if (this.deferLinks) { this.container.addEventListener('click', event => { const isDeferredLink = event.target.classList.contains(DEFERRED_LINK_CLASS); if (isDeferredLink) { const { href, target } = event.target; this.dismiss(event, { href, target }); } }); } } dismiss(event, deferredLinkOptions = null) { event.preventDefault(); axios .post(this.dismissEndpoint, { feature_name: this.featureId, }) .then(() => { this.container.remove(); if (deferredLinkOptions) { const { href, target } = deferredLinkOptions; window.open(href, target); } }) .catch(() => { Flash(__('An error occurred while dismissing the alert. Refresh the page and try again.')); }); } static factory(container) { if (!container) { return undefined; } return new PersistentUserCallout(container); } }