Add cart endpoints, handle woo session

Author: dbertella

lib/api.ts

@@ -1,4 +1,4 @@
-const API_URL = `${process.env.WORDPRESS_API_URL}`;
+const API_URL = `${process.env.NEXT_PUBLIC_WORDPRESS_API_URL}`;
 
 export async function fetchAPI(query: string, options?: { variables: object }) {
   const headers = { "Content-Type": "application/json" };
@@ -9,6 +9,11 @@ export async function fetchAPI(query: string, options?: { variables: object }) {
     ] = `Bearer ${process.env.WORDPRESS_AUTH_REFRESH_TOKEN}`;
   }
 
+  const session = process.browser ? localStorage.getItem("woo-session") : null;
+  if (session) {
+    console.log(session);
+    headers["woocommerce-session"] = `Session ${session}`;
+  }
   const { variables } = options ?? {};
 
   const res = await fetch(API_URL, {
@@ -45,4 +50,3 @@ export async function getPreviewPost(id: string, idType = "DATABASE_ID") {
   );
   return data.post;
 }
-

lib/mutations/add-to-cart.graphql lib/clientGql/add-to-cart.graphqllib/mutations/add-to-cart.graphql renamed to lib/clientGql/add-to-cart.graphql

@@ -0,0 +1,72 @@
+import { fetchAPI } from "lib";
+import { AddToCartInput } from "lib/graphql";
+
+export async function addToCart(input: AddToCartInput) {
+  const data = await fetchAPI(
+    `
+      mutation AddToCart($input: AddToCartInput!) {
+        addToCart(input: $input) {
+          cartItem {
+            key
+            product {
+              id
+              name
+              description
+              type
+              onSale
+              slug
+              averageRating
+              reviewCount
+              image {
+                id
+                sourceUrl
+                altText
+              }
+              galleryImages {
+                nodes {
+                  id
+                  sourceUrl
+                  altText
+                }
+              }
+            }
+            variation {
+              id
+              name
+              description
+              type
+              onSale
+              price
+              regularPrice
+              salePrice
+              image {
+                id
+                sourceUrl
+                altText
+              }
+              attributes {
+                nodes {
+                  id
+                  attributeId
+                  name
+                  value
+                }
+              }
+            }
+            quantity
+            total
+            subtotal
+            subtotalTax
+          }
+        }
+      }
+    `,
+    {
+      variables: {
+        input,
+      },
+    }
+  );
+
+  return data;
+}

lib/clientGql/add-to-cart.ts

@@ -0,0 +1,90 @@
+import { fetchAPI } from "lib";
+
+export async function getCart() {
+  const data = await fetchAPI(
+    `
+      query GetCart {
+        cart {
+          contents {
+            nodes {
+              key
+              product {
+                id
+                name
+                description
+                type
+                onSale
+                slug
+                averageRating
+                reviewCount
+                image {
+                  sourceUrl
+                  srcSet
+                  altText
+                }
+              }
+              variation {
+                id
+                name
+                description
+                type
+                onSale
+                price
+                regularPrice
+                salePrice
+                image {
+                  id
+                  sourceUrl
+                  srcSet
+                  altText
+                  title
+                }
+                attributes {
+                  nodes {
+                    id
+                    name
+                    value
+                  }
+                }
+              }
+              quantity
+              total
+              subtotal
+              subtotalTax
+            }
+          }
+          appliedCoupons {
+            nodes {
+              id
+              discountType
+              amount
+              dateExpiry
+              products {
+                nodes {
+                  id
+                }
+              }
+              productCategories {
+                nodes {
+                  id
+                }
+              }
+            }
+          }
+          subtotal
+          subtotalTax
+          shippingTax
+          shippingTotal
+          total
+          totalTax
+          feeTax
+          feeTotal
+          discountTax
+          discountTotal
+        }
+      }
+    `
+  );
+
+  return data;
+}

lib/mutations/checkout.ts lib/clientGql/checkout.tslib/mutations/checkout.ts renamed to lib/clientGql/checkout.ts

@@ -9,3 +9,7 @@ export * from "./queries/products";
 export * from "./queries/home";
 export * from "./queries/news";
 export * from "./queries/page-by-slug";
+
+// Ecommerce
+export * from "./clientGql/get-cart";
+export * from "./clientGql/add-to-cart";

lib/mutations/clear-cart.ts lib/clientGql/clear-cart.tslib/mutations/clear-cart.ts renamed to lib/clientGql/clear-cart.ts

@@ -7,6 +7,7 @@ export async function getProductBySlug(slug: string) {
       fragment ProductFields on Product {
         name
         slug
+        databaseId
         seo {
           canonical
           title
@@ -54,6 +55,17 @@ export async function getProductBySlug(slug: string) {
           shortDescription
           type
           ...ProductFields
+          productElements {
+            productGallery {
+              image {
+                id
+                sourceUrl
+                srcSet
+                altText
+                title
+              }
+            }
+          }
           productTypes {
             edges {
               node {