/**
 * @name FriendCodes
 * @version 1.2.2
 * @description Generate FriendCodes to easily add friends
 * @author domi.btnr
 * @authorId 354191516979429376
 * @invite gp2ExK5vc7
 * @donate https://paypal.me/domibtnr
 * @source https://github.com/domi-btnr/BetterDiscordStuff/tree/development/FriendCodes
 * @changelogDate 2026-01-01
 */

'use strict';

/* @manifest */
const manifest = {
    "name": "FriendCodes",
    "version": "1.2.2",
    "description": "Generate FriendCodes to easily add friends",
    "author": "domi.btnr",
    "authorId": "354191516979429376",
    "invite": "gp2ExK5vc7",
    "donate": "https://paypal.me/domibtnr",
    "source": "https://github.com/domi-btnr/BetterDiscordStuff/tree/development/FriendCodes",
    "changelog": [{
        "title": "Fixed",
        "type": "fixed",
        "items": ["Updated the Plugin for the latest Discord Changes"]
    }],
    "changelogDate": "2026-01-01"
};

/* @api */
const {
    Commands,
    Components,
    ContextMenu,
    Data,
    DOM,
    Logger,
    Net,
    Patcher,
    Plugins,
    ReactUtils,
    Themes,
    UI,
    Utils,
    Webpack
} = new BdApi(manifest.name);

/* @styles */

var Styles = {
    sheets: [],
    _element: null,
    load() {
        DOM.addStyle(this.sheets.join("\n"));
    },
    unload() {
        DOM.removeStyle();
    }
};

/* react */
var React = BdApi.React;

/* ../common/Changelog/style.scss */
Styles.sheets.push("/* ../common/Changelog/style.scss */", `.Changelog-Title-Wrapper {
  font-size: 20px;
  font-weight: 600;
  font-family: var(--font-display);
  color: var(--header-primary);
  line-height: 1.2;
}
.Changelog-Title-Wrapper div {
  font-size: 12px;
  font-weight: 400;
  font-family: var(--font-primary);
  color: var(--primary-300);
  line-height: 1.3333333333;
}

.Changelog-Banner {
  width: 405px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.Changelog-Item {
  color: #c4c9ce;
}
.Changelog-Item .Changelog-Header {
  display: flex;
  text-transform: uppercase;
  font-weight: 700;
  align-items: center;
  margin-bottom: 10px;
}
.Changelog-Item .Changelog-Header.added {
  color: #45BA6A;
}
.Changelog-Item .Changelog-Header.changed {
  color: #F0B232;
}
.Changelog-Item .Changelog-Header.fixed {
  color: #EC4245;
}
.Changelog-Item .Changelog-Header.improved {
  color: #5865F2;
}
.Changelog-Item .Changelog-Header::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  margin-left: 7px;
  background: currentColor;
}
.Changelog-Item span {
  display: list-item;
  list-style: inside;
  margin-left: 5px;
}
.Changelog-Item span::marker {
  color: var(--background-accent);
}`);

/* ../common/Changelog/index.tsx */
function showChangelog(manifest) {
    if (Data.load("lastVersion") === manifest.version) return;
    if (!manifest.changelog.length) return;
    const i18n = Webpack.getByKeys("getLocale");
    const formatter = new Intl.DateTimeFormat(i18n.getLocale(), {
        month: "long",
        day: "numeric",
        year: "numeric"
    });
    const title = React.createElement("div", {
        className: "Changelog-Title-Wrapper"
    }, React.createElement("h1", null, "What's New - ", manifest.name), React.createElement("div", null, formatter.format(new Date(manifest.changelogDate)), " - v", manifest.version));
    const items = manifest.changelog.map((item) => React.createElement("div", {
        className: "Changelog-Item"
    }, React.createElement("h4", {
        className: `Changelog-Header ${item.type}`
    }, item.title), item.items.map((item2) => React.createElement("span", null, item2))));
    "changelogImage" in manifest && items.unshift(
        React.createElement("img", {
            className: "Changelog-Banner",
            src: manifest.changelogImage
        })
    );
    UI.alert(title, items);
    Data.save("lastVersion", manifest.version);
}

/* ../common/ErrorBoundary/style.scss */
Styles.sheets.push("/* ../common/ErrorBoundary/style.scss */", `.errorBoundary {
  align-items: center;
  background: #473c41;
  border: 2px solid #f04747;
  border-radius: 5px;
  padding: 5px;
  margin: 10px;
  color: #fff;
  font-size: 16px;
}
.errorBoundary .errorText {
  display: flex;
  flex-direction: column;
  gap: 5px;
}`);

