npm - slack-blocks-to-jsx - Versions diffs - 0.3.6 → 0.3.7 - Mend

slack-blocks-to-jsx 0.3.6 → 0.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.js CHANGED Viewed

@@ -1976,7 +1976,8 @@ var missing_emojis = {
   wavy_dash: "&#x3030-FE0F;",
   part_alternation_mark: "&#x303D-FE0F;",
   congratulations: "&#x3297-FE0F;",
-  secret: "&#x3299-FE0F;"
+  secret: "&#x3299-FE0F;",
+  thumbsup: "&#x1F44D;"
 };
 // src/utils/emojis/parser.ts
@@ -2118,25 +2119,38 @@ var date_token_to_label = (inputDate, formatString) => {
   }
 };
-// src/utils/markdown_parser/sub_elements/slack_broadcast.tsx
+// src/utils/markdown_parser/sub_elements/slack_emoji.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var SlackEmoji = (props) => {
+  const { element } = props;
+  const { hooks } = useGlobalData();
+  if (hooks.emoji) {
+    const custom_emoji = hooks.emoji(element.value);
+    if (custom_emoji !== "fallback")
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: custom_emoji });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "slack_emoji", children: parseEmojis(`:${element.value}:`) });
+};
+// src/utils/markdown_parser/sub_elements/slack_broadcast.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var SlackBroadcast = (props) => {
   const { element } = props;
   const { hooks } = useGlobalData();
   if (element.value === "here" && hooks.atHere)
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: hooks.atHere() });
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: hooks.atHere() });
   if (element.value === "everyone" && hooks.atEveryone)
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: hooks.atEveryone() });
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: hooks.atEveryone() });
   if (element.value === "channel" && hooks.atChannel)
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: hooks.atChannel() });
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "slack_broadcast", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: hooks.atChannel() });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "slack_broadcast", children: [
     "@",
     element.value
   ] });
 };
 // src/utils/markdown_parser/sub_elements/slack_channel_mention.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var SlackChannelMention = (props) => {
   const { element } = props;
   const { hooks, channels } = useGlobalData();
@@ -2144,15 +2158,15 @@ var SlackChannelMention = (props) => {
   const channel = channels.find((u) => u.id === channel_id || u.name === channel_id);
   const label = (channel == null ? void 0 : channel.name) || channel_id;
   if (hooks.channel)
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: hooks.channel(channel || { id: channel_id, name: label }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "slack_channel", "data-channel-id": (channel == null ? void 0 : channel.id) || channel_id, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: hooks.channel(channel || { id: channel_id, name: label }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "slack_channel", "data-channel-id": (channel == null ? void 0 : channel.id) || channel_id, children: [
     "#",
     label
   ] });
 };
 // src/utils/markdown_parser/sub_elements/slack_user_group_mention.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var SlackUserGroupMention = (props) => {
   const { element } = props;
   const { hooks, user_groups } = useGlobalData();
