discord-html-transcripts-v2 3.3.1

package/dist/generator/renderers/attachment.js

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Attachments = Attachments;
+exports.Attachment = Attachment;
+const discord_components_react_1 = require("@derockdev/discord-components-react");
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../../utils/utils");
+/**
+ * Renders all attachments for a message
+ * @param message
+ * @param context
+ * @returns
+ */
+async function Attachments(props) {
+    if (props.message.attachments.size === 0)
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    return (react_1.default.createElement(discord_components_react_1.DiscordAttachments, { slot: "attachments" }, props.message.attachments.map((attachment, id) => (react_1.default.createElement(Attachment, { attachment: attachment, message: props.message, context: props.context, key: id })))));
+}
+// "audio" | "video" | "image" | "file"
+function getAttachmentType(attachment) {
+    var _a, _b, _c;
+    const type = (_c = (_b = (_a = attachment.contentType) === null || _a === void 0 ? void 0 : _a.split('/')) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : 'unknown';
+    if (['audio', 'video', 'image'].includes(type))
+        return type;
+    return 'file';
+}
+/**
+ * Renders one Discord Attachment
+ * @param props - the attachment and rendering context
+ */
+async function Attachment({ attachment, context, message, }) {
+    let url = attachment.url;
+    const name = attachment.name;
+    const width = attachment.width;
+    const height = attachment.height;
+    const type = getAttachmentType(attachment);
+    // if the attachment is an image, download it to a data url
+    if (type === 'image') {
+        const downloaded = await context.callbacks.resolveImageSrc(attachment.toJSON(), message.toJSON());
+        if (downloaded !== null) {
+            url = downloaded !== null && downloaded !== void 0 ? downloaded : url;
+        }
+    }
+    return (react_1.default.createElement(discord_components_react_1.DiscordAttachment, { type: type, size: (0, utils_1.formatBytes)(attachment.size), key: attachment.id, slot: "attachment", url: url, alt: name !== null && name !== void 0 ? name : undefined, width: width !== null && width !== void 0 ? width : undefined, height: height !== null && height !== void 0 ? height : undefined }));
+}
+//# sourceMappingURL=attachment.js.map

package/dist/generator/renderers/attachment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment.js","sourceRoot":"","sources":["../../../src/generator/renderers/attachment.tsx"],"names":[],"mappings":";;;;;AAaA,kCAUC;AAaD,gCAwCC;AA5ED,kFAA4F;AAC5F,kDAA0B;AAI1B,6CAAgD;AAEhD;;;;;GAKG;AACI,KAAK,UAAU,WAAW,CAAC,KAA0D;IAC1F,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC;QAAE,OAAO,6DAAK,CAAC;IAEvD,OAAO,CACL,8BAAC,6CAAkB,IAAC,IAAI,EAAC,aAAa,IACnC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,EAAE,EAAE,CAAC,CACjD,8BAAC,UAAU,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,GAAI,CAChG,CAAC,CACiB,CACtB,CAAC;AACJ,CAAC;AAED,uCAAuC;AACvC,SAAS,iBAAiB,CAAC,UAA0B;;IACnD,MAAM,IAAI,GAAG,MAAA,MAAA,MAAA,UAAU,CAAC,WAAW,0CAAE,KAAK,CAAC,GAAG,CAAC,0CAAG,CAAC,CAAC,mCAAI,SAAS,CAAC;IAClE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;QAAE,OAAO,IAAuB,CAAC;IAC/E,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;;GAGG;AACI,KAAK,UAAU,UAAU,CAAC,EAC/B,UAAU,EACV,OAAO,EACP,OAAO,GAKR;IACC,IAAI,GAAG,GAAG,UAAU,CAAC,GAAG,CAAC;IACzB,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;IAC7B,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC;IAC/B,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAEjC,MAAM,IAAI,GAAG,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAE3C,2DAA2D;IAC3D,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QACrB,MAAM,UAAU,GAAG,MAAM,OAAO,CAAC,SAAS,CAAC,eAAe,CACxD,UAAU,CAAC,MAAM,EAAmB,EACpC,OAAO,CAAC,MAAM,EAAgB,CAC/B,CAAC;QAEF,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;YACxB,GAAG,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,GAAG,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,OAAO,CACL,8BAAC,4CAAiB,IAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAA,mBAAW,EAAC,UAAU,CAAC,IAAI,CAAC,EAClC,GAAG,EAAE,UAAU,CAAC,EAAE,EAClB,IAAI,EAAC,YAAY,EACjB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EACtB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,EACzB,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,SAAS,GAC3B,CACH,CAAC;AACJ,CAAC"}

package/dist/generator/renderers/components/Button.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface DiscordButtonProps {
+    type: string;
+    url?: string;
+    emoji?: string;
+    children: React.ReactNode;
+    disabled?: boolean;
+}
+export declare function DiscordButton({ type, url, emoji, children, disabled }: DiscordButtonProps): React.JSX.Element;
+export default DiscordButton;

package/dist/generator/renderers/components/Button.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DiscordButton = DiscordButton;
+const react_1 = __importDefault(require("react"));
+function DiscordButton({ type, url, emoji, children, disabled = false }) {
+    const className = `discord-button discord-button-${type}${disabled ? ' discord-button-disabled' : ''}`;
+    const content = (react_1.default.createElement(react_1.default.Fragment, null,
+        emoji && (react_1.default.createElement("span", { style: { display: 'flex', alignItems: 'center' } },
+            react_1.default.createElement("img", { src: emoji, alt: "emoji", style: { width: '16px', height: '16px', marginRight: '8px' } }))),
+        react_1.default.createElement("span", { style: { display: 'flex', alignItems: 'center' } }, children),
+        url && !disabled && (react_1.default.createElement("span", { style: { marginLeft: '8px', display: 'flex', alignItems: 'center' } },
+            react_1.default.createElement("svg", { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 24 24" },
+                react_1.default.createElement("path", { fill: "currentColor", d: "M15 2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V4.41l-4.3 4.3a1 1 0 1 1-1.4-1.42L19.58 3H16a1 1 0 0 1-1-1Z" }),
+                react_1.default.createElement("path", { fill: "currentColor", d: "M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-6a1 1 0 1 0-2 0v6a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h6a1 1 0 1 0 0-2H5Z" }))))));
+    if (url && !disabled) {
+        return (react_1.default.createElement("a", { href: url, target: "_blank", rel: "noreferrer", className: className }, content));
+    }
+    return (react_1.default.createElement("span", { "aria-disabled": disabled, className: className }, content));
+}
+exports.default = DiscordButton;
+//# sourceMappingURL=Button.js.map

package/dist/generator/renderers/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/generator/renderers/components/Button.tsx"],"names":[],"mappings":";;;;;AAUA,sCAwCC;AAlDD,kDAA0B;AAU1B,SAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAsB;IAChG,MAAM,SAAS,GAAG,iCAAiC,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IACvG,MAAM,OAAO,GAAG,CACd;QACG,KAAK,IAAI,CACR,wCAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE;YACpD,uCAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAI,CACxF,CACR;QACD,wCAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAG,QAAQ,CAAQ;QACxE,GAAG,IAAI,CAAC,QAAQ,IAAI,CACnB,wCAAM,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE;YACvE,uCAAK,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW;gBACvG,wCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,gHAAgH,GAClH;gBACF,wCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0IAA0I,GAC5I,CACE,CACD,CACR,CACA,CACJ,CAAC;IAEF,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QACrB,OAAO,CACL,qCAAG,IAAI,EAAE,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,EAAC,SAAS,EAAE,SAAS,IAChE,OAAO,CACN,CACL,CAAC;IACJ,CAAC;IAED,OAAO,CACL,yDAAqB,QAAQ,EAAE,SAAS,EAAE,SAAS,IAChD,OAAO,CACH,CACR,CAAC;AACJ,CAAC;AAED,kBAAe,aAAa,CAAC"}

package/dist/generator/renderers/components/Container.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare function DiscordContainer({ children, accentColor }: {
+    children: React.ReactNode;
+    accentColor?: number;
+}): React.JSX.Element;
+export default DiscordContainer;

package/dist/generator/renderers/components/Container.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+function DiscordContainer({ children, accentColor }) {
+    const accent = typeof accentColor === 'number' ? `#${accentColor.toString(16).padStart(6, '0')}` : '#5865f2';
+    return (react_1.default.createElement("div", { style: {
+            display: 'flex',
+            width: '100%',
+            maxWidth: '520px',
+            flexDirection: 'column',
+            backgroundColor: '#3f4248',
+            padding: '14px 14px 12px',
+            border: '1px solid #4f5359',
+            borderLeft: `4px solid ${accent}`,
+            marginTop: '2px',
+            marginBottom: '2px',
+            borderRadius: '8px',
+            gap: '8px',
+            boxSizing: 'border-box',
+        } }, children));
+}
+exports.default = DiscordContainer;
+//# sourceMappingURL=Container.js.map

package/dist/generator/renderers/components/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../src/generator/renderers/components/Container.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,SAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAuD;IACtG,MAAM,MAAM,GAAG,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAE7G,OAAO,CACL,uCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,OAAO;YACjB,aAAa,EAAE,QAAQ;YACvB,eAAe,EAAE,SAAS;YAC1B,OAAO,EAAE,gBAAgB;YACzB,MAAM,EAAE,mBAAmB;YAC3B,UAAU,EAAE,aAAa,MAAM,EAAE;YACjC,SAAS,EAAE,KAAK;YAChB,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,KAAK;YACnB,GAAG,EAAE,KAAK;YACV,SAAS,EAAE,YAAY;SACxB,IAEA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,gBAAgB,CAAC"}

package/dist/generator/renderers/components/Media Gallery.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { MediaGalleryComponent } from 'discord.js';
+declare function DiscordMediaGallery({ component }: {
+    component: MediaGalleryComponent;
+}): React.JSX.Element | null;
+export default DiscordMediaGallery;

package/dist/generator/renderers/components/Media Gallery.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("./utils");
+function DiscordMediaGallery({ component }) {
+    if (!component.items || component.items.length === 0) {
+        return null;
+    }
+    const count = component.items.length;
+    const imagesToShow = component.items.slice(0, 10);
+    const hasMore = component.items.length > 10;
+    return (react_1.default.createElement("div", { style: (0, utils_1.getGalleryLayout)(count) }, imagesToShow.map((media, idx) => (react_1.default.createElement("div", { key: idx, style: (0, utils_1.getImageStyle)(idx, count) },
+        react_1.default.createElement("img", { src: media.media.url, alt: media.description || 'Media content', style: {
+                width: '100%',
+                height: '100%',
+                objectFit: 'cover',
+                display: 'block',
+            } }),
+        hasMore && idx === imagesToShow.length - 1 && (react_1.default.createElement("div", { style: {
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                width: '100%',
+                height: '100%',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                backgroundColor: 'rgba(0, 0, 0, 0.7)',
+                color: 'white',
+                fontSize: '20px',
+                fontWeight: 'bold',
+            } },
+            "+",
+            component.items.length - 10)))))));
+}
+exports.default = DiscordMediaGallery;
+//# sourceMappingURL=Media%20Gallery.js.map

package/dist/generator/renderers/components/Media Gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Media Gallery.js","sourceRoot":"","sources":["../../../../src/generator/renderers/components/Media Gallery.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,mCAA0D;AAE1D,SAAS,mBAAmB,CAAC,EAAE,SAAS,EAAwC;IAC9E,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACrD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;IACrC,MAAM,YAAY,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;IAE5C,OAAO,CACL,uCAAK,KAAK,EAAE,IAAA,wBAAgB,EAAC,KAAK,CAAC,IAChC,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,uCAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAA,qBAAa,EAAC,GAAG,EAAE,KAAK,CAAC;QAC7C,uCACE,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,EACpB,GAAG,EAAE,KAAK,CAAC,WAAW,IAAI,eAAe,EACzC,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,OAAO;gBAClB,OAAO,EAAE,OAAO;aACjB,GACD;QACD,OAAO,IAAI,GAAG,KAAK,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAC7C,uCACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,CAAC;gBACN,IAAI,EAAE,CAAC;gBACP,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,eAAe,EAAE,oBAAoB;gBACrC,KAAK,EAAE,OAAO;gBACd,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,MAAM;aACnB;;YAEC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CACzB,CACP,CACG,CACP,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,mBAAmB,CAAC"}

package/dist/generator/renderers/components/Select Menu.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type MessageActionRowComponent, ComponentType } from 'discord.js';
+declare function DiscordSelectMenu({ component, disabled, }: {
+    component: Exclude<MessageActionRowComponent, {
+        type: ComponentType.Button;
+    }>;
+    disabled?: boolean;
+}): React.JSX.Element;
+export default DiscordSelectMenu;

package/dist/generator/renderers/components/Select Menu.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const discord_js_1 = require("discord.js");
+const utils_1 = require("../../../utils/utils");
+const utils_2 = require("./utils");
+function DiscordSelectMenu({ component, disabled = false, }) {
+    const isStringSelect = component.type === discord_js_1.ComponentType.StringSelect;
+    const placeholder = component.placeholder || (0, utils_2.getSelectTypeLabel)(component.type);
+    return (react_1.default.createElement("div", { className: `discord-select-menu${disabled ? ' discord-select-menu-disabled' : ''}` },
+        react_1.default.createElement("div", { style: { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, placeholder),
+        react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', marginLeft: '8px' } },
+            react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24" },
+                react_1.default.createElement("path", { fill: "currentColor", d: "M7 10L12 15L17 10H7Z" }))),
+        isStringSelect && component.options && component.options.length > 0 && (react_1.default.createElement("div", { style: {
+                display: 'none',
+                position: 'absolute',
+                top: '44px',
+                left: '0',
+                width: '100%',
+                backgroundColor: '#2b2d31',
+                borderRadius: '4px',
+                zIndex: 10,
+                border: '1px solid #1e1f22',
+                maxHeight: '320px',
+                overflowY: 'auto',
+            } }, component.options.map((option, idx) => (react_1.default.createElement("div", { key: idx, style: {
+                padding: '8px 12px',
+                cursor: 'pointer',
+                display: 'flex',
+                alignItems: 'center',
+                borderBottom: idx < component.options.length - 1 ? '1px solid #1e1f22' : 'none',
+            } },
+            option.emoji && react_1.default.createElement("span", { style: { marginRight: '8px' } }, (0, utils_1.parseDiscordEmoji)(option.emoji)),
+            react_1.default.createElement("span", null, option.label))))))));
+}
+exports.default = DiscordSelectMenu;
+//# sourceMappingURL=Select%20Menu.js.map

package/dist/generator/renderers/components/Select Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select Menu.js","sourceRoot":"","sources":["../../../../src/generator/renderers/components/Select Menu.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,2CAA2E;AAC3E,gDAAyD;AACzD,mCAA6C;AAE7C,SAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,QAAQ,GAAG,KAAK,GAIjB;IACC,MAAM,cAAc,GAAG,SAAS,CAAC,IAAI,KAAK,0BAAa,CAAC,YAAY,CAAC;IACrE,MAAM,WAAW,GAAG,SAAS,CAAC,WAAW,IAAI,IAAA,0BAAkB,EAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAEhF,OAAO,CACL,uCAAK,SAAS,EAAE,sBAAsB,QAAQ,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,EAAE,EAAE;QACrF,uCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAG,WAAW,CAAO;QACvG,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE;YACtE,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW;gBAC7C,wCAAM,IAAI,EAAC,cAAc,EAAC,CAAC,EAAC,sBAAsB,GAAG,CACjD,CACF;QACL,cAAc,IAAI,SAAS,CAAC,OAAO,IAAI,SAAS,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACtE,uCACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,MAAM;gBACX,IAAI,EAAE,GAAG;gBACT,KAAK,EAAE,MAAM;gBACb,eAAe,EAAE,SAAS;gBAC1B,YAAY,EAAE,KAAK;gBACnB,MAAM,EAAE,EAAE;gBACV,MAAM,EAAE,mBAAmB;gBAC3B,SAAS,EAAE,OAAO;gBAClB,SAAS,EAAE,MAAM;aAClB,IAEA,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CACtC,uCACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;gBACL,OAAO,EAAE,UAAU;gBACnB,MAAM,EAAE,SAAS;gBACjB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,YAAY,EAAE,GAAG,GAAG,SAAS,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM;aAChF;YAEA,MAAM,CAAC,KAAK,IAAI,wCAAM,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,IAAG,IAAA,yBAAiB,EAAC,MAAM,CAAC,KAAK,CAAC,CAAQ;YAC9F,4CAAO,MAAM,CAAC,KAAK,CAAQ,CACvB,CACP,CAAC,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,iBAAiB,CAAC"}

package/dist/generator/renderers/components/Spacing.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SeparatorSpacingSize } from 'discord.js';
+declare function DiscordSeparator({ divider, spacing }: {
+    divider: boolean;
+    spacing: SeparatorSpacingSize;
+}): React.JSX.Element;
+export default DiscordSeparator;

