Как одобрить токен, а затем отправить его позже из бэкэнда

Question

Я создал такой простой контракт:

      pragma solidity ^0.8.0;

import '@openzeppelin/contracts/token/ERC20/IERC20.sol';

contract PaymentProcessor {
    address public admin;
    IERC20 public dai;

    event PaymentDone (
        address payer,
        uint amount,
        uint paymentId,
        uint date
    );

    constructor(address adminAdress, address daiAddress) public {
        admin = adminAdress;
        dai = IERC20(daiAddress);
    }

    function pay(uint amount, uint paymentId) external {
        dai.transferFrom(msg.sender, admin, amount);
        emit PaymentDone(msg.sender, amount, paymentId, block.timestamp);
    }
}

Из внешнего приложения я теперь могу отправлять транзакцию с метамасками

      // approve send of token
const tx1 = await dai.approve(proc.address, ethers.utils.parseEther('100'));
await tx1.wait();
console.log(tx1);
// call cotnract to send token to main address
const tx2 = await proc.pay(ethers.utils.parseEther('100'), '1111');
await tx2.wait();
console.log(tx2)

То, что я пытаюсь выполнить, - это одобрить токен расходов из внешнего интерфейса, а затем из внутреннего интерфейса для отправки этих утвержденных токенов по разным адресам. Возможно ли, если да, не могли бы вы показать мне, как должны выглядеть соединение и отправка транзакции? Я использую эфиры для подключения к сети.