@tightknitai/block-kitchen 0.8.5 → 0.8.6

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { B as BlockKitchenProps, E as Template, q as PreviewSurface, r as PreviewTheme } from './palette-Dco-CVMi.cjs';
-export { A as AlertBlock, a as AlertLevel, b as BrandPreset, c as BrandTheme, d as BrandTokens, e as BuilderBlock, C as CardBlock, f as CarouselBlock, g as ChannelOption, h as ContextActionsBlock, i as ContextActionsElement, j as CustomEmoji, F as FeedbackButtonSubobject, k as FeedbackButtonsElement, H as HeaderLevel, I as IconButtonElement, l as IconButtonIcon, m as InputBlock, M as MarkdownBlock, P as PaletteSection, n as PaletteVariant, o as PlanBlock, p as PreviewHooks, S as SendAsUserStatus, s as SendPayload, t as SendResult, u as SupportedBlock, v as SupportedBlockType, w as SupportedHeaderBlock, T as TableBlock, x as TableCell, y as TableColumnSetting, z as TaskCardBlock, D as TaskCardStatus, U as UrlSourceElement, V as VideoBlock, J as defaultPalette, K as extraAlertVariant, L as legacyInputVariants } from './palette-Dco-CVMi.cjs';
+import { B as BlockKitchenProps, E as Template, q as PreviewSurface, r as PreviewTheme } from './palette-DToUE_3J.cjs';
+export { A as AlertBlock, a as AlertLevel, b as BrandPreset, c as BrandTheme, d as BrandTokens, e as BuilderBlock, C as CardBlock, f as CarouselBlock, g as ChannelOption, h as ContextActionsBlock, i as ContextActionsElement, j as CustomEmoji, F as FeedbackButtonSubobject, k as FeedbackButtonsElement, H as HeaderLevel, I as IconButtonElement, l as IconButtonIcon, m as InputBlock, M as MarkdownBlock, P as PaletteSection, n as PaletteVariant, o as PlanBlock, p as PreviewHooks, S as SendAsUserStatus, s as SendPayload, t as SendResult, u as SupportedBlock, v as SupportedBlockType, w as SupportedHeaderBlock, T as TableBlock, x as TableCell, y as TableColumnSetting, z as TaskCardBlock, D as TaskCardStatus, U as UrlSourceElement, V as VideoBlock, J as defaultPalette, K as extraAlertVariant, L as legacyInputVariants } from './palette-DToUE_3J.cjs';
 export { decodeBlocksFromString, encodeBlocksToString, toSlackBlocks } from './helpers.cjs';
 import 'slack-web-api-client';
 

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { B as BlockKitchenProps, E as Template, q as PreviewSurface, r as PreviewTheme } from './palette-Dco-CVMi.js';
-export { A as AlertBlock, a as AlertLevel, b as BrandPreset, c as BrandTheme, d as BrandTokens, e as BuilderBlock, C as CardBlock, f as CarouselBlock, g as ChannelOption, h as ContextActionsBlock, i as ContextActionsElement, j as CustomEmoji, F as FeedbackButtonSubobject, k as FeedbackButtonsElement, H as HeaderLevel, I as IconButtonElement, l as IconButtonIcon, m as InputBlock, M as MarkdownBlock, P as PaletteSection, n as PaletteVariant, o as PlanBlock, p as PreviewHooks, S as SendAsUserStatus, s as SendPayload, t as SendResult, u as SupportedBlock, v as SupportedBlockType, w as SupportedHeaderBlock, T as TableBlock, x as TableCell, y as TableColumnSetting, z as TaskCardBlock, D as TaskCardStatus, U as UrlSourceElement, V as VideoBlock, J as defaultPalette, K as extraAlertVariant, L as legacyInputVariants } from './palette-Dco-CVMi.js';
+import { B as BlockKitchenProps, E as Template, q as PreviewSurface, r as PreviewTheme } from './palette-DToUE_3J.js';
+export { A as AlertBlock, a as AlertLevel, b as BrandPreset, c as BrandTheme, d as BrandTokens, e as BuilderBlock, C as CardBlock, f as CarouselBlock, g as ChannelOption, h as ContextActionsBlock, i as ContextActionsElement, j as CustomEmoji, F as FeedbackButtonSubobject, k as FeedbackButtonsElement, H as HeaderLevel, I as IconButtonElement, l as IconButtonIcon, m as InputBlock, M as MarkdownBlock, P as PaletteSection, n as PaletteVariant, o as PlanBlock, p as PreviewHooks, S as SendAsUserStatus, s as SendPayload, t as SendResult, u as SupportedBlock, v as SupportedBlockType, w as SupportedHeaderBlock, T as TableBlock, x as TableCell, y as TableColumnSetting, z as TaskCardBlock, D as TaskCardStatus, U as UrlSourceElement, V as VideoBlock, J as defaultPalette, K as extraAlertVariant, L as legacyInputVariants } from './palette-DToUE_3J.js';
 export { decodeBlocksFromString, encodeBlocksToString, toSlackBlocks } from './helpers.js';
 import 'slack-web-api-client';
 

package/dist/index.js

@@ -2244,6 +2244,18 @@ function IssuesSheet({
     ] })
   ] }) });
 }
