Update types (#831)

* Update product types

* Cart types progress, add zod & initial schema validator

* Update normalize.ts

* Update with-schema-parser.ts

* Updated types, schemas & providers

* Fix providers after schema parse errors

* Fix paths

* More provider fixes

* Fix kibocommerce & commercejs

* Add customer updated types & fixes

* Add checkout & customer types

* Import core types only from commerce

* Update tsconfig.json

* Convert hooks interfaces to types

* Requested changes

* Change to relative paths

* Move Zod dependency

packages/local/src/api/operations/get-product.ts

@@ -4,9 +4,7 @@ import { GetProductOperation } from '@vercel/commerce/types/product'
 import data from '../../data.json'
 import type { OperationContext } from '@vercel/commerce/api/operations'
 
-export default function getProductOperation({
-  commerce,
-}: OperationContext<any>) {
+export default function getProductOperation(_p: OperationContext<any>) {
   async function getProduct<T extends GetProductOperation>({
     query = '',
     variables,

packages/local/src/api/operations/get-site-info.ts

@@ -1,5 +1,5 @@
 import { OperationContext } from '@vercel/commerce/api/operations'
-import { Category } from '@vercel/commerce/types/site'
+import { Category, GetSiteInfoOperation } from '@vercel/commerce/types/site'
 import { LocalConfig } from '../index'
 
 export type GetSiteInfoResult<

packages/local/src/data.json

@@ -7,7 +7,8 @@
       "path": "/new-short-sleeve-t-shirt",
       "slug": "new-short-sleeve-t-shirt",
       "price": { "value": 25, "currencyCode": "USD" },
-      "descriptionHtml": "<p><span>Show off your love for Next.js and Vercel with this unique,&nbsp;</span><strong>limited edition</strong><span>&nbsp;t-shirt. This design is part of a limited run, numbered drop at the June 2021 Next.js Conf. It features a unique, handcrafted triangle design. Get it while supplies last – only 200 of these shirts will be made!&nbsp;</span><strong>All proceeds will be donated to charity.</strong></p>",
+      "description": "Show off your love for Next.js and Vercel with this unique, limited edition t-shirt. This design is part of a limited run, numbered drop at the June 2021 Next.js Conf. It features a unique, handcrafted triangle design. Get it while supplies last - only 200 of these shirts will be made! All proceeds will be donated to charity.",
+      "descriptionHtml": "<p><span>Show off your love for Next.js and Vercel with this unique,&nbsp;</span><strong>limited edition</strong><span>&nbsp;t-shirt. This design is part of a limited run, numbered drop at the June 2021 Next.js Conf. It features a unique, handcrafted triangle design. Get it while supplies last - only 200 of these shirts will be made!&nbsp;</span><strong>All proceeds will be donated to charity.</strong></p>",
       "images": [
         {
           "url": "/assets/drop-shirt-0.png",
@@ -31,6 +32,8 @@
       "variants": [
         {
           "id": "Z2lkOi8vc2hvcGlmeS9Qcm9kdWN0LzU0NDczMjUwMjQ0MjAss=",
+          "name": "New Short Sleeve T-Shirt",
+          "sku": "new-short-sleeve-t-shirt",
           "options": [
             {
               "__typename": "MultipleChoiceOption",
@@ -80,6 +83,7 @@
       "path": "/lightweight-jacket",
       "slug": "lightweight-jacket",
       "price": { "value": 249.99, "currencyCode": "USD" },
+      "description": "Show off your love for Next.js and Vercel with this unique, limited edition t-shirt. This design is part of a limited run, numbered drop at the June 2021 Next.js Conf. It features a unique, handcrafted triangle design. Get it while supplies last - only 200 of these shirts will be made! All proceeds will be donated to charity.",
       "descriptionHtml": "<p><span>Show off your love for Next.js and Vercel with this unique,&nbsp;</span><strong>limited edition</strong><span>&nbsp;t-shirt. This design is part of a limited run, numbered drop at the June 2021 Next.js Conf. It features a unique, handcrafted triangle design. Get it while supplies last – only 200 of these shirts will be made!&nbsp;</span><strong>All proceeds will be donated to charity.</strong></p>",
       "images": [
         {
@@ -104,6 +108,8 @@
       "variants": [
         {
           "id": "Z2lkOid8vc2hvcGlmeS9Qcm9kdWN0LzU0NDczMjUwMjQ0MjAss=",
+          "name": "Lightweight Jacket",
+          "sku": "lightweight-jacket",
           "options": [
             {
               "__typename": "MultipleChoiceOption",
@@ -153,6 +159,7 @@
       "path": "/shirt",
       "slug": "shirt",
       "price": { "value": 25, "currencyCode": "USD" },
+      "description": "Show off your love for Next.js and Vercel with this unique, limited edition t-shirt. This design is part of a limited run, numbered drop at the June 2021 Next.js Conf. It features a unique, handcrafted triangle design. Get it while supplies last - only 200 of these shirts will be made! All proceeds will be donated to charity.",
       "descriptionHtml": "<p><span>Show off your love for Next.js and Vercel with this unique,&nbsp;</span><strong>limited edition</strong><span>&nbsp;t-shirt. This design is part of a limited run, numbered drop at the June 2021 Next.js Conf. It features a unique, handcrafted triangle design. Get it while supplies last – only 200 of these shirts will be made!&nbsp;</span><strong>All proceeds will be donated to charity.</strong></p>",
       "images": [
         {
@@ -189,6 +196,8 @@
       "variants": [
         {
           "id": "Z2lkOi8vc2hvcGlmeS9Qcms9kdWN0LzU0NDczMjUwMjQ0MjAss=",
+          "name": "Shirt",
+          "sku": "shirt",
           "options": [
             {
               "__typename": "MultipleChoiceOption",

packages/local/src/wishlist/use-wishlist.tsx

@@ -1,19 +1,8 @@
 import { HookFetcher } from '@vercel/commerce/utils/types'
-import type { Product } from '@vercel/commerce/types/product'
+import { Wishlist } from '@vercel/commerce/types/wishlist'
 
 const defaultOpts = {}
 
-export type Wishlist = {
-  items: [
-    {
-      product_id: number
-      variant_id: number
-      id: number
-      product: Product
-    }
-  ]
-}
-
 export interface UseWishlistOptions {
   includeProducts?: boolean
 }