@multiplatform.one/web3 5.0.27

package/dist/esm/components/TransactionStatus.mjs

@@ -0,0 +1,240 @@
+import { XStack, YStack, Text, Spinner, Button } from "tamagui";
+import { openUrl } from "@multiplatform.one/platform";
+import { jsx, jsxs } from "react/jsx-runtime";
+function TransactionStatus({
+  status,
+  hash,
+  receipt,
+  error,
+  onRetry,
+  onDismiss,
+  explorerUrl,
+  showDetails = true
+}) {
+  if (status === "idle") {
+    return null;
+  }
+  const statusConfig = getStatusConfig(status);
+  const truncatedHash = hash ? `${hash.slice(0, 10)}...${hash.slice(-8)}` : void 0;
+  return /* @__PURE__ */jsxs(YStack, {
+    gap: "$3",
+    padding: "$4",
+    backgroundColor: statusConfig.backgroundColor,
+    borderRadius: "$4",
+    borderWidth: 1,
+    borderColor: statusConfig.borderColor,
+    children: [/* @__PURE__ */jsxs(XStack, {
+      alignItems: "center",
+      gap: "$3",
+      children: [statusConfig.showSpinner && /* @__PURE__ */jsx(Spinner, {
+        size: "small",
+        color: statusConfig.color
+      }), statusConfig.icon && /* @__PURE__ */jsx(Text, {
+        fontSize: "$5",
+        color: statusConfig.color,
+        children: statusConfig.icon
+      }), /* @__PURE__ */jsxs(YStack, {
+        flex: 1,
+        children: [/* @__PURE__ */jsx(Text, {
+          fontWeight: "600",
+          fontSize: "$4",
+          color: statusConfig.color,
+          children: statusConfig.title
+        }), /* @__PURE__ */jsx(Text, {
+          fontSize: "$2",
+          color: "$gray10",
+          children: statusConfig.description
+        })]
+      })]
+    }), showDetails && hash && /* @__PURE__ */jsxs(YStack, {
+      gap: "$1",
+      children: [/* @__PURE__ */jsx(Text, {
+        fontSize: "$2",
+        color: "$gray11",
+        children: "Transaction Hash"
+      }), /* @__PURE__ */jsxs(XStack, {
+        alignItems: "center",
+        gap: "$2",
+        children: [/* @__PURE__ */jsx(Text, {
+          fontSize: "$3",
+          fontFamily: "$mono",
+          color: "$gray12",
+          children: truncatedHash
+        }), explorerUrl && /* @__PURE__ */jsx(Button, {
+          size: "$2",
+          chromeless: true,
+          onPress: () => {
+            openUrl(`${explorerUrl}/tx/${hash}`);
+          },
+          children: /* @__PURE__ */jsx(Text, {
+            fontSize: "$2",
+            color: "$blue10",
+            children: "View"
+          })
+        })]
+      })]
+    }), showDetails && receipt && status === "success" && /* @__PURE__ */jsxs(YStack, {
+      gap: "$2",
+      paddingTop: "$2",
+      borderTopWidth: 1,
+      borderTopColor: "$gray5",
+      children: [/* @__PURE__ */jsxs(XStack, {
+        justifyContent: "space-between",
+        children: [/* @__PURE__ */jsx(Text, {
+          fontSize: "$2",
+          color: "$gray11",
+          children: "Block Number"
+        }), /* @__PURE__ */jsx(Text, {
+          fontSize: "$2",
+          color: "$gray12",
+          children: receipt.blockNumber.toString()
+        })]
+      }), /* @__PURE__ */jsxs(XStack, {
+        justifyContent: "space-between",
+        children: [/* @__PURE__ */jsx(Text, {
+          fontSize: "$2",
+          color: "$gray11",
+          children: "Gas Used"
+        }), /* @__PURE__ */jsx(Text, {
+          fontSize: "$2",
+          color: "$gray12",
+          children: receipt.gasUsed.toString()
+        })]
+      }), receipt.effectiveGasPrice && /* @__PURE__ */jsxs(XStack, {
+        justifyContent: "space-between",
+        children: [/* @__PURE__ */jsx(Text, {
+          fontSize: "$2",
+          color: "$gray11",
+          children: "Effective Gas Price"
+        }), /* @__PURE__ */jsxs(Text, {
+          fontSize: "$2",
+          color: "$gray12",
+          children: [(Number(receipt.effectiveGasPrice) / 1e9).toFixed(2), " Gwei"]
+        })]
+      })]
+    }), error && /* @__PURE__ */jsxs(YStack, {
+      gap: "$1",
+      paddingTop: "$2",
+      borderTopWidth: 1,
+      borderTopColor: "$red5",
+      children: [/* @__PURE__ */jsx(Text, {
+        fontSize: "$2",
+        color: "$red11",
+        fontWeight: "500",
+        children: "Error Details"
+      }), /* @__PURE__ */jsx(Text, {
+        fontSize: "$2",
+        color: "$red10",
+        numberOfLines: 3,
+        children: getErrorMessage(error)
+      })]
+    }), (status === "error" || status === "success") && (onRetry || onDismiss) && /* @__PURE__ */jsxs(XStack, {
+      gap: "$3",
+      paddingTop: "$2",
+      children: [status === "error" && onRetry && /* @__PURE__ */jsx(Button, {
+        size: "$3",
+        theme: "active",
+        flex: 1,
+        onPress: onRetry,
+        children: /* @__PURE__ */jsx(Text, {
+          children: "Retry"
+        })
+      }), onDismiss && /* @__PURE__ */jsx(Button, {
+        size: "$3",
+        chromeless: true,
+        flex: 1,
+        onPress: onDismiss,
+        children: /* @__PURE__ */jsx(Text, {
+          children: "Dismiss"
+        })
+      })]
+    })]
+  });
+}
+function getStatusConfig(status) {
+  switch (status) {
+    case "simulating":
+      return {
+        title: "Simulating Transaction",
+        description: "Verifying the transaction will succeed...",
+        color: "$blue10",
+        backgroundColor: "$blue2",
+        borderColor: "$blue5",
+        showSpinner: true
+      };
+    case "pending-signature":
+      return {
+        title: "Awaiting Signature",
+        description: "Please confirm the transaction in your wallet",
+        color: "$yellow10",
+        backgroundColor: "$yellow2",
+        borderColor: "$yellow5",
+        showSpinner: true
+      };
+    case "pending-confirmation":
+      return {
+        title: "Transaction Pending",
+        description: "Waiting for blockchain confirmation...",
+        color: "$orange10",
+        backgroundColor: "$orange2",
+        borderColor: "$orange5",
+        showSpinner: true
+      };
+    case "success":
+      return {
+        title: "Transaction Confirmed",
+        description: "Your transaction has been confirmed on the blockchain",
+        color: "$green10",
+        backgroundColor: "$green2",
+        borderColor: "$green5",
+        icon: "\u2714"
+        // Checkmark
+      };
+    case "error":
+      return {
+        title: "Transaction Failed",
+        description: "The transaction could not be completed",
+        color: "$red10",
+        backgroundColor: "$red2",
+        borderColor: "$red5",
+        icon: "\u2716"
+        // X mark
+      };
+    default:
+      return {
+        title: "Unknown Status",
+        description: "",
+        color: "$gray10",
+        backgroundColor: "$gray2",
+        borderColor: "$gray5"
+      };
+  }
+}
+function getErrorMessage(error) {
+  const message = error.message || "Unknown error occurred";
+  if (message.includes("User rejected")) {
+    return "Transaction was rejected by the user";
+  }
+  if (message.includes("insufficient funds")) {
+    return "Insufficient funds to complete this transaction";
+  }
+  if (message.includes("execution reverted")) {
+    const revertMatch = message.match(/execution reverted: (.*?)(?:"|$)/);
+    if (revertMatch) {
+      return revertMatch[1];
+    }
+    return "Transaction would fail. Check contract conditions.";
+  }
+  if (message.includes("nonce")) {
+    return "Transaction nonce error. Try resetting your wallet.";
+  }
+  if (message.includes("gas")) {
+    return "Gas estimation failed. The transaction may fail.";
+  }
+  if (message.length > 150) {
+    return message.slice(0, 147) + "...";
+  }
+  return message;
+}
+export { TransactionStatus };
+//# sourceMappingURL=TransactionStatus.mjs.map

package/dist/esm/components/TransactionStatus.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["XStack","YStack","Text","Spinner","Button","openUrl","jsx","jsxs","TransactionStatus","status","hash","receipt","error","onRetry","onDismiss","explorerUrl","showDetails","statusConfig","getStatusConfig","truncatedHash","slice","gap","padding","backgroundColor","borderRadius","borderWidth","borderColor","children","alignItems","showSpinner","size","color","icon","fontSize","flex","fontWeight","title","description","fontFamily","chromeless","onPress","paddingTop","borderTopWidth","borderTopColor","justifyContent","blockNumber","toString","gasUsed","effectiveGasPrice","Number","toFixed","numberOfLines","getErrorMessage","theme","message","includes","revertMatch","match","length"],"sources":["../../../src/components/TransactionStatus.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/components/TransactionStatus.native.js

@@ -0,0 +1,246 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { XStack, YStack, Text, Spinner, Button } from "tamagui";
+import { openUrl } from "@multiplatform.one/platform";
+function TransactionStatus(param) {
+  var {
+    status,
+    hash,
+    receipt,
+    error,
+    onRetry,
+    onDismiss,
+    explorerUrl,
+    showDetails = true
+  } = param;
+  if (status === "idle") {
+    return null;
+  }
+  var statusConfig = getStatusConfig(status);
+  var truncatedHash = hash ? `${hash.slice(0, 10)}...${hash.slice(-8)}` : void 0;
+  return /* @__PURE__ */_jsxs(YStack, {
+    gap: "$3",
+    padding: "$4",
+    backgroundColor: statusConfig.backgroundColor,
+    borderRadius: "$4",
+    borderWidth: 1,
+    borderColor: statusConfig.borderColor,
+    children: [/* Status Header */
+    /* @__PURE__ */_jsxs(XStack, {
+      alignItems: "center",
+      gap: "$3",
+      children: [statusConfig.showSpinner && /* @__PURE__ */_jsx(Spinner, {
+        size: "small",
+        color: statusConfig.color
+      }), statusConfig.icon && /* @__PURE__ */_jsx(Text, {
+        fontSize: "$5",
+        color: statusConfig.color,
+        children: statusConfig.icon
+      }), /* @__PURE__ */_jsxs(YStack, {
+        flex: 1,
+        children: [/* @__PURE__ */_jsx(Text, {
+          fontWeight: "600",
+          fontSize: "$4",
+          color: statusConfig.color,
+          children: statusConfig.title
+        }), /* @__PURE__ */_jsx(Text, {
+          fontSize: "$2",
+          color: "$gray10",
+          children: statusConfig.description
+        })]
+      })]
+    }), /* Transaction Hash */
+    showDetails && hash && /* @__PURE__ */_jsxs(YStack, {
+      gap: "$1",
+      children: [/* @__PURE__ */_jsx(Text, {
+        fontSize: "$2",
+        color: "$gray11",
+        children: "Transaction Hash"
+      }), /* @__PURE__ */_jsxs(XStack, {
+        alignItems: "center",
+        gap: "$2",
+        children: [/* @__PURE__ */_jsx(Text, {
+          fontSize: "$3",
+          fontFamily: "$mono",
+          color: "$gray12",
+          children: truncatedHash
+        }), explorerUrl && /* @__PURE__ */_jsx(Button, {
+          size: "$2",
+          chromeless: true,
+          onPress: function onPress() {
+            openUrl(`${explorerUrl}/tx/${hash}`);
+          },
+          children: /* @__PURE__ */_jsx(Text, {
+            fontSize: "$2",
+            color: "$blue10",
+            children: "View"
+          })
+        })]
+      })]
+    }), /* Receipt Details */
+    showDetails && receipt && status === "success" && /* @__PURE__ */_jsxs(YStack, {
+      gap: "$2",
+      paddingTop: "$2",
+      borderTopWidth: 1,
+      borderTopColor: "$gray5",
+      children: [/* @__PURE__ */_jsxs(XStack, {
+        justifyContent: "space-between",
+        children: [/* @__PURE__ */_jsx(Text, {
+          fontSize: "$2",
+          color: "$gray11",
+          children: "Block Number"
+        }), /* @__PURE__ */_jsx(Text, {
+          fontSize: "$2",
+          color: "$gray12",
+          children: receipt.blockNumber.toString()
+        })]
+      }), /* @__PURE__ */_jsxs(XStack, {
+        justifyContent: "space-between",
+        children: [/* @__PURE__ */_jsx(Text, {
+          fontSize: "$2",
+          color: "$gray11",
+          children: "Gas Used"
+        }), /* @__PURE__ */_jsx(Text, {
+          fontSize: "$2",
+          color: "$gray12",
+          children: receipt.gasUsed.toString()
+        })]
+      }), receipt.effectiveGasPrice && /* @__PURE__ */_jsxs(XStack, {
+        justifyContent: "space-between",
+        children: [/* @__PURE__ */_jsx(Text, {
+          fontSize: "$2",
+          color: "$gray11",
+          children: "Effective Gas Price"
+        }), /* @__PURE__ */_jsxs(Text, {
+          fontSize: "$2",
+          color: "$gray12",
+          children: [(Number(receipt.effectiveGasPrice) / 1e9).toFixed(2), " Gwei"]
+        })]
+      })]
+    }), /* Error Details */
+    error && /* @__PURE__ */_jsxs(YStack, {
+      gap: "$1",
+      paddingTop: "$2",
+      borderTopWidth: 1,
+      borderTopColor: "$red5",
+      children: [/* @__PURE__ */_jsx(Text, {
+        fontSize: "$2",
+        color: "$red11",
+        fontWeight: "500",
+        children: "Error Details"
+      }), /* @__PURE__ */_jsx(Text, {
+        fontSize: "$2",
+        color: "$red10",
+        numberOfLines: 3,
+        children: getErrorMessage(error)
+      })]
+    }), /* Action Buttons */
+    (status === "error" || status === "success") && (onRetry || onDismiss) && /* @__PURE__ */_jsxs(XStack, {
+      gap: "$3",
+      paddingTop: "$2",
+      children: [status === "error" && onRetry && /* @__PURE__ */_jsx(Button, {
+        size: "$3",
+        theme: "active",
+        flex: 1,
+        onPress: onRetry,
+        children: /* @__PURE__ */_jsx(Text, {
+          children: "Retry"
+        })
+      }), onDismiss && /* @__PURE__ */_jsx(Button, {
+        size: "$3",
+        chromeless: true,
+        flex: 1,
+        onPress: onDismiss,
+        children: /* @__PURE__ */_jsx(Text, {
+          children: "Dismiss"
+        })
+      })]
+    })]
+  });
+}
+function getStatusConfig(status) {
+  switch (status) {
+    case "simulating":
+      return {
+        title: "Simulating Transaction",
+        description: "Verifying the transaction will succeed...",
+        color: "$blue10",
+        backgroundColor: "$blue2",
+        borderColor: "$blue5",
+        showSpinner: true
+      };
+    case "pending-signature":
+      return {
+        title: "Awaiting Signature",
+        description: "Please confirm the transaction in your wallet",
+        color: "$yellow10",
+        backgroundColor: "$yellow2",
+        borderColor: "$yellow5",
+        showSpinner: true
+      };
+    case "pending-confirmation":
+      return {
+        title: "Transaction Pending",
+        description: "Waiting for blockchain confirmation...",
+        color: "$orange10",
+        backgroundColor: "$orange2",
+        borderColor: "$orange5",
+        showSpinner: true
+      };
+    case "success":
+      return {
+        title: "Transaction Confirmed",
+        description: "Your transaction has been confirmed on the blockchain",
+        color: "$green10",
+        backgroundColor: "$green2",
+        borderColor: "$green5",
+        icon: "\u2714"
+      };
+    // Checkmark
+    case "error":
+      return {
+        title: "Transaction Failed",
+        description: "The transaction could not be completed",
+        color: "$red10",
+        backgroundColor: "$red2",
+        borderColor: "$red5",
+        icon: "\u2716"
+      };
+    // X mark
+    default:
+      return {
+        title: "Unknown Status",
+        description: "",
+        color: "$gray10",
+        backgroundColor: "$gray2",
+        borderColor: "$gray5"
+      };
+  }
+}
+function getErrorMessage(error) {
+  var message = error.message || "Unknown error occurred";
+  if (message.includes("User rejected")) {
+    return "Transaction was rejected by the user";
+  }
+  if (message.includes("insufficient funds")) {
+    return "Insufficient funds to complete this transaction";
+  }
+  if (message.includes("execution reverted")) {
+    var revertMatch = message.match(/execution reverted: (.*?)(?:"|$)/);
+    if (revertMatch) {
+      return revertMatch[1];
+    }
+    return "Transaction would fail. Check contract conditions.";
+  }
+  if (message.includes("nonce")) {
+    return "Transaction nonce error. Try resetting your wallet.";
+  }
+  if (message.includes("gas")) {
+    return "Gas estimation failed. The transaction may fail.";
+  }
+  if (message.length > 150) {
+    return message.slice(0, 147) + "...";
+  }
+  return message;
+}
+export { TransactionStatus };
+//# sourceMappingURL=TransactionStatus.native.js.map

package/dist/esm/components/TransactionStatus.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XStack","YStack","Text","Spinner","Button","openUrl","TransactionStatus","param","status","hash","receipt","error","onRetry","onDismiss","explorerUrl","showDetails","statusConfig","getStatusConfig","truncatedHash","slice","gap","padding","backgroundColor","borderRadius","borderWidth","borderColor","children","alignItems","showSpinner","size","color","icon","fontSize","flex","fontWeight","title","description","fontFamily","chromeless","onPress","paddingTop","borderTopWidth","borderTopColor","justifyContent","blockNumber","toString","gasUsed","effectiveGasPrice","Number","toFixed","numberOfLines","getErrorMessage"],"sources":["../../../src/components/TransactionStatus.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/components/WalletButton.mjs

@@ -0,0 +1,135 @@
+import { ConnectKitButton } from "../connectkit/index.mjs";
+import { Button, Text, XStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function WalletButton({
+  showBalance = false,
+  showAvatar = true,
+  label = "Connect Wallet",
+  mode = "default",
+  ...buttonProps
+}) {
+  if (mode === "default") {
+    return /* @__PURE__ */jsx(ConnectKitButton, {
+      showBalance,
+      showAvatar,
+      label
+    });
+  }
+  return /* @__PURE__ */jsx(ConnectKitButton.Custom, {
+    children: ({
+      isConnected,
+      isConnecting,
+      show,
+      address,
+      ensName
+    }) => /* @__PURE__ */jsx(Button, {
+      onPress: show,
+      disabled: isConnecting,
+      ...buttonProps,
+      children: /* @__PURE__ */jsxs(XStack, {
+        alignItems: "center",
+        gap: "$2",
+        children: [/* @__PURE__ */jsx(WalletIcon, {}), /* @__PURE__ */jsx(Text, {
+          children: isConnecting ? "Connecting..." : isConnected ? ensName || `${address?.slice(0, 6)}...${address?.slice(-4)}` : label
+        })]
+      })
+    })
+  });
+}
+function WalletAvatar({
+  size = 24
+}) {
+  return /* @__PURE__ */jsx(ConnectKitButton.Custom, {
+    children: ({
+      show,
+      isConnected
+    }) => isConnected ? /* @__PURE__ */jsx(Button, {
+      onPress: show,
+      size: "$2",
+      circular: true,
+      padding: 0,
+      width: size,
+      height: size,
+      children: /* @__PURE__ */jsx(ConnectKitButton, {
+        showAvatar: true
+      })
+    }) : null
+  });
+}
+function WalletStatus({
+  showBalance: _showBalance = true,
+  renderConnected,
+  renderDisconnected
+}) {
+  return /* @__PURE__ */jsx(ConnectKitButton.Custom, {
+    children: ({
+      isConnected,
+      address,
+      ensName,
+      show
+    }) => {
+      if (isConnected && address) {
+        if (renderConnected) {
+          return renderConnected({
+            address,
+            ensName
+          });
+        }
+        return /* @__PURE__ */jsxs(XStack, {
+          alignItems: "center",
+          gap: "$2",
+          children: [/* @__PURE__ */jsx(Text, {
+            fontSize: "$2",
+            color: "$gray11",
+            children: ensName || `${address.slice(0, 6)}...${address.slice(-4)}`
+          }), /* @__PURE__ */jsx(Button, {
+            size: "$2",
+            onPress: show,
+            children: /* @__PURE__ */jsx(Text, {
+              children: "Manage"
+            })
+          })]
+        });
+      }
+      if (renderDisconnected) {
+        return renderDisconnected();
+      }
+      return /* @__PURE__ */jsx(Button, {
+        onPress: show,
+        children: /* @__PURE__ */jsxs(XStack, {
+          alignItems: "center",
+          gap: "$2",
+          children: [/* @__PURE__ */jsx(WalletIcon, {}), /* @__PURE__ */jsx(Text, {
+            children: "Connect Wallet"
+          })]
+        })
+      });
+    }
+  });
+}
+function WalletIcon() {
+  return /* @__PURE__ */jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "20",
+    height: "20",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [/* @__PURE__ */jsx("path", {
+      d: "M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0-2 2v0a2 2 0 0 0 2 2h13a1 1 0 0 1 1 1v4"
+    }), /* @__PURE__ */jsx("path", {
+      d: "M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"
+    }), /* @__PURE__ */jsx("rect", {
+      width: "7",
+      height: "5",
+      x: "14",
+      y: "10",
+      rx: "1"
+    })]
+  });
+}
+export { WalletAvatar, WalletButton, WalletStatus };
+//# sourceMappingURL=WalletButton.mjs.map

package/dist/esm/components/WalletButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["ConnectKitButton","Button","Text","XStack","jsx","jsxs","WalletButton","showBalance","showAvatar","label","mode","buttonProps","Custom","children","isConnected","isConnecting","show","address","ensName","onPress","disabled","alignItems","gap","WalletIcon","slice","WalletAvatar","size","circular","padding","width","height","WalletStatus","_showBalance","renderConnected","renderDisconnected","fontSize","color","xmlns","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","d","x","y","rx"],"sources":["../../../src/components/WalletButton.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}