@tightknitai/block-kitchen 0.10.1 → 0.10.2

package/dist/helpers.d.cts

@@ -1,5 +1,5 @@
-import { _ as SupportedBlock } from './palette-C8sPJuXx.cjs';
-export { $ as SupportedBlockType } from './palette-C8sPJuXx.cjs';
+import { S as SupportedBlock } from './palette-BtSwlGUC.cjs';
+export { a0 as SupportedBlockType } from './palette-BtSwlGUC.cjs';
 import 'react';
 import 'slack-web-api-client';
 

package/dist/helpers.d.ts

@@ -1,5 +1,5 @@
-import { _ as SupportedBlock } from './palette-C8sPJuXx.js';
-export { $ as SupportedBlockType } from './palette-C8sPJuXx.js';
+import { S as SupportedBlock } from './palette-BtSwlGUC.js';
+export { a0 as SupportedBlockType } from './palette-BtSwlGUC.js';
 import 'react';
 import 'slack-web-api-client';
 

package/dist/index.cjs

@@ -3911,6 +3911,27 @@ function EditorField({
     help && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] leading-snug text-muted-foreground", children: help })
   ] });
 }
+function AdvancedIdField({
+  label,
+  help,
+  htmlFor,
+  value,
+  placeholder,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "rounded-md border bg-muted/20 px-2.5 py-1.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("summary", { className: "cursor-pointer text-[11px] font-medium text-muted-foreground hover:text-foreground", children: "Advanced" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-2 pb-1", children: /* @__PURE__ */ jsxRuntime.jsx(EditorField, { label, help, htmlFor, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Input,
+      {
+        id: htmlFor,
+        value: value ?? "",
+        placeholder,
+        onChange: (e) => onChange(e.target.value || void 0)
+      }
+    ) }) })
+  ] });
+}
 function ActionsEditor({ block, onChange }) {
   const elements = block.elements ?? [];
   const updateButton = (idx, update) => {
@@ -4009,7 +4030,18 @@ function ActionsEditor({ block, onChange }) {
               /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: `btn-style-${idx}-${s}`, className: "text-xs capitalize", children: s })
             ] }, s))
           }
-        ) })
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          AdvancedIdField,
+          {
+            label: "Action ID",
+            help: "Optional. Sent in the interaction payload so your app knows which button was clicked.",
+            htmlFor: `btn-action-${idx}`,
+            value: el.action_id,
+            placeholder: "e.g. approve_request",
+            onChange: (next) => updateButton(idx, { action_id: next })
+          }
+        )
       ] }, idx);
     }),
     /* @__PURE__ */ jsxRuntime.jsxs(Button, { type: "button", size: "sm", onClick: addButton, className: "self-start", children: [
@@ -4292,7 +4324,18 @@ function ButtonsField({
               /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: `${idPrefix}-btn-style-${idx}-${s}`, className: "text-xs capitalize", children: s })
             ] }, s))
           }
-        ) })
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          AdvancedIdField,
+          {
+            label: "Action ID",
+            help: "Optional. Sent in the interaction payload so your app knows which button was clicked.",
+            htmlFor: `${idPrefix}-btn-action-${idx}`,
+            value: btn.action_id,
+            placeholder: "e.g. open_details",
+            onChange: (next) => update(idx, { action_id: next })
+          }
+        )
       ] }, idx);
     }),
     /* @__PURE__ */ jsxRuntime.jsxs(Button, { type: "button", size: "sm", onClick: addButton, disabled: atLimit, className: "self-start", children: [
@@ -8120,7 +8163,18 @@ function ButtonAccessoryFields({ button, onChange }) {
           /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: `section-acc-btn-style-${s}`, className: "text-xs capitalize", children: s })
         ] }, s))
       }
-    ) })
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      AdvancedIdField,
+      {
+        label: "Action ID",
+        help: "Optional. Sent in the interaction payload so your app knows which button was clicked.",
+        htmlFor: "section-acc-btn-action",
+        value: button.action_id,
+        placeholder: "e.g. learn_more",
+        onChange: (next) => onChange({ ...button, action_id: next })
+      }
+    )
   ] });
 }
 function ImageAccessoryFields({ image, onChange }) {
@@ -8602,6 +8656,17 @@ function BlockEditor({
     ] }) }),
     errors && errors.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-0.5 rounded-md border border-destructive/30 bg-destructive/5 p-2 text-xs text-destructive", children: errors.map((err, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: err }, i)) }) : null,
     dispatch(block, onChange),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      AdvancedIdField,
+      {
+        label: "Block ID",
+        help: "Optional. Unique within the message or view. Slack returns it in interaction payloads.",
+        htmlFor: "block-id",
+        value: block.block_id,
+        placeholder: "e.g. approval_row",
+        onChange: (next) => onChange({ ...block, block_id: next })
+      }
+    ),
     onDone ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end border-t pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", size: "sm", onClick: onDone, children: "Done" }) }) : null
   ] });
 }