package/dist/generator/renderers/components/Spacing.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const discord_js_1 = require("discord.js");
+function DiscordSeparator({ divider, spacing }) {
+    const marginY = spacing === discord_js_1.SeparatorSpacingSize.Large ? '10px' : spacing === discord_js_1.SeparatorSpacingSize.Small ? '6px' : '2px';
+    return (react_1.default.createElement("div", { style: {
+            width: '100%',
+            height: divider ? '1px' : '0px',
+            backgroundColor: divider ? '#4f5359' : 'transparent',
+            margin: `${marginY} 0`,
+        } }));
+}
+exports.default = DiscordSeparator;
+//# sourceMappingURL=Spacing.js.map

package/dist/generator/renderers/components/Spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacing.js","sourceRoot":"","sources":["../../../../src/generator/renderers/components/Spacing.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,2CAAkD;AAElD,SAAS,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAuD;IACjG,MAAM,OAAO,GACX,OAAO,KAAK,iCAAoB,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,KAAK,iCAAoB,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3G,OAAO,CACL,uCACE,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;YAC/B,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa;YACpD,MAAM,EAAE,GAAG,OAAO,IAAI;SACvB,GACD,CACH,CAAC;AACJ,CAAC;AAED,kBAAe,gBAAgB,CAAC"}

