dist/js/uimini.js
function uiMessage(){
  // [i] for forEach
  // var messageDialog = document.getElementsByClassName('ui-messageBox__wrapper');
  var uiMessageDialogBtnShow = document.getElementsByClassName('ui-messageBox-show');
  var uiMessageDialogBtnOk = document.getElementsByClassName('ui-messageBox-ok');
  var uiMessageDialogBtnCancel = document.getElementsByClassName('ui-messageBox-cancel');
  var uiMessageDialogBtnClose = document.getElementsByClassName('ui-messageBox-close');
  // Event for Show
  [].forEach.call(uiMessageDialogBtnShow, function(element, i) {
    element.addEventListener('click', function(){
      showMessageDialog(i);
    });
  });

  // Event for Close
  [].forEach.call(uiMessageDialogBtnClose, function(element, i) {
    element.addEventListener('click', function(){
      closeMessageDialog(i);
    });

    // Close click to window
    window.addEventListener('click', function(e){
      // Becouse [i]
      messageDialog = document.getElementsByClassName('ui-messageBox__wrapper')[i];
      if(e.target == messageDialog){
        messageDialog.style.display = "none";
      }
    });

  });

  // Event for Close Cancel
  // TODO: bug
  // Если кенцел отсутвует на 1 модалке и есть на второq в i отправляется 0.
  // закрывается 1. вторая без изменений
  // решение - новая функция+класс для окна с кенцел
  [].forEach.call(uiMessageDialogBtnCancel, function(element, i) {
    element.addEventListener('click', function(){
      //Exit
      closeMessageDialog(i);
      // Ok func
      messageDialogItCancel();
    });
  });


  // Event for Close OK
  [].forEach.call(uiMessageDialogBtnOk, function(element, i) {
    element.addEventListener('click', function(){
      //Exit
      closeMessageDialog(i);
      // Ok func
      messageDialogItOk();
    });
  });

  function showMessageDialog(i){
    // Becouse [i]
    var messageDialog = document.getElementsByClassName('ui-messageBox__wrapper')[i];
    messageDialog.style.display = "flex";
  }

  function closeMessageDialog(i){
    // Becouse [i]
    var messageDialog = document.getElementsByClassName('ui-messageBox__wrapper')[i];
    messageDialog.style.display = "none";
  }

}
function uiMessage(){
  // [i] for forEach
  // var messageDialog = document.getElementsByClassName('ui-messageBox__wrapper');
  var uiMessageDialogBtnShow = document.getElementsByClassName('ui-messageBox-show');
  var uiMessageDialogBtnOk = document.getElementsByClassName('ui-messageBox-ok');
  var uiMessageDialogBtnCancel = document.getElementsByClassName('ui-messageBox-cancel');
  var uiMessageDialogBtnClose = document.getElementsByClassName('ui-messageBox-close');
  // Event for Show
  [].forEach.call(uiMessageDialogBtnShow, function(element, i) {
    element.addEventListener('click', function(){
      showMessageDialog(i);
    });
  });

  // Event for Close
  [].forEach.call(uiMessageDialogBtnClose, function(element, i) {
    element.addEventListener('click', function(){
      closeMessageDialog(i);
    });

    // Close click to window
    window.addEventListener('click', function(e){
      // Becouse [i]
      messageDialog = document.getElementsByClassName('ui-messageBox__wrapper')[i];
      if(e.target == messageDialog){
        messageDialog.style.display = "none";
      }
    });

  });

  // Event for Close Cancel
  // TODO: bug
  // Если кенцел отсутвует на 1 модалке и есть на второq в i отправляется 0.
  // закрывается 1. вторая без изменений
  // решение - новая функция+класс для окна с кенцел
  [].forEach.call(uiMessageDialogBtnCancel, function(element, i) {
    element.addEventListener('click', function(){
      //Exit
      closeMessageDialog(i);
      // Ok func
      messageDialogItCancel();
    });
  });


  // Event for Close OK
  [].forEach.call(uiMessageDialogBtnOk, function(element, i) {
    element.addEventListener('click', function(){
      //Exit
      closeMessageDialog(i);
      // Ok func
      messageDialogItOk();
    });
  });

  function showMessageDialog(i){
    // Becouse [i]
    var messageDialog = document.getElementsByClassName('ui-messageBox__wrapper')[i];
    messageDialog.style.display = "flex";
  }

  function closeMessageDialog(i){
    // Becouse [i]
    var messageDialog = document.getElementsByClassName('ui-messageBox__wrapper')[i];
    messageDialog.style.display = "none";
  }

}
Message Dialog