set default lineItem fulfillmentMode to NONE (#1248)

* set default lineItem fulfillmentMode to NONE

* fix react hooks error

Author: pbennett1-godaddy

.changeset/chatty-carpets-watch.md

@@ -0,0 +1,5 @@
+---
+"@godaddy/react": patch
+---
+
+Set default storefront lineItem fulfillmentMode to NONE when adding to cart

packages/react/src/components/storefront/hooks/use-add-to-cart.ts

@@ -63,7 +63,7 @@ export function useAddToCart(options?: UseAddToCartOptions) {
           skuId: input.skuId,
           name: input.name,
           quantity: input.quantity,
-          fulfillmentMode: 'SHIP',
+          fulfillmentMode: 'NONE',
           status: 'DRAFT',
           details: {
             productAssetUrl: input.productAssetUrl || undefined,

packages/react/src/components/storefront/product-grid.tsx

@@ -135,6 +135,17 @@ export function ProductGrid({
     enabled: !!storeId && !!clientId,
   });
 
+  const pageInfo = data?.skuGroups?.pageInfo;
+
+  useEffect(() => {
+    if (pageInfo?.endCursor && pageInfo?.hasNextPage) {
+      setPageCursors(prev => {
+        if (prev[currentPageIndex + 1]) return prev;
+        return [...prev, pageInfo.endCursor];
+      });
+    }
+  }, [pageInfo?.endCursor, pageInfo?.hasNextPage, currentPageIndex]);
+
   if (isLoading || !data) {
     return <ProductGridSkeleton count={enablePagination ? perPage : 6} />;
   }
@@ -149,20 +160,10 @@ export function ProductGrid({
   }
 
   const skuGroups = data?.skuGroups?.edges;
-  const pageInfo = data?.skuGroups?.pageInfo;
   const totalCount = data?.skuGroups?.totalCount || 0;
   const totalPages = Math.ceil(totalCount / perPage);
   const currentPage = currentPageIndex + 1;
 
-  useEffect(() => {
-    if (pageInfo?.endCursor && pageInfo?.hasNextPage) {
-      setPageCursors(prev => {
-        if (prev[currentPageIndex + 1]) return prev;
-        return [...prev, pageInfo.endCursor];
-      });
-    }
-  }, [pageInfo?.endCursor, pageInfo?.hasNextPage, currentPageIndex]);
-
   const handlePageChange = (page: number) => {
     setCurrentPageIndex(page - 1);
     window.scrollTo({ top: 0, behavior: 'smooth' });