¿Cómo agregar funcionalidad personalizada en el siguiente botón de pastor? Necesito agregar eventos de GA en el cuadro emergente de pastor, pero no puedo encontrar cómo agregar un evento al hacer clic en el siguiente botón, por favor, alguien ayude.
export const builtInButtons = { cancel: { classes: 'btn-purple-bg me-2 mt-2 sfpro-regular sepheredDone', secondary: true, text: '<span class="button-text">Done</span>', type: 'cancel', }, next: { classes: 'btn-purple-bg me-2 mt-2 sfpro-regular', text: '<span class="button-text">Next</span>', type: 'next', }, back: { classes: 'btn-purple-bg me-2 mt-2 sfpro-regular', secondary: true, text: '<span class="button-text">Previous</span>', type: 'back', }, stepOne: { classes: 'sfpro-regular me-2 mt-2 sepheredStep', secondary: true, text: '<span type="text" class="sfpro-regular opacity-90 fs-14px ls-28 m-sm-2 ">1 of 6</span>', }, stepTwo: { classes: 'sfpro-regular me-2 mt-2 sepheredStep', secondary: true, text: '<span type="text" class="sfpro-regular opacity-90 fs-14px ls-28 m-sm-2 ">2 of 6</span>', type: 'back', }, stepThree: { classes: 'sfpro-regular me-2 mt-2 sepheredStep', secondary: true, text: '<span type="text" class="sfpro-regular opacity-90 fs-14px ls-28 m-sm-2 ">3 of 6</span>', type: 'back', }, stepFour: { classes: 'sfpro-regular me-2 mt-2 sepheredStep', secondary: true, text: '<span type="text" class="sfpro-regular opacity-90 fs-14px ls-28 m-sm-2 ">4 of 6</span>', type: 'back', }, stepFive: { classes: 'sfpro-regular me-2 mt-2 sepheredStep', secondary: true, text: '<span type="text" class="sfpro-regular opacity-90 fs-14px ls-28 m-sm-2 ">5 of 6</span>', type: 'back', }, stepSix: { classes: 'sfpro-regular me-2 mt-2 sepheredStep', secondary: true, text: '<span type="text" class="sfpro-regular opacity-90 fs-14px ls-28 m-sm-2 ">6 of 6</span>', type: 'back', }, }; export const defaultStepOptions: Step.StepOptions = { classes: 'shepherd-theme-arrows custom-default-class', scrollTo: { behavior: 'smooth', block: 'center' }, cancelIcon: { enabled: true, }, };