/* ../common/ErrorBoundary/index.jsx */
const ErrorIcon = (props) => React.createElement("svg", {
    xmlns: "http://www.w3.org/2000/svg",
    viewBox: "0 0 24 24",
    fill: "#ddd",
    width: "24",
    height: "24",
    ...props
}, React.createElement("path", {
    d: "M0 0h24v24H0z",
    fill: "none"
}), React.createElement("path", {
    d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"
}));
class ErrorBoundary extends React.Component {
    state = {
        hasError: false,
        error: null,
        info: null
    };
    componentDidCatch(error, info) {
        this.setState({
            error,
            info,
            hasError: true
        });
        console.error(`[ErrorBoundary:${this.props.id}] HI OVER HERE!! SHOW THIS SCREENSHOT TO THE DEVELOPER.
`, error);
    }
    render() {
        if (this.state.hasError) {
            return this.props.mini ? React.createElement(ErrorIcon, {
                fill: "#f04747"
            }) : React.createElement("div", {
                className: "errorBoundary"
            }, React.createElement("div", {
                className: "errorText"
            }, React.createElement("span", null, "An error has occured while rendering ", this.props.id, "."), React.createElement("span", null, "Open console (", React.createElement("code", null, "CTRL + SHIFT + i / CMD + SHIFT + i"), ') - Select the "Console" tab and screenshot the big red error.')));
        } else return this.props.children;
    }
}

/* modules/shared.js */
const InviteModule = Webpack.getByKeys("createFriendInvite");
const TextVariantStyles = Webpack.getByKeys("heading-lg/semibold");

/* commands/createFriendCode.js */
const {
    Types: {
        OptionTypes
    }
} = Commands;
const {
    createFriendInvite: createFriendInvite$1
} = InviteModule;
const {
    sendMessage
} = Webpack.getByKeys("sendMessage");
var createFriendCode = {
    id: "FC-Create",
    name: "create-friend-code",
    description: "Create a friend code",
    options: [{
        type: OptionTypes.BOOLEAN,
        name: "ephemeral",
        description: "Whether the message should be only visible to you or for everyone",
        required: false
    }],
    execute: async (props, {
        channel
    }) => {
        const invite = await createFriendInvite$1();
        const msg = `
            Max Uses: ${invite.max_uses}
            Expires: <t:${new Date(invite.expires_at).getTime() / 1e3}:R>
            https://discord.gg/${invite.code}
        `.replace(/^\s+/gm, "");
        if (props.find((o) => o.name === "ephemeral")?.value ?? true)
            return {
                content: msg
            };
        else sendMessage(channel.id, {
            content: msg
        }, void 0, {
            location: "chat_input"
        });
    }
};

/* commands/revokeAllFriendCodes.js */
const {
    getAllFriendInvites: getAllFriendInvites$1,
    revokeFriendInvites: revokeFriendInvites$1
} = InviteModule;
var revokeAllFriendCodes = {
    id: "FC-RevokeAll",
    name: "revoke-all-friend-codes",
    description: "Revoke all Friend Codes",
    execute: async () => {
        const invites = await getAllFriendInvites$1();
        await revokeFriendInvites$1();
        return {
            content: `Revoked ${invites.length} Friend Code${invites.length == 1 ? "" : "s"}`
        };
    }
};

/* commands/index.js */
const PluginCommands = [
    createFriendCode,
    revokeAllFriendCodes
];

/* components/copyButton.jsx */
const {
    Button: Button$1
} = Components;

function CopyButton({
    copyText,
    copiedText,
    onClick
}) {
    const [copied, setCopied] = React.useState(false);
    const handleButtonClick = (e) => {
        setCopied(true);
        setTimeout(() => setCopied(false), 1e3);
        onClick(e);
    };
    return React.createElement(
        Button$1, {
            onClick: handleButtonClick,
            color: copied ? Button$1.Colors.GREEN : Button$1.Colors.BRAND,
            size: Button$1.Sizes.SMALL,
            look: Button$1.Looks.FILLED
        },
        copied ? copiedText : copyText
    );
}

/* components/style.scss */
Styles.sheets.push("/* components/style.scss */", `.card {
  padding: 20px;
  margin-bottom: var(--custom-margin-margin-small);
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  border-color: var(--border-subtle);
  background-color: var(--background-base-lower);
}

.cardTitle span {
  color: var(--text-default);
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 400;
}

.panelHeader {
  margin-top: 16px;
  margin-bottom: 8px;
  color: var(--text-default);
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  font-family: var(--font-display);
  font-weight: 600;
}

.panelText {
  display: flex;
  justify-content: center;
  align-items: center;
}`);
var styles = {
    "card": "card",
    "cardTitle": "cardTitle",
    "panelHeader": "panelHeader",
    "panelText": "panelText"
};