@@ -2160,173 +2174,183 @@ var SlackUserGroupMention = (props) => {
   const group = user_groups.find((u) => u.id === group_id || u.name === group_id);
   const label = (group == null ? void 0 : group.name) || group_id;
   if (hooks.usergroup)
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: hooks.usergroup(group || { id: group_id, name: label }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { "data-usergroup-id": (group == null ? void 0 : group.id) || group_id, className: "slack_user_group", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: hooks.usergroup(group || { id: group_id, name: label }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { "data-usergroup-id": (group == null ? void 0 : group.id) || group_id, className: "slack_user_group", children: [
     "@",
     label
   ] });
 };
 // src/utils/markdown_parser/sub_elements/slack_user_mention.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var SlackUserMention = (props) => {
   const { element } = props;
   const { hooks, users } = useGlobalData();
   const user_id = element.value;
   const user = users.find((u) => u.id === user_id || u.name === user_id);
   if (hooks.user)
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: hooks.user(user || { id: user_id, name: user_id }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: hooks.user(user || { id: user_id, name: user_id }) });
   const label = (user == null ? void 0 : user.name) || user_id;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "slack_user", "data-user-id": (user == null ? void 0 : user.id) || user_id, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "slack_user", "data-user-id": (user == null ? void 0 : user.id) || user_id, children: [
     "@",
     label
   ] });
 };
 // src/utils/markdown_parser/sub_elements/text.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var Text = (props) => {
   const { element } = props;
   if (!element.value)
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: element.value });
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: element.value });
   if (element.value === " ")
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "\xA0" });
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: element.value.split("[[DOUBLE_LINE_BREAK]]").map((line, index) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
-      index > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "slack_blocks_to_jsx__line_break_not_first" }),
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: "\xA0" });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: element.value.split("[[DOUBLE_LINE_BREAK]]").map((line, index) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+      index > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "slack_blocks_to_jsx__line_break_not_first" }),
       line
     ] }, index);
   }) });
 };
 // src/utils/markdown_parser/sub_elements/strong.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var Strong = (props) => {
   const { element } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("strong", { children: element.children.map((child, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("strong", { children: element.children.map((child, i) => {
     if (child.type === "delete")
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Delete, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Delete, { element: child }, i);
     if (child.type === "slack_user_mention")
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SlackUserMention, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SlackUserMention, { element: child }, i);
     if (child.type === "slack_channel_mention")
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SlackChannelMention, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SlackChannelMention, { element: child }, i);
     if (child.type === "slack_user_group_mention")
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SlackUserGroupMention, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SlackUserGroupMention, { element: child }, i);
     if (child.type === "slack_broadcast")
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SlackBroadcast, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SlackBroadcast, { element: child }, i);
     if (child.type === "slack_date")
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SlackDate, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SlackDate, { element: child }, i);
     if (child.type === "emphasis")
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Emphasis, { element: child }, i);
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Emphasis, { element: child }, i);
+    if (child.type === "slack_emoji")
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SlackEmoji, { element: child }, i);
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { element: child }, i);
   }) });
 };
 // src/utils/markdown_parser/sub_elements/delete.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var Delete = (props) => {
   const { element } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("s", { children: element.children.map((child, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("s", { children: element.children.map((child, i) => {
     if (child.type === "slack_date")
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SlackDate, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SlackDate, { element: child }, i);
     if (child.type === "strong")
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Strong, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Strong, { element: child }, i);
     if (child.type === "emphasis")
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Emphasis, { element: child }, i);
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Emphasis, { element: child }, i);
+    if (child.type === "slack_emoji")
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SlackEmoji, { element: child }, i);
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { element: child }, i);
   }) });
 };
 // src/utils/markdown_parser/sub_elements/emphasis.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var Emphasis = (props) => {
   const { element } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("em", { children: element.children.map((child, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("em", { children: element.children.map((child, i) => {
     if (child.type === "delete")
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Delete, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Delete, { element: child }, i);
     if (child.type === "slack_user_mention")
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SlackUserMention, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SlackUserMention, { element: child }, i);
     if (child.type === "slack_channel_mention")
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SlackChannelMention, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SlackChannelMention, { element: child }, i);
     if (child.type === "slack_user_group_mention")
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SlackUserGroupMention, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SlackUserGroupMention, { element: child }, i);
     if (child.type === "slack_broadcast")
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SlackBroadcast, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SlackBroadcast, { element: child }, i);
     if (child.type === "slack_date")
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SlackDate, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SlackDate, { element: child }, i);
     if (child.type === "strong")
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Strong, { element: child }, i);
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Strong, { element: child }, i);
+    if (child.type === "slack_emoji")
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SlackEmoji, { element: child }, i);
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { element: child }, i);
   }) });
 };
 // src/utils/markdown_parser/sub_elements/inline_code.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var InlineCode = (props) => {
   const { element } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("code", { className: "slack_code_inline", children: element.value });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("code", { className: "slack_code_inline", children: element.value });
 };
 // src/utils/markdown_parser/sub_elements/link.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var Link = (props) => {
   const { element } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("a", { href: element.url, className: "slack_link", children: element.children.map((child, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("a", { href: element.url, className: "slack_link", children: element.children.map((child, i) => {
     if (child.type === "delete")
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Delete, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Delete, { element: child }, i);
     if (child.type === "emphasis")
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Emphasis, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Emphasis, { element: child }, i);
     if (child.type === "strong")
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Strong, { element: child }, i);
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Strong, { element: child }, i);
+    if (child.type === "slack_emoji")
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SlackEmoji, { element: child }, i);
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { element: child }, i);
   }) });
 };
 // src/utils/markdown_parser/elements/paragraph.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var Paragraph = (props) => {
   const { element } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: element.children.map((subelement, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: element.children.map((subelement, i) => {
     if (subelement.type === "text")
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { element: subelement }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text, { element: subelement }, i);
     if (subelement.type === "emphasis")
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Emphasis, { element: subelement }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Emphasis, { element: subelement }, i);
     if (subelement.type === "inlineCode")
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(InlineCode, { element: subelement }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(InlineCode, { element: subelement }, i);
     if (subelement.type === "delete")
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Delete, { element: subelement }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Delete, { element: subelement }, i);
     if (subelement.type === "strong")
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Strong, { element: subelement }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Strong, { element: subelement }, i);
     if (subelement.type === "link")
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Link, { element: subelement }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Link, { element: subelement }, i);
     if (subelement.type === "slack_user_mention")
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SlackUserMention, { element: subelement }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SlackUserMention, { element: subelement }, i);
     if (subelement.type === "slack_channel_mention")
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SlackChannelMention, { element: subelement }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SlackChannelMention, { element: subelement }, i);
     if (subelement.type === "slack_user_group_mention")
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SlackUserGroupMention, { element: subelement }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SlackUserGroupMention, { element: subelement }, i);
     if (subelement.type === "slack_broadcast")
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SlackBroadcast, { element: subelement }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SlackBroadcast, { element: subelement }, i);
     if (subelement.type === "slack_date")
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SlackDate, { element: subelement }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SlackDate, { element: subelement }, i);
+    if (subelement.type === "slack_emoji")
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SlackEmoji, { element: subelement }, i);
     return null;
   }) });
 };
 // src/utils/markdown_parser/elements/blockquote.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var Blockquote = (props) => {
   const { element } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: element.children.map((para) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Paragraph, { element: para });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children: element.children.map((para) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Paragraph, { element: para });
   }) });
 };
 // src/utils/markdown_parser/elements/code.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var Code = (props) => {
   const { element } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("code", { className: "slack_code", children: element.value });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("code", { className: "slack_code", children: element.value });
 };
 // src/utils/markdown_parser/tokenizers/slack_user_mention/tokenizer.ts
@@ -2865,19 +2889,19 @@ var parse5 = function(api) {
       const nodePoints = api.getNodePoints();
       const fullString = (0, import_character10.calcStringFromNodePoints)(nodePoints, token.startIndex, token.endIndex);
       const datePattern = /<!date\^(\d+)\^([^\^]*)\^?([^\|]*)\|([^>]*)>/;
-      const match6 = datePattern.exec(fullString);
+      const match7 = datePattern.exec(fullString);
       let value = {
         timestamp: "",
         tokenString: "",
         optionalLink: "",
         fallbackText: ""
       };
-      if (match6) {
+      if (match7) {
         value = {
-          timestamp: match6[1],
-          tokenString: match6[2],
-          optionalLink: match6[3],
-          fallbackText: match6[4]
+          timestamp: match7[1],
+          tokenString: match7[2],
+          optionalLink: match7[3],
+          fallbackText: match7[4]
         };
       }
       const node = api.shouldReservePosition ? { type: SlackDateType, position: api.calcPosition(token), value } : { type: SlackDateType, value };
@@ -2898,9 +2922,115 @@ var SlackDateTokenizer = class extends import_core_tokenizer8.BaseInlineTokenize
   }
 };
