useCashAppSelection

Full snapshot of the Cash App deposit selection for review screens and submit gating.

When to use

When a component needs asset + amount together (for example a confirm step). Prefer the focused hooks (assets, asset, amount) for pickers.

Example

import {
  useCashAppOrder,
  useCashAppSelection,
} from '@swapped/connect-sdk/react'

function ReviewAndSubmit() {
  const {
    selectedAsset,
    amount,
    canSubmit,
    reset,
  } = useCashAppSelection()
  const { createOrder, isCreating } = useCashAppOrder()

  return (
    <div>
      <p>
        Deposit ${amount} as {selectedAsset?.asset} on {selectedAsset?.chain}
      </p>
      <button type="button" onClick={reset}>
        Reset
      </button>
      <button
        type="button"
        disabled={!canSubmit || isCreating}
        onClick={() => void createOrder()}
      >
        Continue
      </button>
    </div>
  )
}

Returns

Field	Purpose
selectedAsset	Destination asset
amount / amountFloat / minAmountFiat	Amount
canSubmit	Ready to call createOrder()
reset()	Clear selection back toward defaults

Requires CashAppProvider.