fix: Embed API Typings for 'on' and 'off'

[hariombalhara]

What does this PR do?

• Fixes the typescript type of argument of callback in 'on' and 'off'
  • Included playground.ts in tsconfig.json so that types are verified in it which verifies the fix as well.
• Also exports EmbedEvent type so that it is easy to define a function separately to be assigned to callback. This is a requirement as well when using off

Before:

It was a union of all the events' payloads

Now:

Mandatory Tasks (DO NOT REMOVE)

• I have self-reviewed the code (A decent size PR without self-review might be rejected).
• N/A I have added a Docs issue here if this PR makes changes that would require a documentation change. If N/A, write N/A here and check the checkbox.
• I confirm automated tests are in place that prove my fix is effective or that my feature works.

How should this be tested?

• Attach a listener for any event(e.g. bookingSuccessfulV2 and verify the Typescript type of e.detail.data)

Cal("on", {
    action: "bookingSuccessfulV2",
    callback: (e) => {
      const data = e.detail.data;
      console.log("bookingSuccessfulV2", {
        endTime: data.endTime,
        startTime: data.startTime,
        title: data.title,
      });
    },
  });

Checklist

• I haven't read the contributing guide
• My code doesn't follow the style guidelines of this project
• I haven't commented my code, particularly in hard-to-understand areas
• I haven't checked if my changes generate no new warnings

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

2 Skipped Deployments

Name	Status	Preview	Comments	Updated (UTC)
cal	⬜️ Ignored (Inspect)	Visit Preview		Sep 19, 2024 9:25am
calcom-web-canary	⬜️ Ignored (Inspect)	Visit Preview		Sep 19, 2024 9:25am

[hariombalhara]

This callback is used by all types of events so we use any

[hariombalhara]

This is now fixed.

[graphite-app]

Graphite Automations

"Add consumer team as reviewer" took an action on this PR • (09/19/24)

1 reviewer was added to this PR based on Keith Williams's automation.

[sean-brydon]

LGTM - this works but im not 100% sure how lol some TS magic going on here

[github-actions]

E2E results are ready!

• Workflow #32209.1 latest results