+// src/utils/markdown_parser/tokenizers/slack_emoji/tokenizer.ts
+var import_core_tokenizer9 = require("@yozora/core-tokenizer");
+// src/utils/markdown_parser/tokenizers/slack_emoji/match.ts
+var import_character11 = require("@yozora/character");
+// src/utils/markdown_parser/tokenizers/slack_emoji/types.ts
+var SlackEmojiType = "slack_emoji";
+// src/utils/markdown_parser/tokenizers/slack_emoji/match.ts
+var match6 = function(api) {
+  return { findDelimiter, processSingleDelimiter };
+  function* findDelimiter() {
+    var _a;
+    const nodePoints = api.getNodePoints();
+    const blockStartIndex = api.getBlockStartIndex();
+    const blockEndIndex = api.getBlockEndIndex();
+    const potentialDelimiters = [];
+    for (let i = blockStartIndex; i < blockEndIndex; ++i) {
+      if (((_a = nodePoints[i]) == null ? void 0 : _a.codePoint) === import_character11.AsciiCodePoint.COLON) {
+        const endIndex = findEndDelimiter(nodePoints, i, blockEndIndex);
+        if (endIndex !== -1) {
+          potentialDelimiters.push({
+            type: "both",
+            startIndex: i,
+            endIndex: endIndex + 1,
+            thickness: endIndex + 1 - i
+          });
+          i = endIndex;
+        }
+      }
+    }
+    let pIndex = 0;
+    let lastEndIndex = -1;
+    let currentDelimiter = null;
+    while (pIndex < potentialDelimiters.length) {
+      const [startIndex, endIndex] = yield currentDelimiter;
+      if (lastEndIndex === endIndex) {
+        if (currentDelimiter == null || currentDelimiter.startIndex >= startIndex)
+          continue;
+      }
+      lastEndIndex = endIndex;
+      for (; pIndex < potentialDelimiters.length; ++pIndex) {
+        const delimiter = potentialDelimiters[pIndex];
+        if (delimiter.startIndex >= startIndex) {
+          currentDelimiter = {
+            type: "full",
+            startIndex: delimiter.startIndex,
+            endIndex: delimiter.endIndex,
+            thickness: delimiter.thickness
+          };
+          break;
+        }
+      }
+    }
+  }
+  function findEndDelimiter(nodePoints, startIndex, blockEndIndex) {
+    var _a;
+    for (let i = startIndex + 1; i < blockEndIndex; ++i) {
+      if (((_a = nodePoints[i]) == null ? void 0 : _a.codePoint) === import_character11.AsciiCodePoint.COLON) {
+        return i;
+      }
+    }
+    return -1;
+  }
+  function processSingleDelimiter(delimiter) {
+    const token = {
+      nodeType: SlackEmojiType,
+      startIndex: delimiter.startIndex,
+      endIndex: delimiter.endIndex,
+      thickness: delimiter.thickness
+    };
+    return [token];
+  }
+};
+// src/utils/markdown_parser/tokenizers/slack_emoji/parse.ts
+var import_character12 = require("@yozora/character");
+var parse6 = function(api) {
+  return {
+    parse: (tokens) => tokens.map((token) => {
+      const nodePoints = api.getNodePoints();
+      const fullString = (0, import_character12.calcStringFromNodePoints)(nodePoints, token.startIndex, token.endIndex);
+      const emojiPattern = /^:(\w+):$/;
+      const match7 = emojiPattern.exec(fullString);
+      let value = fullString;
+      if (match7)
+        value = match7[1];
+      const node = api.shouldReservePosition ? { type: SlackEmojiType, position: api.calcPosition(token), value } : { type: SlackEmojiType, value };
+      return node;
+    })
+  };
+};
+// src/utils/markdown_parser/tokenizers/slack_emoji/tokenizer.ts
+var SlackEmojiTokenizer = class extends import_core_tokenizer9.BaseInlineTokenizer {
+  constructor(props = {}) {
+    super({
+      name: SlackEmojiType,
+      priority: props.priority || import_core_tokenizer9.TokenizerPriority.ATOMIC
+    });
+    this.match = match6;
+    this.parse = parse6;
+  }
+};
 // src/utils/markdown_parser/parser.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var parser = new import_parser.default().unmountTokenizer("@yozora/tokenizer-list").useTokenizer(new SlackUserMentionTokenizer()).useTokenizer(new SlackChannelMentionTokenizer()).useTokenizer(new SlackUserGroupMentionTokenizer()).useTokenizer(new SlackBroadcastTokenizer()).useTokenizer(new SlackDateTokenizer());
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var parser = new import_parser.default().unmountTokenizer("@yozora/tokenizer-list").useTokenizer(new SlackUserMentionTokenizer()).useTokenizer(new SlackChannelMentionTokenizer()).useTokenizer(new SlackUserGroupMentionTokenizer()).useTokenizer(new SlackBroadcastTokenizer()).useTokenizer(new SlackDateTokenizer()).useTokenizer(new SlackEmojiTokenizer());
 var markdown_parser = (markdown, options) => {
   if (!markdown)
     return null;
@@ -2917,13 +3047,13 @@ var markdown_parser = (markdown, options) => {
   text_string = text_string.replace(/<!channel>/g, "@channel");
   const parsed_data = parser.parse(text_string);
   const elements = parsed_data.children;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { children: elements.map((element, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children: elements.map((element, i) => {
     if (element.type === "paragraph")
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Paragraph, { element }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Paragraph, { element }, i);
     if (element.type === "blockquote")
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Blockquote, { element }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Blockquote, { element }, i);
     if (element.type === "code")
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Code, { element }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Code, { element }, i);
     return null;
   }) });
 };