package/dist/generator/renderers/components/Thumbnail.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare function DiscordThumbnail({ url }: {
+    url: string;
+}): React.JSX.Element;
+export default DiscordThumbnail;

package/dist/generator/renderers/components/Thumbnail.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+function DiscordThumbnail({ url }) {
+    return (react_1.default.createElement("img", { src: url, alt: "Thumbnail", style: {
+            width: '85px',
+            height: '85px',
+            objectFit: 'cover',
+            borderRadius: '8px',
+        } }));
+}
+exports.default = DiscordThumbnail;
+//# sourceMappingURL=Thumbnail.js.map

package/dist/generator/renderers/components/Thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumbnail.js","sourceRoot":"","sources":["../../../../src/generator/renderers/components/Thumbnail.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,SAAS,gBAAgB,CAAC,EAAE,GAAG,EAAmB;IAChD,OAAO,CACL,uCACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAC,WAAW,EACf,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,OAAO;YAClB,YAAY,EAAE,KAAK;SACpB,GACD,CACH,CAAC;AACJ,CAAC;AAED,kBAAe,gBAAgB,CAAC"}

package/dist/generator/renderers/components/section/Section.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ButtonComponent, ThumbnailComponent } from 'discord.js';
+interface DiscordSectionProps {
+    children: React.ReactNode;
+    accessory?: ButtonComponent | ThumbnailComponent;
+    id: number;
+}
+declare function DiscordSection({ children, accessory, id }: DiscordSectionProps): React.JSX.Element;
+export default DiscordSection;

