@compass-labs/widgets 0.1.17 → 0.1.19

package/dist/index.js

@@ -2074,33 +2074,7 @@ function EarnAccountGuard({
   const { isDeployed, isChecking, isCreating, createAccount, error } = useEarnAccount();
   const [createError, setCreateError] = react.useState(null);
   if (!isConnected) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: "compass-earn-guard p-6 text-center",
-        style: {
-          backgroundColor: "var(--compass-color-surface)",
-          borderRadius: "var(--compass-border-radius-xl)",
-          fontFamily: "var(--compass-font-family)"
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm mb-4", style: { color: "var(--compass-color-text-secondary)" }, children: "Connect your wallet to continue" }),
-          login && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onClick: login,
-              className: "px-4 py-2 font-medium transition-colors",
-              style: {
-                backgroundColor: "var(--compass-color-primary)",
-                color: "var(--compass-color-primary-text)",
-                borderRadius: "var(--compass-border-radius-lg)"
-              },
-              children: "Connect Wallet"
-            }
-          )
-        ]
-      }
-    );
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
   if (isChecking) {
     if (loadingComponent) {
@@ -4696,7 +4670,7 @@ function EarnAccount({
   defaultMarketType = "aave",
   defaultMinTvl = 0
 }) {
-  const { address, signTypedData, switchChain, walletChainId } = useEmbeddableWallet();
+  const { address, isConnected, login, signTypedData, switchChain, walletChainId } = useEmbeddableWallet();
   const { isDeployed } = useEarnAccount();
   const { chainId: CHAIN_ID } = useChain();
   const queryClient = reactQuery.useQueryClient();
@@ -5723,8 +5697,8 @@ function EarnAccount({
       /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
-          onClick: handleAction,
-          disabled: isProcessing || !selectedMarket || !amount || parseFloat(amount) <= 0 || parseFloat(amount) > maxAmount,
+          onClick: !isConnected && login ? login : handleAction,
+          disabled: isConnected && (isProcessing || !selectedMarket || !amount || parseFloat(amount) <= 0 || parseFloat(amount) > maxAmount),
           className: "w-full font-semibold transition-all disabled:opacity-50 disabled:cursor-not-allowed",
           style: {
             backgroundColor: "var(--compass-color-primary)",
@@ -5734,7 +5708,7 @@ function EarnAccount({
             fontSize: compact ? "0.875rem" : "1rem",
             transition: "var(--compass-transition-normal)"
           },
-          children: isProcessing ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center justify-center", style: { gap: "calc(var(--compass-spacing-unit) * 0.5)" }, children: [
+          children: !isConnected ? "Connect Wallet" : isProcessing ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center justify-center", style: { gap: "calc(var(--compass-spacing-unit) * 0.5)" }, children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { size: compact ? 16 : 20, className: "animate-spin" }),
             "Processing..."
           ] }) : !selectedMarket ? "Select a market" : needsActionSwap ? activeTab === "deposit" ? `Swap & Deposit` : `Withdraw & Swap` : activeTab === "deposit" ? "Deposit funds" : "Withdraw funds"