@@ -2978,21 +3108,21 @@ var is_accessory_stacked = (element) => {
 };
 // src/header.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var Header = (props) => {
   const { name, time } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex gap-[5px] items-center w-full slack_blocks_to_jsx--header", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h3", { className: "font-black text-[15px]", children: name }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "h-[14px] w-[27px] leading-[12.5px] py-[1px] px-[3px] uppercase text-[10px]  text-black-primary/[0.7] bg-black-primary/[0.13] font-semibold rounded-[2px] text-center", children: "APP" }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "text-xs text-black-secondary uppercase leading-[17.6px]", children: dateToTime(time) })
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex gap-[5px] items-center w-full slack_blocks_to_jsx--header", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h3", { className: "font-black text-[15px]", children: name }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "h-[14px] w-[27px] leading-[12.5px] py-[1px] px-[3px] uppercase text-[10px]  text-black-primary/[0.7] bg-black-primary/[0.13] font-semibold rounded-[2px] text-center", children: "APP" }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-xs text-black-secondary uppercase leading-[17.6px]", children: dateToTime(time) })
   ] });
 };
 // src/components/elements/image_element.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var ImageElement = (props) => {
   const { alt_text, image_url } = props.data;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "img",
     {
       src: image_url,
@@ -3003,23 +3133,22 @@ var ImageElement = (props) => {
 };
 // src/components/composition_objects/text_object.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var TextObject = (props) => {
   const { type, text, emoji, verbatim = false } = props.data;
   const { className = "" } = props;
   const { channels, users, hooks } = useGlobalData();
-  let emoji_parsed = type == "mrkdwn" ? hooks.emoji ? hooks.emoji(text) : parseEmojis(text) : emoji === false ? text : hooks.emoji ? hooks.emoji(text) : parseEmojis(text);
-  emoji_parsed = emoji_parsed.replace(/&gt;/g, "> ").replace(/&lt;/g, "<");
+  const parsed = text.replace(/&gt;/g, "> ").replace(/&lt;/g, "<");
   if (type === "plain_text")
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className, children: markdown_parser(emoji_parsed, { markdown: false, users, channels, hooks }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className, children: markdown_parser(emoji_parsed, { markdown: true, users, channels, hooks }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className, children: markdown_parser(parsed, { markdown: false, users, channels, hooks }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className, children: markdown_parser(parsed, { markdown: true, users, channels, hooks }) });
 };
 // src/components/elements/button_element.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var ButtonElement = (props) => {
   const { text, action_id, url, style, accessibility_label } = props.data;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "button",
     {
       type: "button",
@@ -3031,14 +3160,14 @@ var ButtonElement = (props) => {
           window.open(url, "_blank");
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TextObject, { data: text })
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TextObject, { data: text })
     }
   );
 };
 // src/components/elements/static_select_element.tsx
 var import_react = require("react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var StaticSelectElement = (props) => {
   const {
     action_id,
@@ -3073,20 +3202,20 @@ var StaticSelectElement = (props) => {
     const results = option.text.text.toLowerCase().includes(search.toLowerCase());
     return results;
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "div",
     {
       id: action_id,
       className: "py-1 px-2 h-7 min-h-[28px] relative flex items-center justify-between rounded text-small w-[190px] border border-black-primary.3",
       tabIndex: 0,
       children: [
-        visible && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        visible && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           "div",
           {
             className: "absolute top-[24px] -left-3 bg-white-secondary border border-gray-primary rounded-[6px] shadow-custom_shadow-1 w-[322px] max-w-[322px] max-h-[240px] overflow-auto py-3 z-20",
             id: "static_select_popup",
-            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex flex-col", children: filteredOptions.map((option, i) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex flex-col", children: filteredOptions.map((option, i) => {
+              return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 "div",
                 {
                   className: "h-7 px-6 flex items-center select-none cursor-pointer hover:bg-blue-primary hover:text-white-primary",
@@ -3095,14 +3224,14 @@ var StaticSelectElement = (props) => {
                     setVisible(false);
                     setSelected(option.value);
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TextObject, { data: option.text })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TextObject, { data: option.text })
                 },
                 i
               );
             }) })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           "input",
           {
             type: "text",
@@ -3113,7 +3242,7 @@ var StaticSelectElement = (props) => {
             "aria-label": "Select an item"
           }
         ),
-        !search && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "absolute w-full h-full pointer-events-none flex items-center text-black-primary.3", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        !search && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "absolute w-full h-full pointer-events-none flex items-center text-black-primary.3", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           TextObject,
           {
             data: placeholder != null ? placeholder : {
@@ -3122,7 +3251,7 @@ var StaticSelectElement = (props) => {
             }
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           "button",
           {
             type: "button",
@@ -3131,7 +3260,7 @@ var StaticSelectElement = (props) => {
             onClick: () => {
               setVisible((prev) => !prev);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -3140,7 +3269,7 @@ var StaticSelectElement = (props) => {
                 strokeWidth: "3",
                 stroke: "currentColor",
                 className: "w-3 h-3",
-                children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" })
               }
             )
           }
@@ -3152,7 +3281,7 @@ var StaticSelectElement = (props) => {
 // src/components/elements/checkboxes_element.tsx
 var import_react2 = require("react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var CheckboxesElement = (props) => {
   const { action_id, options, focus_on_load, initial_options } = props.data;
   const [selected, setSelected] = (0, import_react2.useState)(
@@ -3166,15 +3295,15 @@ var CheckboxesElement = (props) => {
       input_ref.current.focus();
     }
   }, [focus_on_load]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { id: action_id, className: "my-1 flex w-full slack_blocks_to_jsx__checkboxes_element", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("fieldset", { className: "flex flex-col gap-2", children: options.map((option, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { id: action_id, className: "my-1 flex w-full slack_blocks_to_jsx__checkboxes_element", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("fieldset", { className: "flex flex-col gap-2", children: options.map((option, i) => {
     const { text, value, description } = option;
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
       "label",
       {
         className: "flex cursor-pointer items-baseline gap-3 select-none",
         htmlFor: `checkboxes-${action_id}-value-${value}-${i}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
             "input",
             {
               type: "checkbox",
@@ -3190,9 +3319,9 @@ var CheckboxesElement = (props) => {
               }
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TextObject, { data: text }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TextObject, { className: "text-black-secondary", data: description })
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TextObject, { data: text }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TextObject, { className: "text-black-secondary", data: description })
           ] })
         ]
       }
@@ -3202,7 +3331,7 @@ var CheckboxesElement = (props) => {
 // src/components/elements/plain_text_input.tsx
 var import_react3 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var PlaintTextInput = (props) => {
   const {
     action_id,
@@ -3230,15 +3359,15 @@ var PlaintTextInput = (props) => {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "div",
     {
       id: action_id,
       className: "relative text-small w-full slack_blocks_to_jsx__plain_text_input_element",
       tabIndex: 0,
       children: [
-        !value && placeholder && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "absolute left-2 top-2 text-black-primary.3", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TextObject, { data: placeholder }) }),
-        !value && !placeholder && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "absolute left-2 top-2 text-black-primary.3", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        !value && placeholder && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute left-2 top-2 text-black-primary.3", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TextObject, { data: placeholder }) }),
+        !value && !placeholder && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute left-2 top-2 text-black-primary.3", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           TextObject,
           {
             data: {
@@ -3247,7 +3376,7 @@ var PlaintTextInput = (props) => {
             }
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "textarea",
           {
             value,
@@ -3270,7 +3399,7 @@ var PlaintTextInput = (props) => {
 // src/components/elements/users_select_element.tsx
 var import_react4 = require("react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var UsersSelectElement = (props) => {
   const { action_id, focus_on_load, placeholder, type, confirm, initial_user, people } = props.data;
   const [visible, setVisible] = (0, import_react4.useState)(focus_on_load || false);
@@ -3295,20 +3424,20 @@ var UsersSelectElement = (props) => {
     const name = person.name.toLowerCase();
     return name.includes(search_query);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "div",
     {
       id: action_id,
       className: "py-1 px-2 h-7 min-h-[28px] relative flex items-center justify-between rounded text-small w-[190px] border border-black-primary.3 slack_blocks_to_jsx__users_select_element",
       tabIndex: 0,
       children: [
-        visible && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        visible && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           "div",
           {
             className: "absolute top-[24px] -left-3 bg-white-secondary border border-gray-primary rounded-[6px] shadow-custom_shadow-1 w-[322px] max-w-[322px] max-h-[240px] overflow-auto py-3 z-20",
             id: "static_select_popup",
-            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex flex-col", children: filteredOptions.map((option, i) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex flex-col", children: filteredOptions.map((option, i) => {
+              return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
                 "button",
                 {
                   className: "h-7 px-6 flex group items-center gap-2 select-none cursor-pointer hover:bg-blue-primary hover:text-white-primary",
@@ -3319,7 +3448,7 @@ var UsersSelectElement = (props) => {
                     setSelected(option.id);
                   },
                   children: [
-                    option.image && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                    option.image && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                       "img",
                       {
                         src: option.image,
@@ -3327,8 +3456,8 @@ var UsersSelectElement = (props) => {
                         className: "w-5 h-5 rounded-md overflow-hidden"
                       }
                     ),
-                    !option.image && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-5 h-5 rounded-md overflow-hidden bg-gray-300 text-black-primary font-semibold flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: option.name[0] || "" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                    !option.image && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "w-5 h-5 rounded-md overflow-hidden bg-gray-300 text-black-primary font-semibold flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: option.name[0] || "" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                       TextObject,
                       {
                         data: {
@@ -3337,17 +3466,17 @@ var UsersSelectElement = (props) => {
                         }
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "relative", children: [
-                      option.online && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "relative", children: [
+                      option.online && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                         "div",
                         {
                           className: `bg-green-secondary w-[9px] h-[9px] rounded-full shrink-0`
                         }
                       ),
-                      !option.online && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-[9px] h-[9px] rounded-full border-[1.5px] shrink-0 border-black-secondary group-hover:border-white-primary" }),
-                      option.sleeping && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute -top-[5px] -right-[5px] h-[10px] w-[10px] rounded-full bg-white-secondary flex justify-center z-[10] text-[8px] leading-[8px] font-semibold group-hover:bg-blue-primary", children: "z" })
+                      !option.online && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "w-[9px] h-[9px] rounded-full border-[1.5px] shrink-0 border-black-secondary group-hover:border-white-primary" }),
+                      option.sleeping && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute -top-[5px] -right-[5px] h-[10px] w-[10px] rounded-full bg-white-secondary flex justify-center z-[10] text-[8px] leading-[8px] font-semibold group-hover:bg-blue-primary", children: "z" })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "text-black-primary group-hover:text-white-primary", children: option.name })
+                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "text-black-primary group-hover:text-white-primary", children: option.name })
                   ]
                 },
                 i
@@ -3355,7 +3484,7 @@ var UsersSelectElement = (props) => {
             }) })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           "input",
           {
             type: "text",
@@ -3367,7 +3496,7 @@ var UsersSelectElement = (props) => {
             "aria-label": "Select an item"
           }
         ),
-        !search && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute w-full h-full pointer-events-none flex items-center text-black-primary.3", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        !search && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute w-full h-full pointer-events-none flex items-center text-black-primary.3", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           TextObject,
           {
             data: placeholder != null ? placeholder : {
@@ -3376,7 +3505,7 @@ var UsersSelectElement = (props) => {
             }
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           "button",
           {
             type: "button",
@@ -3385,7 +3514,7 @@ var UsersSelectElement = (props) => {
             onClick: () => {
               setVisible((prev) => !prev);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -3394,7 +3523,7 @@ var UsersSelectElement = (props) => {
                 strokeWidth: "3",
                 stroke: "currentColor",
                 className: "w-3 h-3",
-                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" })
               }
             )
           }
@@ -3405,52 +3534,52 @@ var UsersSelectElement = (props) => {
 };
 // src/components/blocks/actions.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var Actions = (props) => {
   const { elements, block_id } = props.data;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "div",
     {
       id: block_id,
       className: "mb-2 text-primary flex w-full text-black-primary items-center slack_blocks_to_jsx__actions",
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex flex-wrap", children: elements.map((element, i) => {
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex flex-wrap", children: elements.map((element, i) => {
         if (element.type === "button") {
-          return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mt-2 mr-2", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ButtonElement, { data: element }) }, i);
+          return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mt-2 mr-2", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ButtonElement, { data: element }) }, i);
         }
         if (element.type === "static_select") {
-          return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mt-2 mr-2", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StaticSelectElement, { data: element }) }, i);
+          return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mt-2 mr-2", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(StaticSelectElement, { data: element }) }, i);
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mt-2 mr-2" }, i);
+        return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mt-2 mr-2" }, i);
       }) })
     }
   );
 };
 // src/components/blocks/context.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var Context = (props) => {
   const { elements, block_id } = props.data;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
       id: block_id,
       className: "my-1 text-primary flex w-full text-black-primary flex-wrap items-center overflow-hidden slack_blocks_to_jsx__context",
       children: elements.slice(0, 10).map((element, i) => {
         if (element.type !== "image") {
-          return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-black-secondary text-small pr-3 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TextObject, { data: element }) }, i);
+          return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-black-secondary text-small pr-3 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TextObject, { data: element }) }, i);
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ImageElement, { data: element }) }, i);
+        return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ImageElement, { data: element }) }, i);
       })
     }
   );
 };
 // src/components/blocks/divider.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var Divider = (props) => {
   const { data } = props;
   const { block_id } = data;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     {
       id: block_id,
@@ -3466,31 +3595,31 @@ var File = (props) => {
 };
 // src/components/blocks/header.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var Header2 = (props) => {
   const { text, block_id } = props.data;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { id: block_id, className: "mt-1 slack_blocks_to_jsx__header", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h3", { className: "text-header font-bold slack_blocks_to_jsx__header_heading", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TextObject, { data: text }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { id: block_id, className: "mt-1 slack_blocks_to_jsx__header", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h3", { className: "text-header font-bold slack_blocks_to_jsx__header_heading", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TextObject, { data: text }) }) });
 };
 // src/components/blocks/image.tsx
 var import_react5 = require("react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var Image = (props) => {
   const { block_id, alt_text, image_url, image_bytes, image_height, image_width } = props.data;
   const [showImage, setShowImage] = (0, import_react5.useState)(true);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { id: block_id, className: "my-2 flex flex-col gap-2 slack_blocks_to_jsx__image", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "text-black-secondary text-small flex gap-1 items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { id: block_id, className: "my-2 flex flex-col gap-2 slack_blocks_to_jsx__image", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "text-black-secondary text-small flex gap-1 items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { children: [
         alt_text,
         image_bytes && ` (${Math.round(image_bytes / 1e3)} kB)`
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         "button",
         {
           type: "button",
           className: "w-[15px] h-[15px]",
           onClick: () => setShowImage((prev) => !prev),
-          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -3506,7 +3635,7 @@ var Image = (props) => {
               style: {
                 transform: showImage ? "rotate(0deg)" : "rotate(-90deg)"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                 "path",
                 {
                   fill: "currentColor",
@@ -3519,7 +3648,7 @@ var Image = (props) => {
         }
       )
     ] }),
-    showImage && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "rounded-md overflow-hidden relative max-w-max", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    showImage && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "rounded-md overflow-hidden relative max-w-max", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       "img",
       {
         src: image_url,
@@ -3534,17 +3663,17 @@ var Image = (props) => {
 };
 // src/components/blocks/input.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var Input = (props) => {
   const { element: given_element, label, block_id, hint, optional, type } = props.data;
   const element = given_element ? getElementComponent(given_element) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     {
       id: block_id,
       className: `mt-2 mb-1 text-primary slack_blocks_to_jsx__input flex w-full text-black-primary`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "grow", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "grow", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           TextObject,
           {
             data: {
@@ -3555,11 +3684,11 @@ var Input = (props) => {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "mb-1 flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "relative shrink-0", children: element }),
-          (hint || given_element.type === "plain_text_input") && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "text-black-secondary text-small flex gap-1", children: [
-            hint && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "inline", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TextObject, { data: hint }) }),
-            given_element.type === "plain_text_input" && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { children: "\u21B5 Please 'enter' to submit" })
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "mb-1 flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "relative shrink-0", children: element }),
+          (hint || given_element.type === "plain_text_input") && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "text-black-secondary text-small flex gap-1", children: [
+            hint && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "inline", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TextObject, { data: hint }) }),
+            given_element.type === "plain_text_input" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { children: "\u21B5 Please 'enter' to submit" })
           ] })
         ] })
       ] }) })
@@ -3568,27 +3697,27 @@ var Input = (props) => {
 };
 // src/components/blocks/rich_text/rich_text_list_wrapper.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var RichTextListWrapper = (props) => {
   const _a = props, { element, children } = _a, rest = __objRest(_a, ["element", "children"]);
   if (element.style === "bullet") {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("ul", __spreadProps(__spreadValues({}, rest), { children }));
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("ul", __spreadProps(__spreadValues({}, rest), { children }));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("ol", __spreadProps(__spreadValues({}, rest), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("ol", __spreadProps(__spreadValues({}, rest), { children }));
 };
 // src/components/blocks/rich_text/rich_text_section_broadcast.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var RichTextSectionBroadcast = (props) => {
   const { range, style } = props;
   const { hooks } = useGlobalData();
   if (range === "channel" && hooks.atChannel)
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: hooks.atChannel() });
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: hooks.atChannel() });
   if (range === "everyone" && hooks.atEveryone)
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: hooks.atEveryone() });
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: hooks.atEveryone() });
   if (range === "here" && hooks.atHere)
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: hooks.atHere() });
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: hooks.atHere() });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "span",
     {
       className: `
@@ -3607,15 +3736,15 @@ var RichTextSectionBroadcast = (props) => {
 };
 // src/components/blocks/rich_text/rich_text_section_channel.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var RichTextSectionChannel = (props) => {
   const { channel_id, style } = props;
   const { channels, hooks } = useGlobalData();
   const channel = channels.find((u) => u.id === channel_id || u.name === channel_id);
   const label = (channel == null ? void 0 : channel.name) || channel_id;
   if (hooks.channel)
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: hooks.channel(channel || { id: channel_id, name: label }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: hooks.channel(channel || { id: channel_id, name: label }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "span",
     {
       "data-channel-id": (channel == null ? void 0 : channel.id) || channel_id,
@@ -3635,23 +3764,29 @@ var RichTextSectionChannel = (props) => {
 };
 // src/components/blocks/rich_text/rich_text_section_emoji.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var RichTextSectionEmoji = (props) => {
   const { name } = props;
   const { hooks } = useGlobalData();
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "slack_blocks_to_jsx__rich_text_section_element_emoji", children: hooks.emoji ? hooks.emoji(name) : parseEmojis(`:${name}:`) });
+  if (hooks.emoji) {
+    const custom_emoji = hooks.emoji(name);
+    if (custom_emoji !== "fallback") {
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "slack_blocks_to_jsx__rich_text_section_element_emoji", children: custom_emoji });
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "slack_blocks_to_jsx__rich_text_section_element_emoji", children: parseEmojis(`:${name}:`) });
 };
 // src/components/blocks/rich_text/rich_text_section_user.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var RichTextSectionUser = (props) => {
   const { user_id, style } = props;
   const { users, hooks } = useGlobalData();
   const user = users.find((u) => u.id === user_id || u.name === user_id);
   const label = (user == null ? void 0 : user.name) || user_id;
   if (hooks.user)
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, { children: hooks.user(user || { id: user_id, name: label }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children: hooks.user(user || { id: user_id, name: label }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     "span",
     {
       "data-user-id": (user == null ? void 0 : user.id) || user_id,
@@ -3671,15 +3806,15 @@ var RichTextSectionUser = (props) => {
 };
 // src/components/blocks/rich_text/rich_text_section_user_group.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var RichTextSectionUserGroup = (props) => {
   const { usergroup_id, style } = props;
   const { user_groups, hooks } = useGlobalData();
   const group = user_groups.find((u) => u.id === usergroup_id || u.name === usergroup_id);
   const label = (group == null ? void 0 : group.name) || usergroup_id;
   if (hooks.usergroup)
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children: hooks.usergroup(group || { id: usergroup_id, name: label }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children: hooks.usergroup(group || { id: usergroup_id, name: label }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     "span",
     {
       "data-usergroup-id": (group == null ? void 0 : group.id) || usergroup_id,
@@ -3699,22 +3834,22 @@ var RichTextSectionUserGroup = (props) => {
 };
 // src/components/blocks/rich_text/rich_text_section.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var RichTextSectionElement = (props) => {
   const { element } = props;
   if (element.type === "user")
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RichTextSectionUser, __spreadValues({}, element));
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RichTextSectionUser, __spreadValues({}, element));
   if (element.type === "channel")
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RichTextSectionChannel, __spreadValues({}, element));
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RichTextSectionChannel, __spreadValues({}, element));
   if (element.type === "broadcast")
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RichTextSectionBroadcast, __spreadValues({}, element));
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RichTextSectionBroadcast, __spreadValues({}, element));
   if (element.type === "emoji")
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RichTextSectionEmoji, __spreadValues({}, element));
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RichTextSectionEmoji, __spreadValues({}, element));
   if (element.type === "usergroup")
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RichTextSectionUserGroup, __spreadValues({}, element));
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RichTextSectionUserGroup, __spreadValues({}, element));
   if (element.type === "text") {
     const { text, style } = element;
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       "span",
       {
         className: `
@@ -3730,7 +3865,7 @@ var RichTextSectionElement = (props) => {
   }
   if (element.type === "link") {
     const { url, style, text } = element;
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       "a",
       {
         target: "_blank",
@@ -3750,7 +3885,7 @@ var RichTextSectionElement = (props) => {
   }
   if (element.type === "date") {
     const { timestamp, format, style } = element;
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       "span",
       {
         className: `
@@ -3760,7 +3895,7 @@ var RichTextSectionElement = (props) => {
               ${(style == null ? void 0 : style.code) ? "slack_inline_code" : ""}
               ${(style == null ? void 0 : style.bold) ? "font-medium" : ""}
             `,
-        children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           SlackDate,
           {
             element: {
@@ -3781,21 +3916,21 @@ var RichTextSectionElement = (props) => {
 };
 // src/components/blocks/rich_text/rich_text.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var RichText = (props) => {
   const { elements, block_id } = props.data;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { id: block_id, className: "slack_blocks_to_jsx__rich_text", children: elements.map((element, i) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Element, { element }, `${element.type}__${i}`);
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { id: block_id, className: "slack_blocks_to_jsx__rich_text", children: elements.map((element, i) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Element, { element }, `${element.type}__${i}`);
   }) });
 };
 var Element = (props) => {
   const { element } = props;
   if (element.type === "rich_text_list") {
     const { elements, style, border = 0, indent, offset } = element;
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex gap-2 slack_blocks_to_jsx__rich_text_list_element", children: [
-      border === 1 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "w-1 rounded bg-gray-primary self-stretch" }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RichTextListWrapper, { element, className: `list-none`, children: elements.map((el, i) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex gap-2 slack_blocks_to_jsx__rich_text_list_element", children: [
+      border === 1 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "w-1 rounded bg-gray-primary self-stretch" }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(RichTextListWrapper, { element, className: `list-none`, children: elements.map((el, i) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
           "li",
           {
             className: "flex",
@@ -3803,22 +3938,22 @@ var Element = (props) => {
               marginLeft: indent ? indent > 5 ? 0 : indent * 28 + 6 + 28 : 0
             },
             children: [
-              style === "ordered" && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "w-[22px] h-[22px] shrink-0 flex items-center justify-center", children: [
+              style === "ordered" && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "w-[22px] h-[22px] shrink-0 flex items-center justify-center", children: [
                 i + 1,
                 "."
               ] }),
-              style === "bullet" && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "w-[22px] h-[22px] shrink-0 flex items-center justify-center", children: [
-                (indent === void 0 || indent === 0 || indent === 3 || indent === 6) && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-current" }),
-                (indent === 1 || indent === 4 || indent === 7) && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "w-1.5 h-1.5 rounded-full border border-current" }),
-                (indent === 2 || indent === 5 || indent === 8) && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "w-1.5 h-1.5 rounded-[1.5px] bg-current" })
+              style === "bullet" && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "w-[22px] h-[22px] shrink-0 flex items-center justify-center", children: [
+                (indent === void 0 || indent === 0 || indent === 3 || indent === 6) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-current" }),
+                (indent === 1 || indent === 4 || indent === 7) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "w-1.5 h-1.5 rounded-full border border-current" }),
+                (indent === 2 || indent === 5 || indent === 8) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "w-1.5 h-1.5 rounded-[1.5px] bg-current" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                 "div",
                 {
                   style: {
                     marginLeft: 6
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Element, { element: el }, `${element.type}__${i}`)
+                  children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Element, { element: el }, `${element.type}__${i}`)
                 }
               )
             ]
@@ -3830,9 +3965,9 @@ var Element = (props) => {
   }
   if (element.type === "rich_text_preformatted") {
     const { elements, border } = element;
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("code", { className: "flex gap-2 w-full slack_blocks_to_jsx__rich_text_preformatted_element", children: [
-      border === 1 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "w-1 rounded bg-gray-primary self-stretch" }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("code", { className: "flex gap-2 w-full slack_blocks_to_jsx__rich_text_preformatted_element", children: [
+      border === 1 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "w-1 rounded bg-gray-primary self-stretch" }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "pre",
         {
           className: "p-2 rounded my-1 whitespace-pre-wrap bg-gray-secondary text-xs leading-[1.50001] border grow",
@@ -3841,7 +3976,7 @@ var Element = (props) => {
             wordBreak: "normal"
           },
           children: elements.map((el, i) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RichTextSectionElement, { element: el }, `${el.type}__${i}`);
+            return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(RichTextSectionElement, { element: el }, `${el.type}__${i}`);
           })
         }
       )
@@ -3849,41 +3984,41 @@ var Element = (props) => {
   }
   if (element.type === "rich_text_quote") {
     const { elements, border } = element;
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("blockquote", { className: "flex gap-2 slack_blocks_to_jsx__rich_text_quote_element", children: [
-      border === 1 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "w-1 rounded bg-gray-primary self-stretch" }),
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("blockquote", { className: "flex gap-2 slack_blocks_to_jsx__rich_text_quote_element", children: [
+      border === 1 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "w-1 rounded bg-gray-primary self-stretch" }),
       elements.map((el, i) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RichTextSectionElement, { element: el }, `${el.type}__${i}`);
+        return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(RichTextSectionElement, { element: el }, `${el.type}__${i}`);
       })
     ] });
   }
   if (element.type === "rich_text_section") {
     const { elements } = element;
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "inline-block slack_blocks_to_jsx__rich_text_section_element", children: elements.map((el, i) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RichTextSectionElement, { element: el }, `${el.type}__${i}`);
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "inline-block slack_blocks_to_jsx__rich_text_section_element", children: elements.map((el, i) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(RichTextSectionElement, { element: el }, `${el.type}__${i}`);
     }) });
   }
   return null;
 };
 // src/components/blocks/section.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var Section = (props) => {
   const { accessory, fields, text, block_id } = props.data;
   const element = accessory ? getElementComponent(accessory) : null;
   const is_stacked = accessory ? is_accessory_stacked(accessory) : false;
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     "div",
     {
       id: block_id,
       className: `mt-2 mb-1 text-primary slack_blocks_to_jsx__section flex w-full text-black-primary ${is_stacked ? "flex-col" : ""}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "grow", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col gap-3", children: [
-          text && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TextObject, { data: text }),
-          fields && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "grid grid-col-2 w-full", children: fields.map((field, i) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TextObject, { data: field }, i);
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "grow", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col gap-3", children: [
+          text && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TextObject, { data: text }),
+          fields && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "grid grid-col-2 w-full", children: fields.map((field, i) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TextObject, { data: field }, i);
           }) })
         ] }) }),
-        element && is_stacked ? element : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "ml-2 mb-1 relative shrink-0", children: element })
+        element && is_stacked ? element : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "ml-2 mb-1 relative shrink-0", children: element })
       ]
     }
   );
