@buoy-gg/ask-buoy 7.0.33 → 7.0.34

package/lib/module/blocks/AskBlocks.js

@@ -1,331 +1 @@
-"use strict";
-
-/**
- * Ask blocks — the user has to decide, and the turn is waiting.
- *
- * Choice, Confirm and Input all lock once answered: the chosen option stays
- * highlighted, the rest dim, and nothing in history is tappable twice. The
- * answer is handed to the sheet as a BlockAnswer and becomes the next user
- * message, so the model reads plain words ("Business checkout"), never JSON.
- */
-import { useState } from "react";
-import { Pressable, StyleSheet, Text, TextInput, View } from "react-native";
-import { Check, ChevronRight, night } from "@buoy-gg/shared-ui";
-import { useBlockHandlers } from "./context";
-import { BlockIcon } from "./icons";
-import { Card } from "./primitives";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export function Choice({
-  block
-}) {
-  const h = useBlockHandlers();
-  const answer = h.answered[block.id];
-  const chosen = answer?.kind === "choice" ? answer.optionId : null;
-  const locked = !!answer;
-  return /*#__PURE__*/_jsxs(Card, {
-    testID: `buoy-block-choice-${block.id}`,
-    tone: locked ? undefined : "info",
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: styles.question,
-      children: block.question
-    }), /*#__PURE__*/_jsx(View, {
-      style: styles.options,
-      children: block.options.slice(0, 5).map((o, i) => {
-        const isChosen = chosen === o.id;
-        return /*#__PURE__*/_jsxs(Pressable, {
-          testID: `buoy-block-option-${o.id}`,
-          accessibilityRole: "button",
-          accessibilityState: {
-            selected: isChosen,
-            disabled: locked
-          },
-          disabled: locked,
-          onPress: () => h.answer({
-            blockId: block.id,
-            kind: "choice",
-            optionId: o.id,
-            label: o.label
-          }),
-          style: ({
-            pressed
-          }) => [styles.option, i > 0 && styles.optionDivider, isChosen && styles.optionChosen, locked && !isChosen && styles.optionDimmed, pressed && !locked && styles.pressed],
-          children: [o.icon ? /*#__PURE__*/_jsx(BlockIcon, {
-            name: o.icon
-          }) : null, /*#__PURE__*/_jsxs(View, {
-            style: styles.optionText,
-            children: [/*#__PURE__*/_jsx(Text, {
-              style: [styles.optionLabel, isChosen && styles.optionLabelChosen],
-              children: o.label
-            }), o.detail ? /*#__PURE__*/_jsx(Text, {
-              style: styles.optionDetail,
-              children: o.detail
-            }) : null]
-          }), isChosen ? /*#__PURE__*/_jsx(Check, {
-            size: 14,
-            color: night.color.accent
-          }) : locked ? null : /*#__PURE__*/_jsx(ChevronRight, {
-            size: 14,
-            color: night.color.textTertiary
-          })]
-        }, o.id);
-      })
-    }), !locked && block.allowFreeText !== false ? /*#__PURE__*/_jsx(Text, {
-      style: styles.hint,
-      children: "Or just type your answer below."
-    }) : null]
-  });
-}
-export function Confirm({
-  block
-}) {
-  const h = useBlockHandlers();
-  const answer = h.answered[block.id];
-  const locked = !!answer;
-  const approved = answer?.kind === "confirm" ? answer.approved : null;
-  return /*#__PURE__*/_jsxs(Card, {
-    testID: `buoy-block-confirm-${block.id}`,
-    tone: locked ? undefined : "warning",
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: styles.confirmTitle,
-      children: block.title
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.confirmChange,
-      children: block.change
-    }), block.consequence ? /*#__PURE__*/_jsx(Text, {
-      style: styles.confirmConsequence,
-      children: block.consequence
-    }) : null, /*#__PURE__*/_jsx(View, {
-      style: styles.confirmActions,
-      children: locked ? /*#__PURE__*/_jsx(Text, {
-        style: styles.decided,
-        children: approved ? `✓ ${block.approveLabel ?? "Done"}` : `✕ ${block.declineLabel ?? "Not now"}`
-      }) : /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Pressable, {
-          testID: "buoy-block-approve",
-          accessibilityRole: "button",
-          onPress: () => h.answer({
-            blockId: block.id,
-            kind: "confirm",
-            approved: true
-          }),
-          style: ({
-            pressed
-          }) => [styles.button, styles.buttonPrimary, pressed && styles.pressed],
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.buttonTextPrimary,
-            children: block.approveLabel ?? "Do it"
-          })
-        }), /*#__PURE__*/_jsx(Pressable, {
-          testID: "buoy-block-decline",
-          accessibilityRole: "button",
-          onPress: () => h.answer({
-            blockId: block.id,
-            kind: "confirm",
-            approved: false
-          }),
-          style: ({
-            pressed
-          }) => [styles.button, styles.buttonPlate, pressed && styles.pressed],
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.buttonTextPlate,
-            children: block.declineLabel ?? "Not now"
-          })
-        })]
-      })
-    })]
-  });
-}
-export function Input({
-  block
-}) {
-  const h = useBlockHandlers();
-  const answer = h.answered[block.id];
-  const locked = !!answer;
-  const [value, setValue] = useState("");
-  const secret = block.type === "secret";
-  const submit = () => {
-    const v = value.trim();
-    if (!v) return;
-    h.answer({
-      blockId: block.id,
-      kind: "input",
-      value: v
-    });
-  };
-  return /*#__PURE__*/_jsxs(Card, {
-    testID: `buoy-block-input-${block.id}`,
-    tone: locked ? undefined : "info",
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: styles.question,
-      children: block.label
-    }), locked ? /*#__PURE__*/_jsx(Text, {
-      style: styles.decided,
-      children: answer.kind === "input" ? secret ? "••••••" : answer.value : "(skipped)"
-    }) : /*#__PURE__*/_jsxs(View, {
-      style: styles.inputRow,
-      children: [/*#__PURE__*/_jsx(TextInput, {
-        testID: "buoy-block-input-field",
-        style: styles.input,
-        value: value,
-        onChangeText: setValue,
-        placeholder: block.placeholder ?? "",
-        placeholderTextColor: night.color.placeholder,
-        keyboardType: block.type === "number" ? "numeric" : "ascii-capable",
-        secureTextEntry: secret,
-        autoCapitalize: "none",
-        autoCorrect: false,
-        returnKeyType: "send",
-        onSubmitEditing: submit
-      }), /*#__PURE__*/_jsx(Pressable, {
-        testID: "buoy-block-input-submit",
-        accessibilityRole: "button",
-        disabled: !value.trim(),
-        onPress: submit,
-        style: ({
-          pressed
-        }) => [styles.button, styles.buttonPrimary, !value.trim() && styles.buttonDisabled, pressed && styles.pressed],
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.buttonTextPrimary,
-          children: block.submitLabel ?? "Send"
-        })
-      })]
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  question: {
-    color: night.color.text,
-    fontSize: night.font.row,
-    fontWeight: "600",
-    lineHeight: 20,
-    paddingHorizontal: 12,
-    paddingTop: 12,
-    paddingBottom: 8
-  },
-  options: {
-    marginHorizontal: 8,
-    marginBottom: 8,
-    borderRadius: night.radius.row,
-    backgroundColor: night.color.surfaceElevated,
-    overflow: "hidden"
-  },
-  option: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10,
-    paddingHorizontal: 12,
-    paddingVertical: 11
-  },
-  optionDivider: {
-    borderTopWidth: StyleSheet.hairlineWidth,
-    borderTopColor: night.color.separator
-  },
-  optionChosen: {
-    backgroundColor: night.color.accentSoft
-  },
-  optionDimmed: {
-    opacity: 0.45
-  },
-  optionText: {
-    flex: 1,
-    gap: 2
-  },
-  optionLabel: {
-    color: night.color.text,
-    fontSize: night.font.body,
-    fontWeight: "500"
-  },
-  optionLabelChosen: {
-    color: night.color.accent
-  },
-  optionDetail: {
-    color: night.color.textSecondary,
-    fontSize: night.font.caption,
-    lineHeight: 17
-  },
-  hint: {
-    color: night.color.textTertiary,
-    fontSize: night.font.micro,
-    paddingHorizontal: 12,
-    paddingBottom: 10
-  },
-  confirmTitle: {
-    color: night.color.text,
-    fontSize: night.font.row,
-    fontWeight: "600",
-    paddingHorizontal: 12,
-    paddingTop: 12
-  },
-  confirmChange: {
-    color: night.color.text,
-    fontSize: night.font.body,
-    lineHeight: 19,
-    paddingHorizontal: 12,
-    paddingTop: 6
-  },
-  confirmConsequence: {
-    color: night.color.warning,
-    fontSize: night.font.caption,
-    lineHeight: 17,
-    paddingHorizontal: 12,
-    paddingTop: 6
-  },
-  confirmActions: {
-    flexDirection: "row",
-    gap: 8,
-    paddingHorizontal: 12,
-    paddingVertical: 12,
-    alignItems: "center"
-  },
-  decided: {
-    color: night.color.textSecondary,
-    fontSize: night.font.caption,
-    fontWeight: "600",
-    paddingHorizontal: 12,
-    paddingVertical: 10
-  },
-  inputRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    paddingHorizontal: 12,
-    paddingBottom: 12
-  },
-  input: {
-    flex: 1,
-    height: 38,
-    paddingHorizontal: 12,
-    borderRadius: night.radius.row,
-    backgroundColor: night.color.surfaceElevated,
-    color: night.color.text,
-    fontSize: night.font.body
-  },
-  button: {
-    paddingHorizontal: 14,
-    paddingVertical: 9,
-    borderRadius: night.radius.row
-  },
-  buttonPrimary: {
-    backgroundColor: night.color.accent
-  },
-  buttonPlate: {
-    backgroundColor: night.color.button
-  },
-  buttonDisabled: {
-    opacity: 0.5
-  },
-  buttonTextPrimary: {
-    color: night.color.onAccent,
-    fontSize: night.font.caption,
-    fontWeight: "600"
-  },
-  buttonTextPlate: {
-    color: night.color.text,
-    fontSize: night.font.caption,
-    fontWeight: "600"
-  },
-  pressed: {
-    opacity: 0.7
-  }
-});
-//# sourceMappingURL=AskBlocks.js.map
+"use strict";import{useState}from"react";import{Pressable,StyleSheet,Text,TextInput,View}from"react-native";import{Check,ChevronRight,night}from"@buoy-gg/shared-ui";import{useBlockHandlers}from"./context";import{BlockIcon}from"./icons";import{Card}from"./primitives";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";export function Choice({block:e}){const t=useBlockHandlers(),o=t.answered[e.id],n="choice"===o?.kind?o.optionId:null,i=!!o;return _jsxs(Card,{testID:`buoy-block-choice-${e.id}`,tone:i?void 0:"info",children:[_jsx(Text,{style:styles.question,children:e.question}),_jsx(View,{style:styles.options,children:e.options.slice(0,5).map((o,l)=>{const s=n===o.id;return _jsxs(Pressable,{testID:`buoy-block-option-${o.id}`,accessibilityRole:"button",accessibilityState:{selected:s,disabled:i},disabled:i,onPress:()=>t.answer({blockId:e.id,kind:"choice",optionId:o.id,label:o.label}),style:({pressed:e})=>[styles.option,l>0&&styles.optionDivider,s&&styles.optionChosen,i&&!s&&styles.optionDimmed,e&&!i&&styles.pressed],children:[o.icon?_jsx(BlockIcon,{name:o.icon}):null,_jsxs(View,{style:styles.optionText,children:[_jsx(Text,{style:[styles.optionLabel,s&&styles.optionLabelChosen],children:o.label}),o.detail?_jsx(Text,{style:styles.optionDetail,children:o.detail}):null]}),s?_jsx(Check,{size:14,color:night.color.accent}):i?null:_jsx(ChevronRight,{size:14,color:night.color.textTertiary})]},o.id)})}),i||!1===e.allowFreeText?null:_jsx(Text,{style:styles.hint,children:"Or just type your answer below."})]})}export function Confirm({block:e}){const t=useBlockHandlers(),o=t.answered[e.id],n=!!o,i="confirm"===o?.kind?o.approved:null;return _jsxs(Card,{testID:`buoy-block-confirm-${e.id}`,tone:n?void 0:"warning",children:[_jsx(Text,{style:styles.confirmTitle,children:e.title}),_jsx(Text,{style:styles.confirmChange,children:e.change}),e.consequence?_jsx(Text,{style:styles.confirmConsequence,children:e.consequence}):null,_jsx(View,{style:styles.confirmActions,children:n?_jsx(Text,{style:styles.decided,children:i?`✓ ${e.approveLabel??"Done"}`:`✕ ${e.declineLabel??"Not now"}`}):_jsxs(_Fragment,{children:[_jsx(Pressable,{testID:"buoy-block-approve",accessibilityRole:"button",onPress:()=>t.answer({blockId:e.id,kind:"confirm",approved:!0}),style:({pressed:e})=>[styles.button,styles.buttonPrimary,e&&styles.pressed],children:_jsx(Text,{style:styles.buttonTextPrimary,children:e.approveLabel??"Do it"})}),_jsx(Pressable,{testID:"buoy-block-decline",accessibilityRole:"button",onPress:()=>t.answer({blockId:e.id,kind:"confirm",approved:!1}),style:({pressed:e})=>[styles.button,styles.buttonPlate,e&&styles.pressed],children:_jsx(Text,{style:styles.buttonTextPlate,children:e.declineLabel??"Not now"})})]})})]})}export function Input({block:e}){const t=useBlockHandlers(),o=t.answered[e.id],n=!!o,[i,l]=useState(""),s="secret"===e.type,r=()=>{const o=i.trim();o&&t.answer({blockId:e.id,kind:"input",value:o})};return _jsxs(Card,{testID:`buoy-block-input-${e.id}`,tone:n?void 0:"info",children:[_jsx(Text,{style:styles.question,children:e.label}),n?_jsx(Text,{style:styles.decided,children:"input"===o.kind?s?"••••••":o.value:"(skipped)"}):_jsxs(View,{style:styles.inputRow,children:[_jsx(TextInput,{testID:"buoy-block-input-field",style:styles.input,value:i,onChangeText:l,placeholder:e.placeholder??"",placeholderTextColor:night.color.placeholder,keyboardType:"number"===e.type?"numeric":"ascii-capable",secureTextEntry:s,autoCapitalize:"none",autoCorrect:!1,returnKeyType:"send",onSubmitEditing:r}),_jsx(Pressable,{testID:"buoy-block-input-submit",accessibilityRole:"button",disabled:!i.trim(),onPress:r,style:({pressed:e})=>[styles.button,styles.buttonPrimary,!i.trim()&&styles.buttonDisabled,e&&styles.pressed],children:_jsx(Text,{style:styles.buttonTextPrimary,children:e.submitLabel??"Send"})})]})]})}const styles=StyleSheet.create({question:{color:night.color.text,fontSize:night.font.row,fontWeight:"600",lineHeight:20,paddingHorizontal:12,paddingTop:12,paddingBottom:8},options:{marginHorizontal:8,marginBottom:8,borderRadius:night.radius.row,backgroundColor:night.color.surfaceElevated,overflow:"hidden"},option:{flexDirection:"row",alignItems:"center",gap:10,paddingHorizontal:12,paddingVertical:11},optionDivider:{borderTopWidth:StyleSheet.hairlineWidth,borderTopColor:night.color.separator},optionChosen:{backgroundColor:night.color.accentSoft},optionDimmed:{opacity:.45},optionText:{flex:1,gap:2},optionLabel:{color:night.color.text,fontSize:night.font.body,fontWeight:"500"},optionLabelChosen:{color:night.color.accent},optionDetail:{color:night.color.textSecondary,fontSize:night.font.caption,lineHeight:17},hint:{color:night.color.textTertiary,fontSize:night.font.micro,paddingHorizontal:12,paddingBottom:10},confirmTitle:{color:night.color.text,fontSize:night.font.row,fontWeight:"600",paddingHorizontal:12,paddingTop:12},confirmChange:{color:night.color.text,fontSize:night.font.body,lineHeight:19,paddingHorizontal:12,paddingTop:6},confirmConsequence:{color:night.color.warning,fontSize:night.font.caption,lineHeight:17,paddingHorizontal:12,paddingTop:6},confirmActions:{flexDirection:"row",gap:8,paddingHorizontal:12,paddingVertical:12,alignItems:"center"},decided:{color:night.color.textSecondary,fontSize:night.font.caption,fontWeight:"600",paddingHorizontal:12,paddingVertical:10},inputRow:{flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:12,paddingBottom:12},input:{flex:1,height:38,paddingHorizontal:12,borderRadius:night.radius.row,backgroundColor:night.color.surfaceElevated,color:night.color.text,fontSize:night.font.body},button:{paddingHorizontal:14,paddingVertical:9,borderRadius:night.radius.row},buttonPrimary:{backgroundColor:night.color.accent},buttonPlate:{backgroundColor:night.color.button},buttonDisabled:{opacity:.5},buttonTextPrimary:{color:night.color.onAccent,fontSize:night.font.caption,fontWeight:"600"},buttonTextPlate:{color:night.color.text,fontSize:night.font.caption,fontWeight:"600"},pressed:{opacity:.7}});

