import { redirect } from "react-router-dom";
import { ApiClient } from "./api_client";
import { Product, mapProduct } from "../models/product";
import Token from "../lib/token";

export async function loader({ request }) {
  const client = new ApiClient();
  const url = new URL(request.url)
  const response = await client.get(`${url.pathname}${url.search}`);
  
  return response;
}

export async function cartLoader() {
  const data = new Array<Product>();
  const token = new Token();
  const client = new ApiClient();
  const request = await client.authenticatedGet("/account/cart");

  if(request.response) {
    token.logout();

    return redirect("/products")
  }

  request.data.data.attributes.products.data.map(response_data => {
    data.push(mapProduct(response_data));
  });

  return data;
}

export async function addressLoader({ params }) {
  const client = new ApiClient();
  const path = `/account/addresses/${params.addressId}`;
  const request = await client.authenticatedGet(path);
  
  if(request.response)
    return redirect("/account");

  return request;
}

export async function cardLoader({ params }) {
  const client = new ApiClient();
  const path = `/account/cards/${ params.cardId }`;
  const request = await client.authenticatedGet(path);

  if(request.response)
    return redirect("/account");
    
  return request;
}

export async function accountLoader() {
  const client = new ApiClient();
  
  const account_response = await client.authenticatedGet("/account");
  const addresses_response = await client.authenticatedGet("/account/addresses");
  const cards_response = await client.authenticatedGet("/account/cards");

  // Authentication error handling.
  if(account_response.response || addresses_response.response || cards_response.response)
    return redirect("/products");

  return [account_response, addresses_response, cards_response];
}

export async function productLoader({ params }) {
  const client = new ApiClient();
  const response = await client.getProduct(params.productId);
  
  return [response[0], response[1]];
}