Loading loans

query GetBorrowerLoans($userId: ID!) {
  borrowerUser(userId: $userId) {
    loans {
      id
      submitted
      # ... other loan fields
    }
  }
}

const fetchLoans = async () => {
  const response = await fetch("pylon/loan-applications?user_id=user_24601");
  const loans = await response.json();
  return loans.filter((loan) => loan.archive_date === null);
};

const loans = await fetchLoans();

const openLoan = (loan) => {
  if (loan.submitted) {
    // Open Borrower Dashboard Element
    return (
      <BorrowerDashboardComponent
        authLeaseCallback={fetchPylonAuthLease}
        loanId={loan.id}
      />
    );
  } else {
    // Open Loan Application Element
    return (
      <LoanApplicationComponent
        authLeaseCallback={fetchPylonAuthLease}
        loanId={loan.id}
      />
    );
  }
};

// To start a new loan application, omit the loanId
<LoanApplicationComponent
  authLeaseCallback={fetchPylonAuthLease}
/>

<LoanApplicationComponent
  authLeaseCallback={fetchPylonAuthLease}
  // loanId is undefined for new applications
/>

// Step 1: Create loan and add borrower data via GraphQL API
const createLoanWithData = async () => {
  const mutation = `
    mutation CreateLoan($input: CreateLoanInput!) {
      createLoan(input: $input) {
        id
      }
    }
  `;

  const variables = {
    input: {
      dealId: "deal_123",
      borrowers: [{
        personalInformation: {
          firstName: "John",
          lastName: "Doe",
          email: "john.doe@example.com",
          phoneNumber: "555-1234"
        }
      }],
      property: {
        address: {
          street: "123 Main St",
          city: "San Francisco",
          state: "CA",
          zipCode: "94105"
        }
      }
    }
  };

  const response = await fetch("https://pylon.mortgage/graphql", {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
      Authorization: `Bearer ${accessToken}`,
    },
    body: JSON.stringify({ query: mutation, variables }),
  });

  const { data } = await response.json();
  return data.createLoan.id;
};

// Step 2: Initialize Element with the loanId
const loanId = await createLoanWithData();

<LoanApplicationComponent
  authLeaseCallback={fetchPylonAuthLease}
  loanId={loanId}
/>