import { TableauEventType } from 'https://public.tableau.com/javascripts/api/tableau.embedding.3.latest.js';
(async () => {
// Get the viz object from the HTML web component
const viz = document.querySelector('tableau-viz, tableau-authoring-viz');
// The value of the token variable is generated and available when this code executes in the playground.
// You will have to generate this token. See CA documentation- https://sfdc.co/chGcg5.
viz.token = window.token;
// Wait for the viz to become interactive
await new Promise((resolve, reject) => {
// Add an event listener to verify the viz becomes interactive
viz.addEventListener(TableauEventType.FirstInteractive, () => {
console.log('Viz is interactive!');
resolve();
});
viz.addEventListener(TableauEventType.VizLoadError, (error) => {
const message = JSON.parse(error.detail.message);
const errorMessage = JSON.parse(message.errorMessage);
const displayMessage = `ca-error-${errorMessage.result.errors[0].code}`;
reject(displayMessage);
});
});
})();