/**
* @name PreviewMessage
* @author DaddyBoard
* @authorId 241334335884492810
* @version 1.2.1
* @description Allows you to preview a message before you send it. Original idea by TheCommieAxolotl, rewritten and maintained by DaddyBoard.
* @source https://github.com/DaddyBoard/BD-Plugins
* @invite ggNWGDV7e2
*/

const { Webpack, React, Patcher, Plugins } = BdApi;
const { Filters } = Webpack;
const Tooltip = BdApi.Components.Tooltip;

let DraftStore;
let MessageActions;
let ChatButton;

function PreviewButton({ channel }) {
    return React.createElement(Tooltip, {
        text: "Preview Message"
    }, (props) =>
        React.createElement(
            "div",
            {
                ...props,
                style: { padding: "5px" },
                onClick: () => {
                    const draft = DraftStore.getDraft(channel.id, 0);
                    if (draft) {
                        if (Plugins.isEnabled("SplitLargeMessages")){
                            const messageSplitter = Plugins.get("SplitLargeMessages").instance;

                            var splitMessages = [""];
                            try{
                                if (messageSplitter?.formatText){
                                    splitMessages = messageSplitter.formatText(draft)
                                }
                            } catch (e){
                                MessageActions.sendBotMessage(channel.id, "Warning: SplitLargeMessages threw an error and likely won't split your messages or the developer changed how splitting is implemented.")
                            }

                            for (const message of splitMessages){
                                MessageActions.sendBotMessage(channel.id, format(message, channel.id));
                            }
                        }else{

                            MessageActions.sendBotMessage(channel.id, format(draft, channel.id));

                        }
                    }
                }
            },
            React.createElement(ChatButton, null,
                React.createElement(
                    "svg",
                    {
                        xmlns: "http://www.w3.org/2000/svg",
                        viewBox: "0 0 36 36",
                        width: "24",
                        height: "24",
                    },
                    React.createElement("ellipse", { fill: "currentColor", cx: "8.828", cy: "18", rx: "7.953", ry: "13.281" }),
                    React.createElement("path", {
                        fill: "currentColor",
                        d: "M8.828 32.031C3.948 32.031.125 25.868.125 18S3.948 3.969 8.828 3.969 17.531 10.132 17.531 18s-3.823 14.031-8.703 14.031zm0-26.562C4.856 5.469 1.625 11.09 1.625 18s3.231 12.531 7.203 12.531S16.031 24.91 16.031 18 12.8 5.469 8.828 5.469z",
                    }),
                    React.createElement("circle", { fill: "var(--bg-overlay-3,var(--channeltextarea-background))", cx: "6.594", cy: "18", r: "4.96" }),
                    React.createElement("circle", { fill: "var(--bg-overlay-3,var(--channeltextarea-background))", cx: "6.594", cy: "18", r: "3.565" }),
                    React.createElement("circle", { fill: "currentColor", cx: "7.911", cy: "15.443", r: "1.426" }),
                    React.createElement("ellipse", { fill: "currentColor", cx: "27.234", cy: "18", rx: "7.953", ry: "13.281" }),
                    React.createElement("path", {
                        fill: "currentColor",
                        d: "M27.234 32.031c-4.88 0-8.703-6.163-8.703-14.031s3.823-14.031 8.703-14.031S35.938 10.132 35.938 18s-3.824 14.031-8.704 14.031zm0-26.562c-3.972 0-7.203 5.622-7.203 12.531 0 6.91 3.231 12.531 7.203 12.531S34.438 24.91 34.438 18 31.206 5.469 27.234 5.469z",
                    }),
                    React.createElement("circle", { fill: "var(--bg-overlay-3,var(--channeltextarea-background))", cx: "25", cy: "18", r: "4.96" }),
                    React.createElement("circle", { fill: "var(--bg-overlay-3,var(--channeltextarea-background))", cx: "25", cy: "18", r: "3.565" }),
                    React.createElement("circle", { fill: "currentColor", cx: "26.317", cy: "15.443", r: "1.426" })
                )
            )
        )
    );
}

function format(originalText, cID){
    var text = originalText;

    if (Plugins.isEnabled("ChatAliases")){
        
        const chatAliases = Plugins.get("ChatAliases").instance;
        try{
            if (chatAliases?.formatText && chatAliases.settings.places.normal){
                text = chatAliases.formatText(text).text;
            }
        } catch (e){
            MessageActions.sendBotMessage(cID, "Warning: ChatAliases threw an error and likely won't format your text or the developer changed how the plugin changes text.");
        }
    }

    if (Plugins.isEnabled("BetterFormattingRedux")){
        
        const betterFormatting = Plugins.get("BetterFormattingRedux").instance;
        try{
            if (betterFormatting?.format){
                text = betterFormatting.format(text);
            }
        } catch (e){
            MessageActions.sendBotMessage(cID, "Warning: BetterFormattingRedux threw an error and likely won't format your text or the developter changed how the plugin changes text.");
        }
    }

    if (Plugins.isEnabled("Vriska'sTypingQuirk")){

        const vriska = Plugins.get("Vriska'sTypingQuirk").instance;
        try{
            if (vriska?.processText){
                text = vriska.processText(text);
            }
        } catch (e){
            MessageActions.sendBotMessage(cID, "Warning: Vriska'sTypingQuirk threw an error and likely won't format your text or the developter changed how the plugin changes text.");
        }
    }


    return text;
}

module.exports = class PreviewMessage {
    constructor(meta) {
        this.meta = meta;
    }

    async start() {
        const [draftStore, messageActions, chatButtonsGroup, chatButton] = await Promise.all([
            Webpack.waitForModule((m) => m.getDraft),
            Webpack.waitForModule((m) => m.sendBotMessage),
            Webpack.waitForModule(Filters.bySource("isSubmitButtonEnabled", ".A.getActiveOption("), { defaultExport: false }),
            Webpack.waitForModule(Filters.bySource("CHAT_INPUT_BUTTON_NOTIFICATION", "animated.div"), { defaultExport: false }),
        ]);

        DraftStore = draftStore;
        MessageActions = messageActions;
        ChatButton = chatButton.A;

        Patcher.after("PreviewMessage", chatButtonsGroup.A, "type", (_, args, res) => {
            if (args.length === 2 && !args[0].disabled && args[0].type.analyticsName === "normal" && Array.isArray(res.props.children)) {
                res.props.children.unshift(React.createElement(PreviewButton, { channel: args[0].channel }));
            }
        });
    }

    stop() {
        Patcher.unpatchAll("PreviewMessage");
    }
};