Function LNDViewInvoice

screen/lnd/lndViewInvoice.tsx:35–452

()

};

const LNDViewInvoice = () => {
  const { invoice, walletID } = useRoute<RouteProp<{ params: LNDViewInvoiceRouteParams }, 'params'>>().params;
  const { wallets, fetchAndSaveWalletTransactions } = useStorage();
  const { colors, closeImage } = useTheme();
  const { direction } = useLocale();
  const { goBack, navigate, setParams, setOptions } = useExtendedNavigation();
  const navigation = useNavigation();

  const wallet = wallets.find(w => w.getID() === walletID) as LightningCustodianWallet | undefined;
  const arkWallet =
    wallet && (wallet as { type?: string }).type === LightningArkWallet.type ? (wallet as unknown as LightningArkWallet) : undefined;
  const [isFetchingInvoices, setIsFetchingInvoices] = useState<boolean>(true);
  const [invoiceStatusChanged, setInvoiceStatusChanged] = useState<boolean>(false);
  const [qrCodeSize, setQRCodeSize] = useState<number>(90);
  const fetchInvoiceInterval = useRef<any>(null);
  const isModal = useNavigationState(state => state.routeNames[0] === LNDCreateInvoice.routeName);

  // Per-swap claim/refund lookup, by the `swap-${id}` prefix mapped onto
  // the row's `txid` field by lightning-ark-wallet getTransactions(). The
  // route param is typed as LightningTransaction (which doesn't declare
  // txid) but at runtime carries the merged `Transaction & LightningTransaction`
  // shape, so we read txid through a narrow local cast. For non-Ark wallets
  // and non-swap rows this resolves to undefined and the UI falls through
  // to the existing branches.
  const invoiceTxid = typeof invoice === 'object' ? (invoice as { txid?: unknown }).txid : undefined;
  const swapId = typeof invoiceTxid === 'string' && invoiceTxid.startsWith('swap-') ? invoiceTxid.slice('swap-'.length) : undefined;
  // Force-render token: bumped by the swap-event subscription below so live
  // `swap.status` lookups (via getSwapById → _swapHistory) re-evaluate the
  // moment the SDK observes a status transition, without waiting for the
  // 3s polling tick to update the route-param snapshot.
  const [, forceRender] = useReducer((x: number) => x + 1, 0);
  const swap = swapId && arkWallet ? arkWallet.getSwapById(swapId) : undefined;
  const [isActioning, setIsActioning] = useState<boolean>(false);
  const claimable = arkWallet && swap ? arkWallet.isSwapClaimable(swap) : false;
  const refundable = arkWallet && swap ? arkWallet.isSwapRefundable(swap) : false;

  // Subscribe to SwapManager status transitions for our swap so the spinner
  // → success transition is driven by SDK events, not the 3s polling lag.
  // The SDK mutates `swap.status` in place before invoking listeners, so by
  // the time we force a render `getSwapById(swapId).status` reflects the
  // new state and the success/refund branches re-evaluate correctly.
  useEffect(() => {
    if (!arkWallet || !swapId) return;
    return arkWallet.subscribeToSwapEvents(updatedSwap => {
      if (updatedSwap.id === swapId) forceRender();
    });
  }, [arkWallet, swapId]);

  const refreshAfterAction = async () => {
    if (!arkWallet || !swapId) return;
    const updatedRow = arkWallet.getTransactions().find(tx => tx.txid === `swap-${swapId}`);
    if (updatedRow) setParams({ invoice: updatedRow });
    setInvoiceStatusChanged(true);
    fetchAndSaveWalletTransactions(walletID);
  };

  const onRefundPressed = async () => {
    if (!arkWallet || !swap || isActioning) return;