/* components/codeCard.jsx */
const {
    Flex: Flex$1,
    Text: Text$1
} = Components;
const {
    clipboard
} = DiscordNative;
const Parser = Webpack.getByKeys("parseTopic");

function FriendCodeCard({
    invite
}) {
    return React.createElement("div", {
        className: styles.card
    }, React.createElement(Flex$1, {
        justify: Flex$1.Justify.START
    }, React.createElement("div", {
        className: styles.cardTitle
    }, React.createElement(
        Text$1, {
            tag: "h4",
            size: Text$1.Sizes.SIZE_16,
            variant: "heading-md/semibold",
            className: TextVariantStyles["heading-md/semibold"]
        },
        invite.code
    ), React.createElement("span", null, "Expires ", Parser.parse(`<t:${new Date(invite.expires_at).getTime() / 1e3}:R>`), " \u2022 ", invite.uses, "/", invite.max_uses, " uses")), React.createElement(Flex$1, {
        justify: Flex$1.Justify.END
    }, React.createElement(
        CopyButton, {
            copyText: "Copy",
            copiedText: "Copied!",
            onClick: () => clipboard.copy(`https://discord.gg/${invite.code}`)
        }
    ))));
}

/* components/panel.jsx */
const {
    Button,
    Flex,
    Text
} = Components;
const FormStyles = Webpack.getById("462408");
const {
    createFriendInvite,
    getAllFriendInvites,
    revokeFriendInvites
} = InviteModule;

function FriendCodesPanel() {
    const [invites, setInvites] = React.useState([]);
    const [loading, setLoading] = React.useState(false);
    React.useEffect(() => {
        setLoading(true);
        getAllFriendInvites().then(setInvites).then(() => setLoading(false));
    }, []);
    return React.createElement("header", {
        className: FormStyles.header
    }, React.createElement(
        Text, {
            tag: "h2",
            size: Text.Sizes.SIZE_20,
            variant: "heading-lg/semibold",
            className: TextVariantStyles["heading-lg/semibold"]
        },
        "Your Friend Codes"
    ), React.createElement(
        Flex, {
            style: {
                marginBottom: "16px"
            },
            justify: Flex.Justify.BETWEEN
        },
        React.createElement("h2", {
            className: styles.panelHeader
        }, `Friend Codes - ${invites.length}`),
        React.createElement(Flex, {
            justify: Flex.Justify.END
        }, React.createElement(
            Button, {
                color: Button.Colors.GREEN,
                look: Button.Looks.FILLED,
                onClick: () => createFriendInvite().then((invite) => setInvites([...invites, invite]))
            },
            "Create Friend Code"
        ), React.createElement(
            Button, {
                style: {
                    marginLeft: "8px"
                },
                color: Button.Colors.RED,
                look: Button.Looks.OUTLINED,
                disabled: !invites.length,
                onClick: () => revokeFriendInvites().then(setInvites([]))
            },
            "Revoke all Friend Codes"
        ))
    ), React.createElement("div", {
        style: {
            maxHeight: "40vh",
            overflowY: "auto"
        }
    }, loading ? React.createElement(
        Text, {
            variant: "heading-md/semibold",
            className: styles.panelText
        },
        "Loading..."
    ) : invites.length === 0 ? React.createElement(
        Text, {
            variant: "heading-md/semibold",
            className: styles.panelText
        },
        "You don't have any friend codes yet"
    ) : React.createElement("div", null, invites.map((invite) => React.createElement(FriendCodeCard, {
        key: invite.code,
        invite
    })))));
}

/* index.jsx */
class FriendCodes {
    start() {
        showChangelog(manifest);
        this.patchAddFriendsPanel();
        Styles.load();
        PluginCommands.forEach((cmd) => Commands.register(cmd));
    }
    stop() {
        Commands.unregisterAll();
        Patcher.unpatchAll();
        Styles.unload();
    }
    patchAddFriendsPanel() {
        const AddFriendsPage = Webpack.getModule((_, __, id) => id == 666286);
        Patcher.after(AddFriendsPage, "Z", (_, __, res) => {
            res.props.children.splice(1, 0, React.createElement(ErrorBoundary, {
                key: "FriendCodesPanel",
                id: "FriendCodesPanel"
            }, React.createElement(FriendCodesPanel, null)));
        });
    }
}

module.exports = FriendCodes;