package/lib/module/blocks/BlockRenderer.js

@@ -1,245 +1 @@
-"use strict";
-
-/**
- * One switch, one component per kind. Unknown kinds render nothing — an
- * older sheet receiving a newer engine's block must not crash the transcript.
- *
- * Every block renders inside an error boundary for the same reason: block
- * data comes from tool results and (via `buoy_ui`) from the model, and a
- * shape the renderer chokes on must cost ONE card, not the conversation. A
- * live eval watched model-fabricated data crash the app and take the chat —
- * the only undo surface — down with it.
- */
-import { Component } from "react";
-import { StyleSheet, Text } from "react-native";
-import { night } from "@buoy-gg/shared-ui";
-import { Choice, Confirm, Input } from "./AskBlocks";
-import { Chart, Code, Diff, Finding, KeyValue, List, Notice, Steps, Table } from "./DataBlocks";
-import { ImageGrid } from "./MediaBlocks";
-import { Crash, LogList, Peek, RequestCard, RequestList, RouteChips, RuleCard, ScreenElements } from "./ReceiptBlocks";
-import { Banner, CardCarousel, CardView, Checkpoint, Claim, Compare, DateTime, Details, File, Form, MultiSelect, Plan, Proposal, Screenshot, Select, Slider, Sparkline, Suggestions, Tabs, Task, Timeline, Upload } from "./ExtraBlocks";
-import { ActionRow } from "./primitives";
-import { jsx as _jsx } from "react/jsx-runtime";
-class BlockBoundary extends Component {
-  state = {
-    failed: false
-  };
-  static getDerivedStateFromError() {
-    return {
-      failed: true
-    };
-  }
-  render() {
-    if (this.state.failed) {
-      return /*#__PURE__*/_jsx(Text, {
-        style: boundaryStyles.fallback,
-        testID: "buoy-block-render-failed",
-        children: "This card couldn't be drawn \u2014 the data behind it is still in the conversation."
-      });
-    }
-    return this.props.children;
-  }
-}
-const boundaryStyles = StyleSheet.create({
-  fallback: {
-    color: night.color.textTertiary,
-    fontSize: night.font.micro,
-    fontStyle: "italic",
-    paddingVertical: 6
-  }
-});
-export function BlockRenderer({
-  block
-}) {
-  return /*#__PURE__*/_jsx(BlockBoundary, {
-    children: /*#__PURE__*/_jsx(BlockRendererInner, {
-      block: block
-    })
-  });
-}
-function BlockRendererInner({
-  block
-}) {
-  switch (block.kind) {
-    case "choice":
-      return /*#__PURE__*/_jsx(Choice, {
-        block: block
-      });
-    case "confirm":
-      return /*#__PURE__*/_jsx(Confirm, {
-        block: block
-      });
-    case "input":
-      return /*#__PURE__*/_jsx(Input, {
-        block: block
-      });
-    case "table":
-      return /*#__PURE__*/_jsx(Table, {
-        block: block
-      });
-    case "keyValue":
-      return /*#__PURE__*/_jsx(KeyValue, {
-        block: block
-      });
-    case "list":
-      return /*#__PURE__*/_jsx(List, {
-        block: block
-      });
-    case "imageGrid":
-      return /*#__PURE__*/_jsx(ImageGrid, {
-        block: block
-      });
-    case "diff":
-      return /*#__PURE__*/_jsx(Diff, {
-        block: block
-      });
-    case "chart":
-      return /*#__PURE__*/_jsx(Chart, {
-        block: block
-      });
-    case "steps":
-      return /*#__PURE__*/_jsx(Steps, {
-        block: block
-      });
-    case "code":
-      return /*#__PURE__*/_jsx(Code, {
-        block: block
-      });
-    case "actions":
-      return /*#__PURE__*/_jsx(ActionRow, {
-        actions: block.actions,
-        blockId: block.id
-      });
-    case "notice":
-      return /*#__PURE__*/_jsx(Notice, {
-        block: block
-      });
-    case "finding":
-      return /*#__PURE__*/_jsx(Finding, {
-        block: block
-      });
-    case "requestList":
-      return /*#__PURE__*/_jsx(RequestList, {
-        block: block
-      });
-    case "requestCard":
-      return /*#__PURE__*/_jsx(RequestCard, {
-        block: block
-      });
-    case "ruleCard":
-      return /*#__PURE__*/_jsx(RuleCard, {
-        block: block
-      });
-    case "screenElements":
-      return /*#__PURE__*/_jsx(ScreenElements, {
-        block: block
-      });
-    case "routeChips":
-      return /*#__PURE__*/_jsx(RouteChips, {
-        block: block
-      });
-    case "logList":
-      return /*#__PURE__*/_jsx(LogList, {
-        block: block
-      });
-    case "crash":
-      return /*#__PURE__*/_jsx(Crash, {
-        block: block
-      });
-    case "peek":
-      return /*#__PURE__*/_jsx(Peek, {
-        block: block
-      });
-    case "suggestions":
-      return /*#__PURE__*/_jsx(Suggestions, {
-        block: block
-      });
-    case "multiSelect":
-      return /*#__PURE__*/_jsx(MultiSelect, {
-        block: block
-      });
-    case "select":
-      return /*#__PURE__*/_jsx(Select, {
-        block: block
-      });
-    case "slider":
-      return /*#__PURE__*/_jsx(Slider, {
-        block: block
-      });
-    case "dateTime":
-      return /*#__PURE__*/_jsx(DateTime, {
-        block: block
-      });
-    case "form":
-      return /*#__PURE__*/_jsx(Form, {
-        block: block
-      });
-    case "proposal":
-      return /*#__PURE__*/_jsx(Proposal, {
-        block: block
-      });
-    case "claim":
-      return /*#__PURE__*/_jsx(Claim, {
-        block: block
-      });
-    case "details":
-      return /*#__PURE__*/_jsx(Details, {
-        block: block
-      });
-    case "tabs":
-      return /*#__PURE__*/_jsx(Tabs, {
-        block: block
-      });
-    case "timeline":
-      return /*#__PURE__*/_jsx(Timeline, {
-        block: block
-      });
-    case "sparkline":
-      return /*#__PURE__*/_jsx(Sparkline, {
-        block: block
-      });
-    case "compare":
-      return /*#__PURE__*/_jsx(Compare, {
-        block: block
-      });
-    case "card":
-      return /*#__PURE__*/_jsx(CardView, {
-        block: block
-      });
-    case "cardCarousel":
-      return /*#__PURE__*/_jsx(CardCarousel, {
-        block: block
-      });
-    case "screenshot":
-      return /*#__PURE__*/_jsx(Screenshot, {
-        block: block
-      });
-    case "plan":
-      return /*#__PURE__*/_jsx(Plan, {
-        block: block
-      });
-    case "checkpoint":
-      return /*#__PURE__*/_jsx(Checkpoint, {
-        block: block
-      });
-    case "task":
-      return /*#__PURE__*/_jsx(Task, {
-        block: block
-      });
-    case "banner":
-      return /*#__PURE__*/_jsx(Banner, {
-        block: block
-      });
-    case "file":
-      return /*#__PURE__*/_jsx(File, {
-        block: block
-      });
-    case "upload":
-      return /*#__PURE__*/_jsx(Upload, {
-        block: block
-      });
-    default:
-      return null;
-  }
-}
-//# sourceMappingURL=BlockRenderer.js.map
+"use strict";import{Component}from"react";import{StyleSheet,Text}from"react-native";import{night}from"@buoy-gg/shared-ui";import{Choice,Confirm,Input}from"./AskBlocks";import{Chart,Code,Diff,Finding,KeyValue,List,Notice,Steps,Table}from"./DataBlocks";import{ImageGrid}from"./MediaBlocks";import{Crash,LogList,Peek,RequestCard,RequestList,RouteChips,RuleCard,ScreenElements}from"./ReceiptBlocks";import{Banner,CardCarousel,CardView,Checkpoint,Claim,Compare,DateTime,Details,File,Form,MultiSelect,Plan,Proposal,Screenshot,Select,Slider,Sparkline,Suggestions,Tabs,Task,Timeline,Upload}from"./ExtraBlocks";import{ActionRow}from"./primitives";import{jsx as _jsx}from"react/jsx-runtime";class BlockBoundary extends Component{state={failed:!1};static getDerivedStateFromError(){return{failed:!0}}render(){return this.state.failed?_jsx(Text,{style:boundaryStyles.fallback,testID:"buoy-block-render-failed",children:"This card couldn't be drawn — the data behind it is still in the conversation."}):this.props.children}}const boundaryStyles=StyleSheet.create({fallback:{color:night.color.textTertiary,fontSize:night.font.micro,fontStyle:"italic",paddingVertical:6}});export function BlockRenderer({block:e}){return _jsx(BlockBoundary,{children:_jsx(BlockRendererInner,{block:e})})}function BlockRendererInner({block:e}){switch(e.kind){case"choice":return _jsx(Choice,{block:e});case"confirm":return _jsx(Confirm,{block:e});case"input":return _jsx(Input,{block:e});case"table":return _jsx(Table,{block:e});case"keyValue":return _jsx(KeyValue,{block:e});case"list":return _jsx(List,{block:e});case"imageGrid":return _jsx(ImageGrid,{block:e});case"diff":return _jsx(Diff,{block:e});case"chart":return _jsx(Chart,{block:e});case"steps":return _jsx(Steps,{block:e});case"code":return _jsx(Code,{block:e});case"actions":return _jsx(ActionRow,{actions:e.actions,blockId:e.id});case"notice":return _jsx(Notice,{block:e});case"finding":return _jsx(Finding,{block:e});case"requestList":return _jsx(RequestList,{block:e});case"requestCard":return _jsx(RequestCard,{block:e});case"ruleCard":return _jsx(RuleCard,{block:e});case"screenElements":return _jsx(ScreenElements,{block:e});case"routeChips":return _jsx(RouteChips,{block:e});case"logList":return _jsx(LogList,{block:e});case"crash":return _jsx(Crash,{block:e});case"peek":return _jsx(Peek,{block:e});case"suggestions":return _jsx(Suggestions,{block:e});case"multiSelect":return _jsx(MultiSelect,{block:e});case"select":return _jsx(Select,{block:e});case"slider":return _jsx(Slider,{block:e});case"dateTime":return _jsx(DateTime,{block:e});case"form":return _jsx(Form,{block:e});case"proposal":return _jsx(Proposal,{block:e});case"claim":return _jsx(Claim,{block:e});case"details":return _jsx(Details,{block:e});case"tabs":return _jsx(Tabs,{block:e});case"timeline":return _jsx(Timeline,{block:e});case"sparkline":return _jsx(Sparkline,{block:e});case"compare":return _jsx(Compare,{block:e});case"card":return _jsx(CardView,{block:e});case"cardCarousel":return _jsx(CardCarousel,{block:e});case"screenshot":return _jsx(Screenshot,{block:e});case"plan":return _jsx(Plan,{block:e});case"checkpoint":return _jsx(Checkpoint,{block:e});case"task":return _jsx(Task,{block:e});case"banner":return _jsx(Banner,{block:e});case"file":return _jsx(File,{block:e});case"upload":return _jsx(Upload,{block:e});default:return null}}