package/dist/generator/renderers/components/section/Section.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const components_1 = require("../../components");
+const SectionContent_1 = __importDefault(require("./SectionContent"));
+const SectionAccessory_1 = __importDefault(require("./SectionAccessory"));
+function DiscordSection({ children, accessory, id }) {
+    return (react_1.default.createElement("div", { style: {
+            display: 'flex',
+            flexDirection: 'row',
+            width: '100%',
+            maxWidth: '500px',
+        } },
+        react_1.default.createElement(SectionContent_1.default, null, children),
+        react_1.default.createElement(SectionAccessory_1.default, null, accessory && react_1.default.createElement(components_1.Component, { component: accessory, id: id }))));
+}
+exports.default = DiscordSection;
+//# sourceMappingURL=Section.js.map

package/dist/generator/renderers/components/section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../../src/generator/renderers/components/section/Section.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,iDAA6C;AAC7C,sEAA8C;AAC9C,0EAAkD;AAQlD,SAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAuB;IACtE,OAAO,CACL,uCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,OAAO;SAClB;QAED,8BAAC,wBAAc,QAAE,QAAQ,CAAkB;QAC3C,8BAAC,0BAAgB,QAAE,SAAS,IAAI,8BAAC,sBAAS,IAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,GAAI,CAAoB,CAC3F,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,cAAc,CAAC"}

