GraphQL cannot add product with customizable option to cart

[github-jira-sync-bot]

Steps to reproduce

1. Go to admin panel > Catalog > Products
2. Create a simple product (Joust Duffle bag)
3. Create a custom option for Joust Duffle Bag
4. Use next graphql queries
5.  Create a empty cart

mutation {  createEmptyCart} 

Get product options information

{
  products(filter: {sku: {eq: "24-MB01"}}) {
    items {
      uid
      name
      sku
      __typename
      ... on CustomizableProductInterface {
        options {
          title
          required
          sort_order
          uid
          ... on CustomizableFieldOption {
            textField: value {
              sku
              price
            }
          }
          ... on CustomizableDropDownOption {
            dropDown: value {
              sku
              price
            } 
          }
        }
      }
    }
  }
}

Add product to cart using custom option

mutation {
  addProductsToCart(
    cartId: "`cart_id`"
    cartItems: <
      {
        quantity: 1
        sku: "24-MB01"
        entered_options: [{
          uid: "Y3VzdG9tLW9wdGlvbi8x"
          value: "some content here!"
        }]
      }
    ]
  ) {
    cart {
      items {
        product {
          name
          sku
        }
        ... on SimpleCartItem {
          customizable_options {
            customizable*option*uid
            label
            values {
              customizable*option_value*uid
              value
            }
          }
        }
        quantity
      }
    }
    user_errors {
      code
      message
    }
  }
} 

Get the response returned

Actual results

currently, customizable_options are empty

{
  "data": {
    "addProductsToCart": {
      "cart": {
        "items": [
          {
            "product": {
              "name": "Joust Duffle Bag",
              "sku": "24-MB01"
            },
            "customizable_options": [],
            "quantity": 1
          }
        ]
      },
      "user_errors": []
    }
  }
}

 

Expected results

{
  "data": {
    "addProductsToCart": {
      "cart": {
        "items": [
          {
            "product": {
              "name": "Joust Duffle Bag",
              "sku": "24-MB01"
            },
            "customizable_options": [
              {
                "customizable*option*uid": "Y3VzdG9tLW9wdGlvbi8x",
                "label": "option test1",
                "values": [
                  {
                    "customizable*option_value*uid": "Y3VzdG9tLW9wdGlvbi8x",
                    "value": "some content here!"
                  }
                ]
              }
            ],
            "quantity": 1
          }
        ]
      },
      "user_errors": [>
    }
  }
}

[github-jira-sync-bot]

The issue was exported from the internal Jira. The link to the original Jira issue: https://jira.corp.adobe.com/browse/ACP2E-1975

[m2-assistant]

Hi @github-jira-sync-bot. Thank you for your report.
To speed up processing of this issue, make sure that the issue is reproducible on the vanilla Magento instance following Steps to reproduce. To deploy vanilla Magento instance on our environment, Add a comment to the issue:

• @magento give me 2.4-develop instance - upcoming 2.4.x release
• For more details, review the Magento Contributor Assistant documentation.
• Add a comment to assign the issue: @magento I am working on this
• To learn more about issue processing workflow, refer to the Code Contributions.

---

Join Magento Community Engineering Slack and ask your questions in #github channel.
⚠️ According to the Magento Contribution requirements, all issues must go through the Community Contributions Triage process. Community Contributions Triage is a public meeting.
🕙 You can find the schedule on the Magento Community Calendar page.
📞 The triage of issues happens in the queue order. If you want to speed up the delivery of your contribution, join the Community Contributions Triage session to discuss the appropriate ticket.

[michelemiscusi]

Issue is related to function _prepareOptions inside vendor/magento/module-catalog/Model/Product/Type/AbstractType.php

$product->getOptions() is returnig null instead of the actual options related to the product
a workaround is adding

$product = clone $this->productRepository->getById($product->getId(), false, $this->getStore()->getId());

to function addProduct inside vendor/magento/module-quote/Model/Quote.php

$productId = $product->getId();
$product = clone $this->productRepository->getById($productId, false, $this->getStore()->getId());
$cartCandidates = $product->getTypeInstance()->prepareForCartAdvanced($request, $product, $processMode);

the workaround uses the same process as method updateItem inside vendor/magento/module-quote/Model/Quote.php

public function updateItem($itemId, $buyRequest, $params = null)
{
    $item = $this->getItemById($itemId);
    if (!$item) {
        throw new \Magento\Framework\Exception\LocalizedException(
            __('This is the wrong quote item id to update configuration.')
        );
    }
    $productId = $item->getProduct()->getId();

    //We need to create new clear product instance with same $productId
    //to set new option values from $buyRequest
    $product = clone $this->productRepository->getById($productId, false, $this->getStore()->getId());

[shomiadarshlt]

@magento I am working on this.

[glanujnehra]

Hi @shomiadarshlt

There is a ticket raised for this issue and we notice as per your comment you are working on it. could you please let us know in case you are sharing a PR for the same?

[shomiadarshlt]

@glanujnehra Is there a PR raised for the issue ?I have found the fix in the app/code/Magento/Quote/Model/Quote.php where we need to create a new product instance to set new custom options $product = clone $this->productRepository->getById($productId, false, $this->getStore()->getId());