@overmap-ai/blocks 1.0.30-softer-icon-error.0 → 1.0.31-fix-error-boundary.0

package/dist/blocks.umd.cjs

@@ -2724,20 +2724,24 @@
   const Separator$1 = React.memo(_Separator);
   const centerStyles = { placeSelf: "center" };
   const ErrorFallback = React.memo((props) => {
-    const { absoluteCentering } = props;
+    const { absoluteCentering, message = "Something went wrong", onRetry } = props;
     const { resetBoundary } = reactErrorBoundary.useErrorBoundary();
     const height = "20px";
     const outerFlexStyles = absoluteCentering ? { position: "absolute", top: "50%", transform: "translateY(-50%)" } : void 0;
+    const handleRetry = React.useCallback(() => {
+      resetBoundary();
+      onRetry();
+    }, [onRetry, resetBoundary]);
     return /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: "2", direction: "row", width: "100%", style: outerFlexStyles, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flexGrow: 1 } }),
       /* @__PURE__ */ jsxRuntime.jsx(RiIcon, { icon: "RiAlertLine", size: height, style: centerStyles }),
-      /* @__PURE__ */ jsxRuntime.jsx(Text$1, { style: { lineHeight: height, ...centerStyles }, children: "Something went wrong" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Text$1, { style: { lineHeight: height, ...centerStyles }, children: message }),
       /* @__PURE__ */ jsxRuntime.jsx(
         IconButton,
         {
           "aria-label": "Try again",
           variant: "soft",
-          onClick: resetBoundary,
+          onClick: handleRetry,
           style: centerStyles,
           hoverEffects: ["spin180Clockwise"],
           children: /* @__PURE__ */ jsxRuntime.jsx(RiIcon, { icon: "RiLoopLeftLine", size: height })
@@ -2748,11 +2752,23 @@
   });
   ErrorFallback.displayName = "ErrorFallback";
   const OvermapErrorBoundary = React.memo((props) => {
-    const { absoluteCentering } = props;
+    const { absoluteCentering, message } = props;
+    const [attempt, setAttempt] = React.useState(0);
     const logError = React.useCallback((error, info) => {
       console.error(error, info);
     }, []);
-    return /* @__PURE__ */ jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary, { fallback: /* @__PURE__ */ jsxRuntime.jsx(ErrorFallback, { absoluteCentering }), onError: logError, children: props.children });
+    const handleRetry = React.useCallback(() => {
+      setAttempt((prev) => prev + 1);
+    }, []);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactErrorBoundary.ErrorBoundary,
+      {
+        fallback: /* @__PURE__ */ jsxRuntime.jsx(ErrorFallback, { absoluteCentering, message, onRetry: handleRetry }),
+        onError: logError,
+        children: props.children
+      },
+      attempt
+    );
   });
   OvermapErrorBoundary.displayName = "OvermapErrorBoundary";
   const OvermapInputItem$1 = "_OvermapInputItem_1jgzv_1";