Starting a new tour on the end of a tour not working

[saikmadana]

// Take the tour
takeToTour() {
    const tour = {
        id: "cryptex-tour",
        showPrevButton: true,
        i18n: {
            closeTooltip: String.fromCharCode(10060)
        },
        onEnd: () => {
            // Clearing cookies for next tour
            this.hopscotch.endTour(true);
            const endtour = {
                id: "tour-later",
                i18n: {
                    closeTooltip: String.fromCharCode(10060)
                },
                steps: [
                    {
                        title: "Access Ticker:",
                        content: "dummy tour"
                        target: "later",
                        placement: "bottom",
                        xOffset: 40
                    }
                ]
            }
            this.hopscotch.startTour(endtour, 0);
        },
        steps: [
            {
                title: "Price Ticker:",
                content: "You can navigate between markets and select your desired currency"
                target: "marketstour",
                placement: "bottom",
                xOffset: 40,
                delay: 300
            },
            {
                title: "Balances & Wallets:",
                content: "You have a separate wallet for each currency"
                target: "balancewallettour",
                placement: "bottom",
                xOffset: 40
            },
            {
                title: "Order Form:",
                content: "Order form gives you the number of order types of which market"
                target: "orderformtour",
                placement: "right",
                yOffset: 30
            }
        ]
    };
    this.hopscotch.startTour(tour, 0);
}

In the above code, I am trying to invoke another hopscotch tour after finishing the first tour. But it is not starting the next tour. Help me know where I went wrong.

Thank you...