alexalexes

К переменной data применяют метод работы с массивом slice(), но в этот момент data не является массивом (он же object в понимании JS).
Такие ошибки возникают, когда перед обработкой массива забывают прописать исключительные состояния, когда объект data может быть сформирован не в виде пустого массива, а, например, может содержать в себе сведения об ошибке, переданные из слоя абстракции, который в обычной ситуации генерирует data как массив.

Переменная itemImg у вас как объект DOMElement.
Его нельзя просто так вставить в строковое представление HTML.
Чтобы получить itemImg как HTML строку, нужно проделать такой кульбит с использованием контейнера:

var wrap = document.createElement('div'); //побочный контейнер для извлечения innerHTML
wrap.appendChild(itemImg.cloneNode(true)); // клонируем внутрь контейнера интересуемый элемент
var itemImgAsHTML = wrap.innerHTML; // извлекаем содержимое контейнера как HTML строку, то что вам и нужно.

Потом это примените тут:

var itemResult = "<div class='order-item'><div class='order-item__data-left'><div class='order-item__data-left__img'>"+itemImgAsHTML+"</div><div class='order-item__data-left__item-data'>${itemName}${itemVendorCode}</div></div><div class='order-item__data-right'><div class='order-item__data-right__delete-item'><button class='delete-item'>Удалить</button></div><div class='order-item__data-right__item-price'><h3>Цена: ${itemPrice}р</h3></div></div>";// Записываю нужную мне конструкцию для вставки в корзину

PS: Можно предельно сократить преобразование:

var itemResult = "<div class='order-item'><div class='order-item__data-left'><div class='order-item__data-left__img'>"+document.createElement('div').appendChild(itemImg.cloneNode(true)).innerHTML+"</div><div class='order-item__data-left__item-data'>${itemName}${itemVendorCode}</div></div><div class='order-item__data-right'><div class='order-item__data-right__delete-item'><button class='delete-item'>Удалить</button></div><div class='order-item__data-right__item-price'><h3>Цена: ${itemPrice}р</h3></div></div>";// Записываю нужную мне конструкцию для вставки в корзину

https://ru.wikipedia.org/wiki/Multipart/form-data
Есть работа с отправкой файлов?
- Есть. нужен заголовок.
- Нет, тогда не нужен заголовок.

Добавьте на textarea два обработчика события keydown, как на запрет перевода строки, так и на отправку контента.

$(document).keydown(function (e) {
        if (e.which == 13) {
            document.getElementById("commentAdd").click();
            document.getElementById("messageArea").value = "";
                    }
    });

$('textarea').on('keydown', function( el ) {
        if( el.keyCode === 13 ) {
            el.preventDefault();
            whenEnterPressed();
        }
    });

iframe - самый древний у дубовый тег по части адаптивности.
Им можно управлять, задавая конкретные значения ширины и высоты, запрашивая состояние скроллбаров.

var iframe = document.getElementById('fileUploadIframe');
 iframe.width = iframe.contentWindow.document.body.scrollWidh + "px";
 iframe.height = iframe.contentWindow.document.body.scrollHeight + "px";

Когда корректировать эти параметры? Нужно смотреть случаи, когда контент Iframe меняется и вешать выполнение этих строк на соответствующие обработчики событий.

Найдите путь по алгоритму Дейкстры между двумя интересуемыми вершинами.
Все вершины и дуги, которые не входят в этот путь - зачистить.

На чистом JS будет так.

....
   <tr class="Item-service" onclick="hide_trs(this)"></tr>
....

function hide_trs(target)
  {
        var parent = target.parentNode;
        var tr_nodes = Array.prototype.slice.call(parent.getElementsByTagName('TR'));
        var tr_count = tr_nodes.length;
        var target_index = tr_nodes.indexOf(target);
        for(var i = target_index + 1; i < tr_count; i++)
        {
          var cur_tr = tr_nodes[i];
          if(cur_tr.className !== 'Item-service')
            cur_tr.style.display = 'none';
          else
            break;
        }
  }

PS: Есть ограничения:
1) В строках нельзя использовать вложенные таблицы ( tr_nodes - получит все строки вложенных таблиц в том числе);
2) Кликабельному tr нельзя добавить еще класс (идентификация следующего кликабельного tr производится строго по содержимому свойства класса cur_tr.className !== 'Item-service')

Для такой тривиальной операции jquery не нужен:

document.querySelector('select[name="product[status]"]>option[value="0"]').selected = true;

Скорее всего код удаления класса будет выглядеть так:

$('.close-popup').on('click', function(event){
    $('.clicked').removeClass('clicked');
    event.stopPropagation();
  });

PS: Обратите внимание на наличие дескриптора event во входном параметре обработчика события.
PPS: Справка по теме всплытие и погружение в JS.

Если проанализировать сервис https://service.webboss.pro/urlencode-urldecode , то в нем используется файл https://webboss.pro/js/plugin/urlencode.js , в котором есть функция convert_to_cp1251(str).
Возможно, этого вам будет достаточно.

Читайте комментарий.

// This formula always makes the wheel stop somewhere inside prize 3 at least
// 1 degree away from the start and end edges of the segment.

Сектор "Приз 3" находится за 90-ым градусом по часовой стрелке.
Чтобы попадать туда, минимально число должно генериться чуть более 90, например, 91.
Рандом генерирует веществ. числа в интервале 0...1.
Нам нужно не выбежать из сектора за верхнюю границу.
Секторов 8, на один сектор приходится 45 градусов.
91 + 45 = 136 градусов, убежали в следующий сектор.
Берем 44, оказываемся на границе секторов.
Берем 43 - то, что надо, нашли верхний предел генерации параметра (134 градуса).
PS:
91 - это минимальный параметр;
43 - макс. внутрисекторное смещение.

1) Вычисление процентных долей - это вопрос к методу вычисления.
2) Разделитель добавляется с помощью метода join при выводе массива:
text.innerHTML = arr.join(', ');
Дисконт лучше считать вне цикла, и завести под него отдельный массив:

var dis = arr.map(function (item)
{
  return Math.round(item - item * (5 / 100.0));
});

https://codepen.io/anon/pen/rgLBpd

xhr.send(file); // отправили файл аяксом, мы молодцы.
    document.getElementById('uploadDropForm').submit(); // зачем-то еще отправляем форму традиционным способом, наверное тут мы что-то делаем не так.???

Еще нужно ответить на вопрос "А был ли мальчик?", то есть что вы передаете в метод send:

...
console.log(file);
xhr.send(file);
...

1)

let regExpB = textContent.match(begin); // передаю. и на выходе null
    let regExpE = textContent.match(end );  //

А вы получаете тот же самый результат, когда begin и end при отладке заменяете на статичные регулярки, по формату аналогичные тому, что формируется в begin и end. Может проблема в корректном формировании begin и end, а не в их выполнении?
2) addE.dispatchEvent(ev); заменить на addE.click() - вроде самый простой поджигатель события, если на элементе есть обработчик или доступно какое-нибудь действие по умолчанию для клика, то должно работать.