Cart update metadata as array list is not working as expected according to the docs on swell-js lib

[danielmariz]

the documentation says that this is the way to override entire arrays values but this is not working, I'm using to remove and add items but the api returns always the same value

await swell.cart.update({
  $set: {
    metadata: {
      my_array: [ ... ]
    }
  }
})

in order to clear my list I could get around it without the $set prop though the same approach does not override the entire array when I need to

Part of my implementation:

export const removeFromCart = async (itemId: string) => {
    return await swell.cart.removeItem(itemId)
}

export const updateWishList = async (list: CartItem[]) => {
    return await swell.cart.update({
        $set: {
            metadata: {
                wishlist: list
            }
        }
    })
}

const {data, mutate, error, ...rest} = useSWR(cartDatakey, getCart)

const removeItem = async (itemId: string) => {
        const itemToBeDeleted = find(['id', itemId], data!.items)
        const optimisticItems = remove((item: any) => item.id === itemId, data!.items!)

        mutate(removeFromCart(itemId), {
            optimisticData: {
                ...data,
                item_quantity: data!.item_quantity! - itemToBeDeleted!.quantity!,
                grand_total: data!.grand_total! - itemToBeDeleted!.price_total!,
                sub_total: data!.sub_total! - itemToBeDeleted!.price_total!,
                items: optimisticItems,
            },
            populateCache: true,
            revalidate: true,
            rollbackOnError: true,
        })
    }

const moveToWishlist = async (product:CartItem) => {
        await removeItem(product.id!)
        if(!error) {
            const { wishlist } = data?.metadata as any || []
            const updatedWishlist = [...wishlist, product]
            mutate(updateWishList(updatedWishlist), {
                optimisticData: {
                    ...data, 
                    metadata: {
                        wishlist: updatedWishlist
                    }
                },
                populateCache: true,
                revalidate: true,
                rollbackOnError: true,
              })
        }
    }
    
    const removeFromWishlist = async (productId:string) => {
            const { wishlist } = data?.metadata as any || []
            const updatedWishlist = remove((item:CartItem) => item.id === productId, wishlist)
            mutate(updateWishList(updatedWishlist), {
                optimisticData: {
                    ...data, 
                    metadata: {
                        wishlist: updatedWishlist
                    }
                },
                populateCache: true,
                revalidate: true,
                rollbackOnError: true,
              })
    }

[ericingram]

@danielmariz It looks like the docs are incorrect (we will fix), but can you try this instead:

await swell.cart.update({
  metadata: {
    my_array: { $set: [ ... ] }
  }
})

[danielmariz]

Ok, I will try @ericingram but another issue start popping up for me, the cart apis are all returning null. I was trying to upgrade the package version from 3.22.2 to 4.0.1 and this started to happening, then I roll back to 3.24.5 to see if it was a breaking change, but still returning null, now I reverted back to 3.22.2 and the issue persists. So I'm trying to figure out this first in order to test it as you suggested

[danielmariz]

all cart apis, get, addItem are returning null instead of updated cart 😨

[ericingram]

It's working for me, so it might be a simple mistake in your code.

You can also test the APIs with direct endpoints using a REST client (postman, insomnia, or code)

GET https://<public_key>@<store_id>.swell.store/api/cart
X-Session: <session value from your browser>

[danielmariz]

After I clear the cookies it got fixed

[danielmariz]

Is working as expected now, cheers!