gtag.js in Acuity Scheduling

We have been in Acuity scheduling for years, and recently converted from Google Analytics to GA4 property.

We have now begun the work of setting up and detecting events/conversions but we're only seeing part of the picture.

I can see that GA4 is collecting page views from appointment scheduling, but not passing data from the variables. 

Here below is my script that is sitting in Custom Conversion Tracking in Acuity Scheduling 

<script>
gtag("event", “acuity_appointment_booked”, {
currency: “CAD”,
value: %price%,
type: “%type%”,
appointment_type: “%appointmentType%”,
id: “%id%”,
});
</script>

Can anyone with JS experience sanity check my syntax?

TIA