+
+// src/lib/parse-blocks-input.ts
+var BLOCKS_INPUT_SHAPE_ERROR = "Expected an array of blocks, or an object with a `blocks` array.";
+function unwrapBlocksInput(parsed) {
+  if (Array.isArray(parsed)) {
+    return parsed;
+  }
+  if (parsed && typeof parsed === "object" && Array.isArray(parsed.blocks)) {
+    return parsed.blocks;
+  }
+  return null;
+}
 var MAX_JSON_BYTES = 1024 * 1024;
 function JsonDrawer({
   open,
@@ -2282,14 +2294,15 @@ function JsonDrawer({
       setValidationErrors([]);
       return;
     }
-    if (!Array.isArray(parsed)) {
-      setParseError("Top-level value must be an array of blocks.");
+    const blocks2 = unwrapBlocksInput(parsed);
+    if (!blocks2) {
+      setParseError(BLOCKS_INPUT_SHAPE_ERROR);
       setValidationErrors([]);
       return;
     }
     setParseError(null);
-    onApply(parsed);
-    const result = validateBlockKit(parsed, {
+    onApply(blocks2);
+    const result = validateBlockKit(blocks2, {
       target: "blocks",
       surface: "message"
     });
@@ -2667,6 +2680,7 @@ function SendDialog({
   loadChannels,
   loadSendAsUserStatus,
   onSend,
+  confirmSendLabel = "Send",
   errorCount,
   onShowIssues
 }) {
@@ -2840,7 +2854,7 @@ function SendDialog({
           type: "button",
           onClick: handleSubmit,
           disabled: status.kind === "sending" || !channelId || blocks.length === 0 || errorCount > 0,
-          children: status.kind === "sending" ? "Sending\u2026" : "Send"
+          children: status.kind === "sending" ? "Sending\u2026" : confirmSendLabel
         }
       )
     ] })
@@ -7914,7 +7928,8 @@ function Toolbar2({
   allowedSurfaces,
   showThemeControl = true,
   docsLink,
-  errorCount
+  errorCount,
+  sendButtonLabel = "Send"
 }) {
   const activeTheme = THEME_OPTIONS.find((t) => t.value === previewTheme) ?? THEME_OPTIONS[0];
   const activeSurface = SURFACE_OPTIONS.find((s) => s.value === previewSurface) ?? SURFACE_OPTIONS[0];
@@ -8004,7 +8019,7 @@ function Toolbar2({
           variant: "ghost",
           size: "sm",
           onClick: onOpenIssues,
-          className: "text-destructive hover:text-destructive",
+          className: "border border-red-200! bg-red-50 text-red-700 hover:bg-red-100 hover:text-red-700",
           "aria-label": `${errorCount} ${errorCount === 1 ? "issue" : "issues"}`,
           children: [
             /* @__PURE__ */ jsx(AlertTriangle, { className: "h-3.5 w-3.5" }),
@@ -8097,9 +8112,9 @@ function Toolbar2({
           ) : null
         ] }) })
       ] }),
-      /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", onClick: onOpenSend, disabled: !canSend, "aria-label": "Send", children: [
+      /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", onClick: onOpenSend, disabled: !canSend, "aria-label": sendButtonLabel, children: [
         /* @__PURE__ */ jsx(Send, { className: "h-3.5 w-3.5" }),
-        /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "Send" })
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: sendButtonLabel })
       ] })
     ] })
   ] });
@@ -8225,6 +8240,9 @@ function BlockKitchen(props) {
     showThemeControl = true,
     docsLink,
     defaultPreviewTheme = "light",
+    previewTheme: controlledPreviewTheme,
+    sendButtonLabel,
+    confirmSendLabel,
     theme
   } = props;
   const paletteSections = useMemo(() => {
@@ -8252,7 +8270,9 @@ function BlockKitchen(props) {
   const [issuesOpen, setIssuesOpen] = useState(false);
   const [paletteOpen, setPaletteOpen] = useState(false);
   const [openBlockId, setOpenBlockId] = useState(null);
-  const [previewTheme, setPreviewTheme] = useState(defaultPreviewTheme);
+  const [uncontrolledPreviewTheme, setUncontrolledPreviewTheme] = useState(defaultPreviewTheme);
+  const isPreviewThemeControlled = controlledPreviewTheme !== void 0;
+  const previewTheme = controlledPreviewTheme ?? uncontrolledPreviewTheme;
   const [previewSurface, setPreviewSurface] = useState(allowedSurfaces[0]);
   const [activePaletteVariantId, setActivePaletteVariantId] = useState(null);
   const isMobile = useIsMobile();
@@ -8334,12 +8354,13 @@ function BlockKitchen(props) {
               canClear: blocks.length > 0,
               errorCount: validation.total,
               previewTheme,
-              onPreviewThemeChange: setPreviewTheme,
+              onPreviewThemeChange: setUncontrolledPreviewTheme,
               previewSurface,
               onPreviewSurfaceChange: setPreviewSurface,
               allowedSurfaces,
-              showThemeControl,
-              docsLink
+              showThemeControl: isPreviewThemeControlled ? false : showThemeControl,
+              docsLink,
+              sendButtonLabel
             }
           ),
           /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 items-stretch", children: [
@@ -8415,6 +8436,7 @@ function BlockKitchen(props) {
             loadChannels,
             loadSendAsUserStatus,
             onSend,
+            confirmSendLabel,
             errorCount: validation.total,
             onShowIssues: () => {
               setSendOpen(false);