@@ -3891,7 +4026,7 @@ var Section = (props) => {
 // src/components/blocks/video.tsx
 var import_react6 = require("react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var Video = (props) => {
   const {
     alt_text,
@@ -3904,18 +4039,18 @@ var Video = (props) => {
     iframeProps = {}
   } = props.data;
   const [showVideo, setShowVideo] = (0, import_react6.useState)(true);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "py-2 slack_blocks_to_jsx__video", id: block_id, children: [
-    author_name && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "slack_blocks_to_jsx__video_author", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "font-bold", children: author_name }) }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "slack_blocks_to_jsx__video_description", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TextObject, { data: description }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-wrap items-center gap-1 slack_blocks_to_jsx__video_title", children: [
-      title_url ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("a", { href: title_url, className: "text-blue-primary", target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TextObject, { data: title }) }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TextObject, { data: title }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "py-2 slack_blocks_to_jsx__video", id: block_id, children: [
+    author_name && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "slack_blocks_to_jsx__video_author", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "font-bold", children: author_name }) }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "slack_blocks_to_jsx__video_description", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TextObject, { data: description }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-wrap items-center gap-1 slack_blocks_to_jsx__video_title", children: [
+      title_url ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("a", { href: title_url, className: "text-blue-primary", target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TextObject, { data: title }) }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TextObject, { data: title }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         "button",
         {
           type: "button",
           className: "w-[15px] h-[15px]",
           onClick: () => setShowVideo((prev) => !prev),
-          children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -3931,7 +4066,7 @@ var Video = (props) => {
               style: {
                 transform: showVideo ? "rotate(0deg)" : "rotate(-90deg)"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                 "path",
                 {
                   fill: "currentColor",
@@ -3944,7 +4079,7 @@ var Video = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "slack_blocks_to_jsx__video_container max-w-max", children: showVideo && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "slack_blocks_to_jsx__video_container max-w-max", children: showVideo && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       "iframe",
       __spreadValues({
         title: alt_text,
@@ -3956,41 +4091,41 @@ var Video = (props) => {
 };
 // src/components/index.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var getBlockComponent = (block) => {
   if (block.type === "divider")
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Divider, { data: block });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Divider, { data: block });
   if (block.type === "section")
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Section, { data: block });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Section, { data: block });
   if (block.type === "image")
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Image, { data: block });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Image, { data: block });
   if (block.type === "context")
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Context, { data: block });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Context, { data: block });
   if (block.type === "actions")
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Actions, { data: block });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Actions, { data: block });
   if (block.type === "file")
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(File, { data: block });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(File, { data: block });
   if (block.type === "header")
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Header2, { data: block });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Header2, { data: block });
   if (block.type === "input")
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Input, { data: block });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Input, { data: block });
   if (block.type === "video")
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Video, { data: block });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Video, { data: block });
   if (block.type === "rich_text")
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(RichText, { data: block });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(RichText, { data: block });
   return null;
 };
 var getElementComponent = (element) => {
   if (element.type === "button")
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ButtonElement, { data: element });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ButtonElement, { data: element });
   if (element.type === "checkboxes")
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CheckboxesElement, { data: element });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CheckboxesElement, { data: element });
   if (element.type === "image")
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ImageElement, { data: element });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ImageElement, { data: element });
   if (element.type === "plain_text_input")
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PlaintTextInput, { data: element });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PlaintTextInput, { data: element });
   if (element.type === "users_select")
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(UsersSelectElement, { data: element });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(UsersSelectElement, { data: element });
   if (element.type === "datepicker")
     return null;
   if (element.type === "datetimepicker")
