Merge pull request #153 from vtex-apps/bugfix/WISHLIST-exportList-gra…

…phql

WISHLIST exportList graphql

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+### Added
+
+- Added exportList graphql for the download feature
+
 ## [1.15.5] - 2023-01-25
 
 ### Fixed

dotnet/GraphQL/Query.cs

@@ -4,6 +4,7 @@
 using System;
 using System.Collections.Generic;
 using System.Linq;
+using System.Net;
 using WishList.GraphQL.Types;
 using WishList.Models;
 using WishList.Services;
@@ -213,6 +214,26 @@ public Query(IWishListService wishListService)
                     return listName.ToArray();
                 }
             );
+
+            FieldAsync<ListGraphType<WishListWrapperType>>(
+                 "exportList",
+                 resolve: async context =>
+                 {
+                     HttpStatusCode isValidAuthUser = await wishListService.IsValidAuthUser();
+                     if (isValidAuthUser != HttpStatusCode.OK)
+                     {
+                         context.Errors.Add(new ExecutionError(isValidAuthUser.ToString())
+                         {
+                             Code = isValidAuthUser.ToString()
+                         });
+
+                         return null;
+                     }
+
+                     WishListsWrapper wishListsWrapper = await wishListService.ExportAllWishLists();
+                     return wishListsWrapper.WishLists;
+                 }
+             );
         }
     }
 }

dotnet/GraphQL/Types/ListItemsType.cs

@@ -0,0 +1,22 @@
+using GraphQL;
+using GraphQL.Types;
+using System;
+using System.Collections.Generic;
+using System.Text;
+using WishList.Models;
+
+namespace WishList.GraphQL.Types
+{
+    [GraphQLMetadata("ListItem")]
+    public class ListItemsType : ObjectGraphType<ListItemsWrapper>
+    {
+        public ListItemsType()
+        {
+            Name = "ListItemsType";
+
+            Field(b => b.ListItems, type: typeof(ListGraphType<ListItemType>)).Description("List items");
+            Field(b => b.IsPublic, nullable: true).Description("If the list is public");
+            Field(b => b.Name, nullable: true).Description("List name");
+        }
+    }
+}

dotnet/GraphQL/Types/WishListWrapperType.cs

@@ -0,0 +1,23 @@
+using GraphQL;
+using GraphQL.Types;
+using System;
+using System.Collections.Generic;
+using System.Text;
+using WishList.Models;
+using WishList.Services;
+
+namespace WishList.GraphQL.Types
+{
+    [GraphQLMetadata("WishListWrapperType")]
+    public class WishListWrapperType : ObjectGraphType<WishListWrapper>
+    {
+        public WishListWrapperType(IWishListService wishListService)
+        {
+            Name = "WishListWrapperType";
+
+            Field(b => b.Id).Description("The wishlist Id");
+            Field(b => b.Email).Description("The shopper Id of the wishlist");
+            Field(b => b.ListItemsWrapper, type: typeof(ListGraphType<ListItemsType>)).Description("Wrapper of the list items");
+        }
+    }
+}

dotnet/Services/IWishListService.cs

@@ -15,5 +15,6 @@ public interface IWishListService
         Task<IList<ListItem>> LimitList(IList<ListItem> listItems, int from, int to);
         Task<HttpStatusCode> IsValidAuthUser();
         Task<ValidatedUser> ValidateUserToken(string token);
+        Task<WishListsWrapper> ExportAllWishLists();
     }
 }

dotnet/Services/WishListService.cs

@@ -265,5 +265,11 @@ public async Task<HttpStatusCode> IsValidAuthUser()
 
             return HttpStatusCode.OK;
         }
+
+        public async Task<WishListsWrapper> ExportAllWishLists()
+        {
+            WishListsWrapper wishListsWrapper = await _wishListRepository.GetAllLists();
+            return wishListsWrapper;
+        }
     }
 }

graphql/schema.graphql

@@ -32,6 +32,16 @@ input ListItemInputType {
   title: String
 }
 
+type WishListWrapperType {
+  email: String
+  listItemsWrapper: [ListItems]
+}
+
+type ListItems {
+  listItems: [ListItem]
+  isPublic: Boolean
+}
+
 type Query {
   viewList(shopperId: String!, name: String!, from: Int, to: Int): WishList
     @cacheControl(scope: PRIVATE, maxAge: ZERO)
@@ -40,6 +50,8 @@ type Query {
   checkList(shopperId: String!, productId: String!, sku: String): CheckListType
     @cacheControl(scope: PRIVATE)
   listNames(shopperId: String!): [String]
+  exportList: [WishListWrapperType]
+    @cacheControl(scope: PRIVATE)
 }
 
 type Mutation {

react/WishlistAdmin.tsx

@@ -1,5 +1,6 @@
 import React, { FC, useState } from 'react'
 import { injectIntl, defineMessages } from 'react-intl'
+import { useQuery } from 'react-apollo'
 import {
   Layout,
   PageBlock,
@@ -9,6 +10,8 @@ import {
 } from 'vtex.styleguide'
 import XLSX from 'xlsx'
 
+import exportList from './queries/exportList.gql'
+
 const WishlistAdmin: FC<any> = ({ intl }) => {
   const [state, setState] = useState<any>({
     loading: false,
@@ -43,15 +46,17 @@ const WishlistAdmin: FC<any> = ({ intl }) => {
     XLSX.writeFile(wb, exportFileName)
   }
 
-  const getAllWishlists = async () => {
-    setState({ ...state, loading: true })
+  const { data, loading: queryLoading } = useQuery(exportList, {
+    fetchPolicy: 'no-cache',
+  })
 
-    const data: any = await fetch(`/_v/wishlist/export-lists`).then(response =>
-      response.json()
-    )
-    const wishlistArr = data.wishLists
+  const GetAllWishlists = async () => {
+    setState({ ...state, loading: true })
 
-    downloadWishlist(wishlistArr)
+    if (!queryLoading) {
+      const parsedData = data?.exportList
+      downloadWishlist(parsedData)
+    }
     setState({ ...state, loading: false })
   }
 
@@ -81,7 +86,7 @@ const WishlistAdmin: FC<any> = ({ intl }) => {
           icon={download}
           isLoading={loading}
           onClick={() => {
-            getAllWishlists()
+            GetAllWishlists()
           }}
         >
           {intl.formatMessage(messages.download)}

react/queries/exportList.gql

@@ -0,0 +1,13 @@
+query ExportList {
+   exportList @context(provider: "vtex.wish-list") {
+      email
+      listItemsWrapper {
+         listItems {
+            id
+            productId
+            sku
+            title
+         }
+      }
+   }
+}