Интеграция платежной системы RozorPay Интеграция с Angular Project

Question

Я работаю над Angular 7, где я пытаюсь интегрировать Интеграция платежей с использованием RozorPay,

Я пытаюсь интегрировать с помощью Java Script, который работал в других моих проектах, но ясталкиваюсь с проблемой при работе с тем же кодом в Angular Project

Я делюсь своим кодом здесь

html

200 монет 500 монет 1000 монет

TS

import { Component } from '@angular/core';
import * as $ from 'jquery';


@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'PaymentIntegration';




  // Use loadScript to load the Razorpay checkout.js
// -----------------------------------------------
var callRazorPayScript = function(itemId, amount, qty, processorId) {
  var merchangeName = "Merchant Name",
      img = "https://s3.amazonaws.com/uifaces/faces/twitter/jsa/128.jpg",
      name = "Harshil Hill",
      description = "Purchase Description",
      amount = amount,
      qty = qty;

  loadExternalScript('https://checkout.razorpay.com/v1/checkout.js').then(function() {
    var options = {
      key: 'rzp_live_ILgsfZCZoFIKMb',
      protocol: 'https',
      hostname: 'api.razorpay.com',
      amount: amount,
      name: merchangeName,
      description: description,
      image: img,
      prefill: {
        name: name,
      },
      theme: {
        color: '#b9a76e'
      },
      handler: function (transaction, response){
        console.log('Tshirt\\ntransaction id: ' + transaction.razorpay_payment_id);
        console.log(response.razorpay_payment_id)
      }
    };

    window.rzpay = new Razorpay(options);

        console.log('Item Id: ', amount);
    console.log('Amount: ', amount);
    console.log('Quantity: ', qty);
    console.log('Processor Id: ', processorId);

    rzpay.open();
  });
}

// Trigger call to action buttons depending on the bundle packs
// -----------------------------------------------
var $payBundle = $('.js-pay-bundle');

$payBundle.on('click', function() {
    var itemId = $(this).data('itemid'),
            amount = $(this).data('amount'),
            processorid = $(this).data('processorid'),
            qty = $(this).data('qty');

    callRazorPayScript(itemId, amount, processorid, qty);
});
}

Я получаю много ошибок, может быть, потому что мой typeScript плохо преобразован в тип JavaScript