package/dist/generator/renderers/components/section/SectionAccessory.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface SectionAccessoryProps {
+    children?: React.ReactNode;
+}
+declare function SectionAccessory({ children }: SectionAccessoryProps): React.JSX.Element | null;
+export default SectionAccessory;

package/dist/generator/renderers/components/section/SectionAccessory.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+function SectionAccessory({ children }) {
+    if (!children)
+        return null;
+    return (react_1.default.createElement("div", { style: {
+            display: 'flex',
+            width: 'auto',
+            minWidth: '84px',
+            justifyContent: 'flex-end',
+            alignItems: 'flex-start',
+            marginLeft: '12px',
+            flexShrink: 0,
+        } }, children));
+}
+exports.default = SectionAccessory;
+//# sourceMappingURL=SectionAccessory.js.map

package/dist/generator/renderers/components/section/SectionAccessory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionAccessory.js","sourceRoot":"","sources":["../../../../../src/generator/renderers/components/section/SectionAccessory.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAM1B,SAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAyB;IAC3D,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAE3B,OAAO,CACL,uCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,MAAM;YAChB,cAAc,EAAE,UAAU;YAC1B,UAAU,EAAE,YAAY;YACxB,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,CAAC;SACd,IAEA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,gBAAgB,CAAC"}

