Receipts and confirmation screens

{
  "ref_number": "591bbfe14a",
  "is_voided": false,
  "snap_amount": "20.00",
  "ebt_cash_amount": "0.00",
  "other_amount": "0.00",
  "sales_tax_applied": "0.00",
  "balance": {
    "id": 29103,
    "snap": "80.00",
    "non_snap": "100.00",
    "updated": "2023-11-07T05:17:22.824579-08:00"
  },
  "last_4": "5455",
  "message": "Approved",
  "transaction_type": "Order",
  "created": "2023-11-07T05:17:23.122849-08:00"
}

function fetchOrderDetails(orderRef = '', sessionToken = '', merchantId = '') {
  const url = `https://api.sandbox.joinforage.app/api/orders/${orderRef}/`;

  const headers = {
    'API-Version': '2023-05-15',
    'Authorization': `Bearer ${sessionToken}`,
    'Merchant-Account': merchantId,
    'accept': 'application/json'
  };

  fetch(url, {
    method: 'GET',
    headers: headers
  })
  .then(response => {
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    return response.json();
  })
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error('There has been a problem with your fetch operation:', error);
  });
}

curl --request GET \
     --url https://api.sandbox.joinforage.app/api/orders/{order_ref}/ \
     --header 'Authorization: Bearer <authentication-token>' \
     --header 'Merchant-Account: 9000055' \
     --header 'accept: application/json' \
     --header 'content-type: application/json'

import React from "react";

const DataDisplay = (props) => {
  const {
    // From the Forage receipt object 
    transaction_type,
    snap_amount, 
    ebt_cash_amount, 
    other_amount, 
    sales_tax_applied,
    last_4, 
    // Merchant-provided or calculated 
    total_amount, 
    store_name, 
    contact_info,
    transaction_date, 
    transaction_time,
    snap_balance, 
    ebt_balance, 
    delivery_address, 
    fees  
  } = props

  return (
    <div>
      <p>Store Name: {data.store_name}</p>
      <p>Transaction Date: {data.transaction_date}</p>
      <p>Transaction Time: {data.transaction_time}</p>
      <p>Transaction Type: {data.transaction_type}</p>
      <p>Snap Amount: {data.snap_amount}</p>
      <p>EBT Cash Amount: {data.ebt_cash_amount}</p>
      <p>Other Amount: {data.other_amount}</p>
      <p>Sales Tax Applied: {data.sales_tax_applied}</p>
      <p>Fees: {data.fees}</p> 
      <p>Order Total: {data.total_amount}</p>
      <p>Remaining SNAP balance: {data.snap_balance}</p>
      <p>Remaining EBT Cash balance: {data.ebt_balance}</p>
      <p>Last 4 Card Digits: {data.last_4}</p>
      <p>Delivery Address: {data.delivery_address}</p>
      <p>Contact Info: {data.contact_info}</p>
    </div>
  );
};

export default DataDisplay;

import UIKit

class DataDisplayView: UIView {

    var data: [String: Any] = [:] {
        didSet {
            updateUI()
        }
    }
  
    // Example labels to display the data
    let storeNameLabel = UILabel()
    let transactionDateLabel = UILabel()
    let transactionTimeLabel = UILabel()
    let transactionTypeLabel = UILabel()
    let snapAmountLabel = UILabel()
    let ebtCashAmountLabel = UILabel()
    let otherAmountLabel = UILabel()
    let salesTaxAppliedLabel = UILabel()
    let feesLabel = UILabel()
    let orderTotalLabel = UILabel()
    let snapBalanceLabel = UILabel()
    let ebtCashBalanceLabel = UILabel()
    let last4Label = UILabel()
    let deliveryAddressLabel = UILabel()
    let contactInfoLabel = UILabel()

