fleet/frontend/utilities/copy_text.js

import select from 'select';

const removeSelectedText = () => {
  return global.window.getSelection().removeAllRanges();
};

export const copyText = (elementSelector) => {
  const { document } = global;

  const element = document.querySelector(elementSelector);
  const input = element.querySelector('input');
  input.type = 'text';
  input.disabled = false;

  select(input);

  const canCopy = document.queryCommandEnabled('copy');

  if (!canCopy) {
    return false;
  }

  document.execCommand('copy');
  input.type = 'password';
  input.disabled = true;
  removeSelectedText();
  return true;
};

export const COPY_TEXT_SUCCESS = 'Text copied to clipboard';
export const COPY_TEXT_ERROR = 'Text not copied. Please copy manually.';

export default copyText;