@hot-labs/kit 1.4.0 → 1.4.2

package/src/ui/profile/Payment.tsx

@@ -66,7 +66,7 @@ export const Payment = observer(({ connector, intents, title = "Payment", allowe
   } | null>(needAmount === 0n ? { step: "transfer" } : null);
 
   const paymentTitle = title || `Pay ${payableToken.readable(needAmount)} ${payableToken.symbol}`;
-  const showPrepaidToken = payableToken.float(prepaidAmount) * payableToken.usd >= 0.01;
+  const showPrepaidToken = payableToken.float(prepaidAmount) >= 0.001;
 
   const selectToken = async (from: Token, wallet?: OmniWallet) => {
     if (!wallet) return;
@@ -74,7 +74,7 @@ export const Payment = observer(({ connector, intents, title = "Payment", allowe
     try {
       setFlow({ token: from, wallet, review: undefined, step: "sign" });
       const insurance = (needAmount * BigInt(Math.floor(PAY_SLIPPAGE * 1000))) / BigInt(1000);
-      const extra = connector.exchange.isDirectDeposit(from, payableToken) ? insurance : 0n;
+      const extra = connector.exchange.isDirectDeposit(from, payableToken) ? 0n : insurance;
       const review = await connector.exchange.reviewSwap({
         recipient: intents.signer!,
         amount: needAmount + extra,
@@ -271,7 +271,7 @@ export const Payment = observer(({ connector, intents, title = "Payment", allowe
     if (excludedTokens != null && excludedTokens?.includes(token.id)) return null;
 
     // same token as need and enough balance is direct deposit
-    if (token.originalChain === payableToken.originalChain && token.originalAddress === payableToken.originalAddress && availableBalance >= payableToken.float(needAmount)) {
+    if (token.originalId === payableToken.originalId && availableBalance >= payableToken.float(needAmount)) {
       return <TokenCard key={token.id} token={token} onSelect={selectToken} hot={connector} wallet={wallet} />;
     }
 

package/src/ui/uikit/button.tsx

@@ -1,6 +1,6 @@
-import styled from "styled-components";
+import styled, { css } from "styled-components";
 
-export const ActionButton = styled.button`
+export const ActionButton = styled.button<{ $stroke?: boolean }>`
   display: flex;
   padding: 0 24px;
   border-radius: 12px;
@@ -11,6 +11,7 @@ export const ActionButton = styled.button`
   transition: background 0.2s ease-in-out;
   height: 48px;
   min-height: 48px;
+  max-height: 48px;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
@@ -36,6 +37,25 @@ export const ActionButton = styled.button`
     color: #828282;
     cursor: not-allowed;
   }
+
+  ${(p) =>
+    p.$stroke &&
+    css`
+      background: transparent;
+      border: 1px solid #d2d2d2;
+      color: #fff;
+
+      &:hover {
+        background: rgba(255, 255, 255, 0.1);
+        border: 1px solid #fff;
+      }
+
+      &:disabled {
+        background: transparent;
+        border: 1px solid #3e3e3e;
+        color: #828282;
+      }
+    `}
 `;
 
 export const Button = styled.button`