@compass-labs/widgets 0.1.2 → 0.1.3

package/dist/index.mjs

@@ -4035,8 +4035,9 @@ function useSwapQuote({ fromToken, toToken, amount, enabled = true }) {
         });
         const response = await fetch(`/api/compass/swap/quote?${params}`);
         if (!response.ok) {
-          const error = await response.json();
-          throw new Error(error.error || "Failed to get swap quote");
+          const errorData = await response.json();
+          const errorMessage = errorData.message || errorData.error || "Failed to get swap quote";
+          throw new Error(errorMessage);
         }
         const data = await response.json();
         const outputAmount = data.estimatedAmountOut || "0";
@@ -4083,7 +4084,7 @@ function SwapWidget({
   const [swapStatus, setSwapStatus] = useState("");
   const { address, isConnected, signTypedData } = useCompassWallet();
   const { chainId } = useChain();
-  const { quote, isLoading: isQuoteLoading } = useSwapQuote({
+  const { quote, isLoading: isQuoteLoading, error: quoteError } = useSwapQuote({
     fromToken,
     toToken,
     amount: fromAmount,
@@ -4155,9 +4156,8 @@ function SwapWidget({
       setIsSwapping(false);
     }
   }, [address, fromAmount, quote, chainId, fromToken, toToken, signTypedData, onSwapSuccess, onSwapError]);
-  const isCompact = layout === "compact";
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-    !isCompact && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [
       /* @__PURE__ */ jsx(ChainSwitcher, {}),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx(EarnAccountBalance, { compact: true }),
@@ -4231,6 +4231,20 @@ function SwapWidget({
         toToken
       ] })
     ] }),
+    quoteError && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex items-center gap-2 p-3 rounded-lg text-sm",
+        style: {
+          backgroundColor: "var(--compass-color-error-muted)",
+          color: "var(--compass-color-error)"
+        },
+        children: [
+          /* @__PURE__ */ jsx(AlertCircle, { size: 16 }),
+          /* @__PURE__ */ jsx("span", { children: quoteError.message })
+        ]
+      }
+    ),
     swapStatus && /* @__PURE__ */ jsxs(
       "div",
       {