@@ -4029,15 +4164,15 @@ var getElementComponent = (element) => {
 };
 // src/block_wrapper.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var BlockWrapper = (props) => {
   const { children } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "text-base slack_blocks_to_jsx--block_wrapper break-words font-normal", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "text-base slack_blocks_to_jsx--block_wrapper break-words font-normal", children });
 };
 // src/message.tsx
 var import_react7 = require("react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var Message = (props) => {
   const {
     blocks,
@@ -4064,7 +4199,7 @@ var Message = (props) => {
       setHooks(hooks);
   }, [data, hooks]);
   if (withoutWrapper) {
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       "div",
       {
         id: "slack_blocks_to_jsx",
@@ -4074,18 +4209,18 @@ var Message = (props) => {
           const element = getBlockComponent(block);
           if (!element)
             return null;
-          return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(BlockWrapper, { children: element }, i);
+          return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(BlockWrapper, { children: element }, i);
         })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { id: "slack_blocks_to_jsx", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { id: "slack_blocks_to_jsx", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
     "section",
     {
       className: `flex gap-2 w-full max-w-[600px] slack_blocks_to_jsx relative ${unstyled ? "styles_disabled" : "styles_enabled"} ${className}`,
       style,
       children: [
-        showBlockKitDebug && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        showBlockKitDebug && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           "a",
           {
             target: "_blank",
@@ -4097,14 +4232,14 @@ var Message = (props) => {
             children: "Open in Slack Block Kit Builder"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("img", { src: logo, className: "w-9 h-9", alt: name }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Header, { name, time }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "slack_blocks_to_jsx--blocks", children: blocks.map((block, i) => {
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src: logo, className: "w-9 h-9", alt: name }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Header, { name, time }),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "slack_blocks_to_jsx--blocks", children: blocks.map((block, i) => {
             const element = getBlockComponent(block);
             if (!element)
               return null;
-            return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(BlockWrapper, { children: element }, i);
+            return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(BlockWrapper, { children: element }, i);
           }) })
         ] })
       ]