package/dist/generator/renderers/components/section/SectionContent.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface SectionContentProps {
+    children: React.ReactNode;
+}
+declare function SectionContent({ children }: SectionContentProps): React.JSX.Element;
+export default SectionContent;

package/dist/generator/renderers/components/section/SectionContent.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+function SectionContent({ children }) {
+    return (react_1.default.createElement("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            width: '100%',
+            minWidth: 0,
+            gap: '6px',
+        } }, children));
+}
+exports.default = SectionContent;
+//# sourceMappingURL=SectionContent.js.map

package/dist/generator/renderers/components/section/SectionContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionContent.js","sourceRoot":"","sources":["../../../../../src/generator/renderers/components/section/SectionContent.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAM1B,SAAS,cAAc,CAAC,EAAE,QAAQ,EAAuB;IACvD,OAAO,CACL,uCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,CAAC;YACX,GAAG,EAAE,KAAK;SACX,IAEA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,cAAc,CAAC"}

package/dist/generator/renderers/components/styles.d.ts

@@ -0,0 +1,21 @@
+export declare const containerStyle: {
+    display: "grid";
+    gap: string;
+    width: string;
+    maxWidth: string;
+    borderRadius: string;
+    overflow: "hidden";
+};
+export declare const baseImageStyle: {
+    overflow: "hidden";
+    position: "relative";
+    background: string;
+};
+export declare const ButtonStyleMapping: {
+    readonly 1: "primary";
+    readonly 2: "secondary";
+    readonly 3: "success";
+    readonly 4: "destructive";
+    readonly 5: "secondary";
+};
+export declare const globalStyles = "\n  .discord-container {\n    display: grid;\n    gap: 4px;\n    width: 100%;\n    max-width: 500px;\n    border-radius: 8px;\n    overflow: hidden;\n  }\n\n  .discord-base-image {\n    overflow: hidden;\n    position: relative;\n    background: #2b2d31;\n  }\n\n  .discord-button {\n    color: #ffffff !important;\n    padding: 2px 16px;\n    border-radius: 8px;\n    text-decoration: none !important;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 14px;\n    font-weight: 500;\n    height: 32px;\n    min-height: 32px;\n    min-width: 60px;\n    cursor: pointer;\n    font-family: Whitney, \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    text-align: center;\n    box-sizing: border-box;\n    border: none;\n    outline: none;\n    transition: background-color 0.2s ease;\n  }\n\n  .discord-button-primary {\n    background-color: hsl(234.935 calc(1*85.556%) 64.706% /1);\n  }\n\n  .discord-button-secondary {\n    background-color: hsl(240 calc(1*4%) 60.784% /0.12156862745098039);\n  }\n\n  .discord-button-success {\n    background-color: hsl(145.97 calc(1*100%) 26.275% /1);\n  }\n\n  .discord-button-destructive {\n    background-color: hsl(355.636 calc(1*64.706%) 50% /1);\n  }\n\n  .discord-button-disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .discord-select-menu {\n    margin-top: 2px;\n    margin-bottom: 2px;\n    position: relative;\n    width: 100%;\n    max-width: 500px;\n    height: 40px;\n    background-color: #2b2d31;\n    border-radius: 4px;\n    color: #b5bac1;\n    cursor: pointer;\n    font-family: Whitney, \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    font-size: 14px;\n    display: flex;\n    align-items: center;\n    padding: 0 8px;\n    justify-content: space-between;\n    box-sizing: border-box;\n    border: 1px solid #1e1f22;\n  }\n\n  .discord-select-menu-disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n  }\n";

