intrepidshape/elm-web3-ui/1.0.0

NOTE: the latest version is 4.0.0

Rerouted (renamed, verified). The GitHub user or repository was renamed. The tag is still there, at the new name. The Lamdera package server serves a copy recovered from https://github.com/IntrepidShape/elm-web3-ui.

What we checked: The repo moved to github.com/IntrepidShape/elm-web3-ui and tag 1.0.0 is there; its commit 4a2f1b2ed9a9 is from 2026-05-09 11:59 UTC, before the version was published (2026-05-09 12:02 UTC); elm.json is byte-identical to package.elm-lang.org's; the exposed modules match docs.json; the zip's SHA-1 is not the published one (GitHub's zip no longer comes out byte for byte the same), so the contents were checked instead.

The Lamdera compiler uses this copy and prints a one-line notice saying so. elm itself fails to download this version.

Details · package.elm-lang.org's zip: https://github.com/intrepidshape/elm-web3-ui/zipball/1.0.0/

Web3.Ui.Transaction

Transaction lifecycle UI components.

Pattern-match on Tx.Status to render appropriate UI without missing any state.

-- Status badge with modifier class:
Web3.Ui.Transaction.statusBadge [] tx.status


-- Action button disabled while in-flight:
Web3.Ui.Transaction.actionButton []
    { label = "Buy", pendingLabel = "Buying…", onPress = SubmitBuy }
    tx.status


-- Clickable tx hash link:
Web3.Ui.Transaction.txHashLink []
    { explorerUrl = "https://etherscan.io/tx/" }
    hash


-- Hash link extracted from status (Nothing when no hash available):
-- Pass Nothing for explorerUrl in local dev — renders a plain span instead of a dead link.
Web3.Ui.Transaction.statusHashLink []
    { explorerUrl = Just "https://etherscan.io/tx/" }
    tx.status


-- Confirmed receipt display:
Web3.Ui.Transaction.receiptView []
    { explorerUrl = "https://etherscan.io/tx/" }
    receipt
statusBadge : List (Attribute msg) -> Status -> Html msg

A status badge for the current transaction state.

Labels: "Idle" / "Awaiting Signature" / "Pending" / "Confirming" / "Confirmed" / "Failed" / "Rejected"

CSS classes: web3-tx-badge plus one of: web3-tx-badge--idle, web3-tx-badge--pending, web3-tx-badge--confirmed, web3-tx-badge--failed, web3-tx-badge--rejected

List (Attribute msg)
-> { label : String
, pendingLabel : String
, onPress : msg
}
-> Status
-> Html msg

An action button that is active in Idle and terminal states, and disabled while in-flight (AwaitingSignature, Submitted, Confirming).

Shows pendingLabel while the transaction is in-flight.

CSS classes: web3-action-btn, web3-action-btn--pending (added when disabled)

List (Attribute msg)
-> { explorerUrl : String }
-> Receipt
-> Html msg

Display a confirmed transaction receipt.

Root element: <div class="web3-receipt web3-receipt--success|failed">

Each field is wrapped in <div class="web3-receipt-field">.

CSS classes: web3-receipt, web3-receipt--success, web3-receipt--failed, web3-receipt-field