    override init(frame: CGRect) {
        super.init(frame: frame)
        setupUI()
    }

    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupUI()
    }

    private func setupUI() {
        addSubview(storeNameLabel)
        addSubview(transactionDateLabel)
        addSubview(transactionTimeLabel)
        addSubview(transactionTypeLabel)
        addSubview(snapAmountLabel)
        addSubview(ebtCashAmountLabel)
        addSubview(otherAmountLabel)
        addSubview(salesTaxAppliedLabel)
        addSubview(feesLabel)
        addSubview(orderTotalLabel)
        addSubview(snapBalanceLabel) 
        addSubview(ebtCashBalanceLabel)
        addSubview(last4Label)
        addSubview(deliveryAddressLabel) 
        addSubview(contactInfoLabel) 

        // Set layout constraints using AutoLayout or other layout methods
        storeNameLabel.frame = CGRect(x: 0, y: 0, width: frame.width, height: 20)
        transactionDateLabel.frame = CGRect(x: 0, y: 30, width: frame.width, height: 20)
        transactionTimeLabel.frame = CGRect(x: 0, y: 60, width: frame.width, height: 20)
        transactionTypeLabel.frame = CGRect(x: 0, y: 60, width: frame.width, height: 20)
        snapAmountLabel.frame = CGRect(x: 0, y: 60, width: frame.width, height: 20)
        ebtCashAmountLabel.frame = CGRect(x: 0, y: 60, width: frame.width, height: 20)
        otherAmountLabel.frame = CGRect(x: 0, y: 60, width: frame.width, height: 20)
        salesTaxAppliedLabel.frame = CGRect(x: 0, y: 60, width: frame.width, height: 20)
        feesLabel.frame = CGRect(x: 0, y: 60, width: frame.width, height: 20)
        orderTotalLabel.frame = CGRect(x: 0, y: 60, width: frame.width, height: 20)
        snapBalanceLabel.frame = CGRect(x: 0, y: 60, width: frame.width, height: 20)
        ebtCashBalanceLabel.frame = CGRect(x: 0, y: 60, width: frame.width, height: 20)
        last4Label.frame = CGRect(x: 0, y: 60, width: frame.width, height: 20)	
        deliveryAddressLabel.frame = CGRect(x: 0, y: 60, width: frame.width, height: 20)
        contactInfoLabel.frame = CGRect(x: 0, y: 60, width: frame.width, height: 20)       

        updateUI()
    }

    private func updateUI() {
        storeNameLabel.text = "Store Name: \(data["store_name"] ?? "")"
        transactionDateLabel.text = "Transaction Date: \(data["transaction_date"] ?? "")"
        transactionTimeLabel.text = "Transaction Time: \(data["transaction_time"] ?? "")"
        transactionTypeLabel.text = "Transaction Type: \(data["transaction_type"] ?? "")"
        snapAmountLabel.text = "Snap Amount: \(data["snap_amount"] ?? "")"
        ebtCashAmountLabel.text = "EBT Cash Amount: \(data["ebt_cash_amount"] ?? "")"
        otherAmountLabel.text = "Other Amount: \(data["other_amount"] ?? "")"
        salesTaxApplied.text = "Sales Tax Applied: \(data["sales_tax_applied"] ?? "")"
        feesLabel.text = "Fees: \(data["fees"] ?? "")"
        orderTotalLabel.text = "Order Total: \(data["total_amount"] ?? "")"
        snapBalanceLabel.text = "Remaining SNAP balance: \(data["snap_balance"] ?? "")"
        ebtCashBalanceLabel.text = "Remaining EBT Cash balance: \(data["ebt_balance"] ?? "")"
        last4Label.text = "Last 4 Card Digits: \(data["last4"] ?? "")"
        deliveryAddressLabel.text = "Delivery Address: \(data["delivery_address"] ?? "")"
        contactInfoLabel.text = "Contact Info: \(data["contact_info"] ?? "")"
    }
}

import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val data = intent.getBundleExtra("data") ?: Bundle()

        updateUI(data)
    }

    private fun updateUI(data: Bundle) {
        val storeNameTextView = findViewById<TextView>(R.id.storeNameTextView)
        val transactionDateTextView = findViewById<TextView>(R.id.transactionDateTextView)
        val transactionTimeTextView = findViewById<TextView>(R.id.transactionTimeTextView)
				val transactionTypeTextView = findViewById<TextView>(R.id.transactionTypeTextView)
				val snapAmountTextView = findViewById<TextView>(R.id.snapAmountTextView)
				val ebtCashAmountTextView = findViewById<TextView>(R.id.ebtCashAmountTextView)
				val otherAmountTextView = findViewById<TextView>(R.id.otherAmountTextView)
				val salesTaxAppliedTextView = findViewById<TextView>(R.id.salesTaxAppliedTextView)
				val feesTextView = findViewById<TextView>(R.id.feesTextView)
				val orderTotalTextView = findViewById<TextView>(R.id.orderTotalTimeTextView)
				val snapBalanceTextView = findViewById<TextView>(R.id.snapBalanceTextView)
				val ebtCashBalanceTextView = findViewById<TextView>(R.id.ebtCashBalanceTextView)
				val last4TextView = findViewById<TextView>(R.id.last4TextView)
				val deliveryAddressTextView = findViewById<TextView>(R.id.deliveryAddressTextView)
				val contactInfoTextView = findViewById<TextView>(R.id.contactInfoTextView)
        
        storeNameTextView.text = "Store Name: ${data.getString("store_name")}"
        transactionDateTextView.text = "Transaction Date: ${data.getString("transaction_date")}"
        transactionTimeTextView.text = "Transaction Time: ${data.getString("transaction_time")}"
				transactionTypeTextView.text = "Transaction Type: ${data.getString("transaction_type")}"
				snapAmountTextView.text = "SNAP Amount: ${data.getString("transaction_time")}"
				ebtCashAmountTextView.text = "EBT Cash Amount: ${data.getString("transaction_time")}"
				otherAmountTextView.text = "Other Amount: ${data.getString("transaction_time")}"
				salesTaxAppliedTextView.text = "Sales Tax: ${data.getString("transaction_time")}"
				feesLabelTextView.text = "Fees: ${data.getString("transaction_time")}"
				orderTotalTextView.text = "Order Total: ${data.getString("transaction_time")}"
				snapBalanceTextView.text = "Remaining SNAP Balance: ${data.getString("transaction_time")}"
				ebtCashBalanceTextView.text = "Remaining EBT Cash Balance: ${data.getString("transaction_time")}"
				last4TextView.text = "Last 4 Card Digits: ${data.getString("transaction_time")}"
				deliveryAddressTextView.text = "Delivery Address: ${data.getString("transaction_time")}"
				contactInfoTextView.text = "Contact Info: ${data.getString("transaction_time")}"
    }
}