currencyInputMask.js

import { Controller } from "@hotwired/stimulus";

export default class extends Controller {
  static values = {
    maxallowed: Number,
  };

  currencyFormatter(e) {
    let value = e.target.value;

    const formatter = new Intl.NumberFormat("en-US", {
      style: "currency",
      currency: "USD",
      minimumFractionDigits: 2,
    });

    // remove all currency formatting
    value = parseFloat(
      value
        .replaceAll(",", "")
        .replace("$", "")
        .replace(".00", "")
        .replace(".", "")
    );

    e.target.value = formatter.format(value / 100);
  }
}