package/dist/generator/renderers/components/styles.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.globalStyles = exports.ButtonStyleMapping = exports.baseImageStyle = exports.containerStyle = void 0;
+const discord_js_1 = require("discord.js");
+// Container styles
+exports.containerStyle = {
+    display: 'grid',
+    gap: '4px',
+    width: '100%',
+    maxWidth: '500px',
+    borderRadius: '8px',
+    overflow: 'hidden',
+};
+// Base image style
+exports.baseImageStyle = {
+    overflow: 'hidden',
+    position: 'relative',
+    background: '#2b2d31',
+};
+// Button style mapping
+exports.ButtonStyleMapping = {
+    [discord_js_1.ButtonStyle.Primary]: 'primary',
+    [discord_js_1.ButtonStyle.Secondary]: 'secondary',
+    [discord_js_1.ButtonStyle.Success]: 'success',
+    [discord_js_1.ButtonStyle.Danger]: 'destructive',
+    [discord_js_1.ButtonStyle.Link]: 'secondary',
+};
+exports.globalStyles = `
+  .discord-container {
+    display: grid;
+    gap: 4px;
+    width: 100%;
+    max-width: 500px;
+    border-radius: 8px;
+    overflow: hidden;
+  }
+
+  .discord-base-image {
+    overflow: hidden;
+    position: relative;
+    background: #2b2d31;
+  }
+
+  .discord-button {
+    color: #ffffff !important;
+    padding: 2px 16px;
+    border-radius: 8px;
+    text-decoration: none !important;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 14px;
+    font-weight: 500;
+    height: 32px;
+    min-height: 32px;
+    min-width: 60px;
+    cursor: pointer;
+    font-family: Whitney, "Helvetica Neue", Helvetica, Arial, sans-serif;
+    text-align: center;
+    box-sizing: border-box;
+    border: none;
+    outline: none;
+    transition: background-color 0.2s ease;
+  }
+
+  .discord-button-primary {
+    background-color: hsl(234.935 calc(1*85.556%) 64.706% /1);
+  }
+
+  .discord-button-secondary {
+    background-color: hsl(240 calc(1*4%) 60.784% /0.12156862745098039);
+  }
+
+  .discord-button-success {
+    background-color: hsl(145.97 calc(1*100%) 26.275% /1);
+  }
+
+  .discord-button-destructive {
+    background-color: hsl(355.636 calc(1*64.706%) 50% /1);
+  }
+
+  .discord-button-disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+    pointer-events: none;
+  }
+
+  .discord-select-menu {
+    margin-top: 2px;
+    margin-bottom: 2px;
+    position: relative;
+    width: 100%;
+    max-width: 500px;
+    height: 40px;
+    background-color: #2b2d31;
+    border-radius: 4px;
+    color: #b5bac1;
+    cursor: pointer;
+    font-family: Whitney, "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+    padding: 0 8px;
+    justify-content: space-between;
+    box-sizing: border-box;
+    border: 1px solid #1e1f22;
+  }
+
+  .discord-select-menu-disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/generator/renderers/components/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/generator/renderers/components/styles.ts"],"names":[],"mappings":";;;AACA,2CAAyC;AAEzC,mBAAmB;AACN,QAAA,cAAc,GAAG;IAC5B,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,OAAO;IACjB,YAAY,EAAE,KAAK;IACnB,QAAQ,EAAE,QAAQ;CACK,CAAC;AAE1B,mBAAmB;AACN,QAAA,cAAc,GAAG;IAC5B,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,SAAS;CACE,CAAC;AAE1B,uBAAuB;AACV,QAAA,kBAAkB,GAAG;IAChC,CAAC,wBAAW,CAAC,OAAO,CAAC,EAAE,SAAS;IAChC,CAAC,wBAAW,CAAC,SAAS,CAAC,EAAE,WAAW;IACpC,CAAC,wBAAW,CAAC,OAAO,CAAC,EAAE,SAAS;IAChC,CAAC,wBAAW,CAAC,MAAM,CAAC,EAAE,aAAa;IACnC,CAAC,wBAAW,CAAC,IAAI,CAAC,EAAE,WAAW;CACvB,CAAC;AAEE,QAAA,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqF3B,CAAC"}

package/dist/generator/renderers/components/utils.d.ts

@@ -0,0 +1,42 @@
+import { ComponentType } from 'discord.js';
+export declare function getSelectTypeLabel(type: ComponentType): string;
+/**
+ * Gets the grid layout for media galleries based on count
+ */
+export declare function getGalleryLayout(count: number): {
+    gridTemplateColumns: string;
+    gridTemplateRows: string;
+    maxWidth: string;
+    display: "grid";
+    gap: string;
+    width: string;
+    borderRadius: string;
+    overflow: "hidden";
+};
+/**
+ * Gets the style for an individual image based on its position and total count
+ */
+export declare function getImageStyle(idx: number, count: number): {
+    overflow: "hidden";
+    position: "relative";
+    background: string;
+} | {
+    aspectRatio: string;
+    borderRadius: string;
+    overflow: "hidden";
+    position: "relative";
+    background: string;
+} | {
+    gridRow: string;
+    gridColumn: string;
+    aspectRatio: string;
+    overflow: "hidden";
+    position: "relative";
+    background: string;
+} | {
+    gridRow: string;
+    gridColumn: string;
+    overflow: "hidden";
+    position: "relative";
+    background: string;
+};