Add to cart inside repeater, addProducts() function returns status INCOMPLEAT

Hello everyone,
I am using velo to create a custom store page, I used repeater for to contain products cards, add to cart button is inside the repeater, to create an onClick event I have to use it inside onItemReady repeater function.
I tried all the three functions first, the addProducts() function which returns INCOMPLEATE status, the the deprecated functions addProductsToCart and addToCart which returns true but nothing is added to cart.

Here’s the code used :

  1. addProducts

cart . addProducts ([{
“productId” : “1” ,
“quantity” : 1 ,
“options” : {
“choices” : {
“Color” : “#FFFFFF”,
“Pcs NO.”: “4 pcs”
}
}
}])
. then (( updatedCart ) => {
// Products added to cart
const cartId = updatedCart . _id ;
const cartLineItems = updatedCart . lineItems ;
})
. catch (( error ) => {
console . log ( "Error: " + error );
});

  1. addToCarts

$w ( “#shoppingCartIcon1” ). addProductsToCart (
[
{
“productId” : productId ,
“quantity” : quantity ,
“options” : {
“choices” : options ,
“customTextFields” : [{
“title” : “” ,
“value” : “”
}]
}
}
]
). then (( result ) => {
console . log ( result );
}). catch (( error ) => {
console . log ( "Error: " + error );
})