[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of product-customizer/react/__fixtures__/productHamburguer.json from the product-customizer VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "data": {
    "product": {
      "cacheId": "mcproductrefid136",
      "productId": "2003666",
      "description": "Descrição genérica",
      "productName": "Family Box 1",
      "productReference": "MCPRODUCTREFID136",
      "linkText": "mcproductrefid136",
      "brand": "Test Brand name",
      "brandId": 2000000,
      "link": "https://portal.vtexcommercestable.com.br/mcproductrefid136/p",
      "categories": ["/MACCT/Family Box/", "/MACCT/"],
      "categoryId": "47",
      "priceRange": {
        "sellingPrice": {
          "highPrice": 11,
          "lowPrice": 11,
          "__typename": "PriceRange"
        },
        "listPrice": {
          "highPrice": 11,
          "lowPrice": 11,
          "__typename": "PriceRange"
        },
        "__typename": "ProductPriceRange"
      },
      "specificationGroups": [],
      "skuSpecifications": null,
      "productClusters": [],
      "clusterHighlights": [],
      "properties": [],
      "__typename": "Product",
      "titleTag": "Family Box 1",
      "metaTagDescription": null,
      "items": [
        {
          "itemId": "10104",
          "name": "Family Box 1",
          "nameComplete": "Family Box 1",
          "complementName": "",
          "ean": "MCexempleean123469",
          "variations": [],
          "referenceId": [
            {
              "Key": "RefId",
              "Value": "MCexemplerefidSKU014",
              "__typename": "Reference"
            }
          ],
          "measurementUnit": "un",
          "unitMultiplier": 1,
          "images": [
            {
              "cacheId": "155732",
              "imageId": "155732",
              "imageLabel": "",
              "imageTag": "<img src=\"~/arquivos/ids/155732-#width#-#height#/test-product.jpg?v=637411294577970000\" width=\"#width#\" height=\"#height#\" alt=\"test-product\" id=\"\" />",
              "imageUrl": "https://acctglobal.vtexassets.com/arquivos/ids/155732/test-product.jpg?v=637411294577970000",
              "imageText": "test-product",
              "__typename": "Image"
            }
          ],
          "__typename": "SKU",
          "videos": [],
          "sellers": [
            {
              "sellerId": "1",
              "sellerName": "ACCT CONSULTORIA E DESENVOLVIMENTO LTDA",
              "__typename": "Seller",
              "addToCartLink": "https://portal.vtexcommercestable.com.br/checkout/cart/add?sku=10104&qty=1&seller=1&sc=1&price=1100&cv=124B4B001C2F62802E0E34F4A0A079EB_&sc=1",
              "sellerDefault": true,
              "commertialOffer": {
                "discountHighlights": [],
                "teasers": [],
                "Price": 11,
                "ListPrice": 11,
                "Tax": 0,
                "taxPercentage": 0,
                "spotPrice": 11,
                "PriceWithoutDiscount": 11,
                "RewardValue": 0,
                "PriceValidUntil": "2022-02-01T18:22:16Z",
                "AvailableQuantity": 1000000,
                "__typename": "Offer",
                "CacheVersionUsedToCallCheckout": "124B4B001C2F62802E0E34F4A0A079EB_",
                "Installments": [
                  {
                    "Value": 11,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 11,
                    "NumberOfInstallments": 1,
                    "Name": "American Express à vista",
                    "PaymentSystemName": "American Express",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 11,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 11,
                    "NumberOfInstallments": 1,
                    "Name": "Visa à vista",
                    "PaymentSystemName": "Visa",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 11,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 11,
                    "NumberOfInstallments": 1,
                    "Name": "Mastercard à vista",
                    "PaymentSystemName": "Mastercard",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 11,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 11,
                    "NumberOfInstallments": 1,
                    "Name": "Vale à vista",
                    "PaymentSystemName": "Vale",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 11,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 11,
                    "NumberOfInstallments": 1,
                    "Name": "Promissory à vista",
                    "PaymentSystemName": "Promissory",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 11,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 11,
                    "NumberOfInstallments": 1,
                    "Name": "BOLBRADESCO à vista",
                    "PaymentSystemName": "BOLBRADESCO",
                    "__typename": "Installment"
                  }
                ]
              }
            }
          ],
          "kitItems": [],
          "attachments": [
            {
              "id": "20",
              "name": "Family Box - 1",
              "required": true,
              "__typename": "Attachment"
            },
            {
              "id": "22",
              "name": "Side Extra",
              "required": false,
              "__typename": "Attachment"
            }
          ],
          "estimatedDateArrival": "2014-03-05T00:00:00"
        }
      ],
      "itemMetadata": {
        "items": [
          {
            "id": "10104",
            "name": "Family Box 1",
            "imageUrl": "https://acctglobal.vtexassets.com/arquivos/ids/155732/test-product.jpg",
            "seller": "1",
            "assemblyOptions": [
              {
                "id": "Side Extra_Acompanhamento Adicional",
                "name": "Side Extra",
                "required": false,
                "inputValues": [],
                "composition": {
                  "minQuantity": 0,
                  "maxQuantity": 10,
                  "items": [
                    {
                      "id": "10106",
                      "minQuantity": 0,
                      "maxQuantity": 5,
                      "priceTable": "mcside",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    },
                    {
                      "id": "10107",
                      "minQuantity": 0,
                      "maxQuantity": 5,
                      "priceTable": "mcside",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    }
                  ],
                  "__typename": "CompositionType"
                },
                "__typename": "AssemblyOption"
              },
              {
                "id": "_Combo2",
                "name": "Family Box - 1",
                "required": true,
                "inputValues": [],
                "composition": {
                  "minQuantity": 1,
                  "maxQuantity": 1,
                  "items": [
                    {
                      "id": "10101",
                      "minQuantity": 0,
                      "maxQuantity": 1,
                      "priceTable": "mclanches",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    },
                    {
                      "id": "10102",
                      "minQuantity": 0,
                      "maxQuantity": 1,
                      "priceTable": "mclanches",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    }
                  ],
                  "__typename": "CompositionType"
                },
                "__typename": "AssemblyOption"
              },
              {
                "id": "_Combo1",
                "name": "Family Box - 1",
                "required": true,
                "inputValues": [],
                "composition": {
                  "minQuantity": 1,
                  "maxQuantity": 1,
                  "items": [
                    {
                      "id": "10101",
                      "minQuantity": 0,
                      "maxQuantity": 1,
                      "priceTable": "mclanches",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    },
                    {
                      "id": "10102",
                      "minQuantity": 0,
                      "maxQuantity": 1,
                      "priceTable": "mclanches",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    }
                  ],
                  "__typename": "CompositionType"
                },
                "__typename": "AssemblyOption"
              }
            ],
            "__typename": "ItemMetadataUnit"
          },
          {
            "id": "10106",
            "name": "MACCT Fries",
            "imageUrl": "https://acctglobal.vtexassets.com/arquivos/ids/155734/test-product.jpg",
            "seller": "1",
            "assemblyOptions": [],
            "__typename": "ItemMetadataUnit"
          },
          {
            "id": "10107",
            "name": "MACCT Nuggets",
            "imageUrl": "https://acctglobal.vtexassets.com/arquivos/ids/155735/test-product.jpg",
            "seller": "1",
            "assemblyOptions": [],
            "__typename": "ItemMetadataUnit"
          },
          {
            "id": "10101",
            "name": "Combo 1",
            "imageUrl": "https://acctglobal.vtexassets.com/arquivos/ids/155729/test-product.jpg",
            "seller": "1",
            "assemblyOptions": [
              {
                "id": "Side Extra_Acompanhamento Adicional",
                "name": "Side Extra",
                "required": false,
                "inputValues": [],
                "composition": {
                  "minQuantity": 0,
                  "maxQuantity": 10,
                  "items": [
                    {
                      "id": "10106",
                      "minQuantity": 0,
                      "maxQuantity": 5,
                      "priceTable": "mcside",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    },
                    {
                      "id": "10107",
                      "minQuantity": 0,
                      "maxQuantity": 5,
                      "priceTable": "mcside",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    }
                  ],
                  "__typename": "CompositionType"
                },
                "__typename": "AssemblyOption"
              },
              {
                "id": "Combo 1_Acompanhamento",
                "name": "Combo 1",
                "required": true,
                "inputValues": [],
                "composition": {
                  "minQuantity": 1,
                  "maxQuantity": 1,
                  "items": [
                    {
                      "id": "10106",
                      "minQuantity": 0,
                      "maxQuantity": 1,
                      "priceTable": "mclanches",
                      "seller": "1",
                      "initialQuantity": 1,
                      "__typename": "CompositionItem"
                    },
                    {
                      "id": "10107",
                      "minQuantity": 0,
                      "maxQuantity": 1,
                      "priceTable": "mclanches",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    }
                  ],
                  "__typename": "CompositionType"
                },
                "__typename": "AssemblyOption"
              },
              {
                "id": "Combo 1_Bebida",
                "name": "Combo 1",
                "required": true,
                "inputValues": [],
                "composition": {
                  "minQuantity": 1,
                  "maxQuantity": 1,
                  "items": [
                    {
                      "id": "10108",
                      "minQuantity": 0,
                      "maxQuantity": 1,
                      "priceTable": "mclanches",
                      "seller": "1",
                      "initialQuantity": 1,
                      "__typename": "CompositionItem"
                    },
                    {
                      "id": "10109",
                      "minQuantity": 0,
                      "maxQuantity": 1,
                      "priceTable": "mclanches",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    }
                  ],
                  "__typename": "CompositionType"
                },
                "__typename": "AssemblyOption"
              },
              {
                "id": "Combo 1_Lanche",
                "name": "Combo 1",
                "required": true,
                "inputValues": [],
                "composition": {
                  "minQuantity": 1,
                  "maxQuantity": 1,
                  "items": [
                    {
                      "id": "10091",
                      "minQuantity": 0,
                      "maxQuantity": 1,
                      "priceTable": "mclanches",
                      "seller": "1",
                      "initialQuantity": 1,
                      "__typename": "CompositionItem"
                    },
                    {
                      "id": "10093",
                      "minQuantity": 0,
                      "maxQuantity": 1,
                      "priceTable": "mclanches",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    }
                  ],
                  "__typename": "CompositionType"
                },
                "__typename": "AssemblyOption"
              }
            ],
            "__typename": "ItemMetadataUnit"
          },
          {
            "id": "10108",
            "name": "Refrigerante 1",
            "imageUrl": "https://acctglobal.vtexassets.com/arquivos/ids/155736/test-product.jpg",
            "seller": "1",
            "assemblyOptions": [],
            "__typename": "ItemMetadataUnit"
          },
          {
            "id": "10109",
            "name": "Refrigerante 2",
            "imageUrl": "https://acctglobal.vtexassets.com/arquivos/ids/155737/test-product.jpg",
            "seller": "1",
            "assemblyOptions": [],
            "__typename": "ItemMetadataUnit"
          },
          {
            "id": "10091",
            "name": "Big MACCT",
            "imageUrl": "https://acctglobal.vtexassets.com/arquivos/ids/155719/test-product.jpg",
            "seller": "1",
            "assemblyOptions": [
              {
                "id": "Extra_Extra",
                "name": "Extra",
                "required": false,
                "inputValues": [],
                "composition": {
                  "minQuantity": 0,
                  "maxQuantity": 4,
                  "items": [
                    {
                      "id": "10110",
                      "minQuantity": 0,
                      "maxQuantity": 2,
                      "priceTable": "mcextras",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    },
                    {
                      "id": "10095",
                      "minQuantity": 0,
                      "maxQuantity": 2,
                      "priceTable": "mcextras",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    }
                  ],
                  "__typename": "CompositionType"
                },
                "__typename": "AssemblyOption"
              },
              {
                "id": "Big MACCT_Lanche",
                "name": "Big MACCT",
                "required": true,
                "inputValues": [],
                "composition": {
                  "minQuantity": 2,
                  "maxQuantity": 7,
                  "items": [
                    {
                      "id": "10094",
                      "minQuantity": 0,
                      "maxQuantity": 2,
                      "priceTable": "mclanches",
                      "seller": "1",
                      "initialQuantity": 2,
                      "__typename": "CompositionItem"
                    },
                    {
                      "id": "10095",
                      "minQuantity": 0,
                      "maxQuantity": 1,
                      "priceTable": "mclanches",
                      "seller": "1",
                      "initialQuantity": 1,
                      "__typename": "CompositionItem"
                    },
                    {
                      "id": "10096",
                      "minQuantity": 0,
                      "maxQuantity": 1,
                      "priceTable": "mclanches",
                      "seller": "1",
                      "initialQuantity": 1,
                      "__typename": "CompositionItem"
                    },
                    {
                      "id": "10097",
                      "minQuantity": 0,
                      "maxQuantity": 1,
                      "priceTable": "mclanches",
                      "seller": "1",
                      "initialQuantity": 1,
                      "__typename": "CompositionItem"
                    },
                    {
                      "id": "10098",
                      "minQuantity": 0,
                      "maxQuantity": 1,
                      "priceTable": "mclanches",
                      "seller": "1",
                      "initialQuantity": 1,
                      "__typename": "CompositionItem"
                    },
                    {
                      "id": "10099",
                      "minQuantity": 0,
                      "maxQuantity": 1,
                      "priceTable": "mclanches",
                      "seller": "1",
                      "initialQuantity": 1,
                      "__typename": "CompositionItem"
                    }
                  ],
                  "__typename": "CompositionType"
                },
                "__typename": "AssemblyOption"
              }
            ],
            "__typename": "ItemMetadataUnit"
          },
          {
            "id": "10110",
            "name": "Bacon",
            "imageUrl": "https://acctglobal.vtexassets.com/arquivos/ids/155738/test-product.jpg",
            "seller": "1",
            "assemblyOptions": [],
            "__typename": "ItemMetadataUnit"
          },
          {
            "id": "10095",
            "name": "Picles",
            "imageUrl": "https://acctglobal.vtexassets.com/arquivos/ids/155723/test-product.jpg",
            "seller": "1",
            "assemblyOptions": [],
            "__typename": "ItemMetadataUnit"
          },
          {
            "id": "10094",
            "name": "Hamburguer",
            "imageUrl": "https://acctglobal.vtexassets.com/arquivos/ids/155722/test-product.jpg",
            "seller": "1",
            "assemblyOptions": [],
            "__typename": "ItemMetadataUnit"
          },
          {
            "id": "10096",
            "name": "Alface",
            "imageUrl": "https://acctglobal.vtexassets.com/arquivos/ids/155724/test-product.jpg",
            "seller": "1",
            "assemblyOptions": [],
            "__typename": "ItemMetadataUnit"
          },
          {
            "id": "10097",
            "name": "Tomate",
            "imageUrl": "https://acctglobal.vtexassets.com/arquivos/ids/155725/test-product.jpg",
            "seller": "1",
            "assemblyOptions": [],
            "__typename": "ItemMetadataUnit"
          },
          {
            "id": "10098",
            "name": "Cebola",
            "imageUrl": "https://acctglobal.vtexassets.com/arquivos/ids/155726/test-product.jpg",
            "seller": "1",
            "assemblyOptions": [],
            "__typename": "ItemMetadataUnit"
          },
          {
            "id": "10099",
            "name": "Molho",
            "imageUrl": "https://acctglobal.vtexassets.com/arquivos/ids/155727/test-product.jpg",
            "seller": "1",
            "assemblyOptions": [],
            "__typename": "ItemMetadataUnit"
          },
          {
            "id": "10093",
            "name": "Lanche Genérico",
            "imageUrl": "https://acctglobal.vtexassets.com/arquivos/ids/155721/test-product.jpg",
            "seller": "1",
            "assemblyOptions": [
              {
                "id": "Side Extra_Acompanhamento Adicional",
                "name": "Side Extra",
                "required": false,
                "inputValues": [],
                "composition": {
                  "minQuantity": 0,
                  "maxQuantity": 10,
                  "items": [
                    {
                      "id": "10106",
                      "minQuantity": 0,
                      "maxQuantity": 5,
                      "priceTable": "mcside",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    },
                    {
                      "id": "10107",
                      "minQuantity": 0,
                      "maxQuantity": 5,
                      "priceTable": "mcside",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    }
                  ],
                  "__typename": "CompositionType"
                },
                "__typename": "AssemblyOption"
              },
              {
                "id": "Observações Adicionais - Lanche Genérico",
                "name": "Observações Adicionais - Lanche Genérico",
                "required": true,
                "inputValues": [
                  {
                    "label": "Sem Cebola Crispy",
                    "maxLength": null,
                    "type": "BOOLEAN",
                    "domain": null,
                    "defaultValue": false,
                    "__typename": "InputValue"
                  },
                  {
                    "label": "Sem Molho Barbecue Extra",
                    "maxLength": null,
                    "type": "BOOLEAN",
                    "domain": null,
                    "defaultValue": false,
                    "__typename": "InputValue"
                  },
                  {
                    "label": "Sem Bacon",
                    "maxLength": null,
                    "type": "BOOLEAN",
                    "domain": null,
                    "defaultValue": false,
                    "__typename": "InputValue"
                  },
                  {
                    "label": "Sem Queijo Emental",
                    "maxLength": null,
                    "type": "BOOLEAN",
                    "domain": null,
                    "defaultValue": false,
                    "__typename": "InputValue"
                  }
                ],
                "composition": null,
                "__typename": "AssemblyOption"
              },
              {
                "id": "Extra_Extra",
                "name": "Extra",
                "required": false,
                "inputValues": [],
                "composition": {
                  "minQuantity": 0,
                  "maxQuantity": 4,
                  "items": [
                    {
                      "id": "10110",
                      "minQuantity": 0,
                      "maxQuantity": 2,
                      "priceTable": "mcextras",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    },
                    {
                      "id": "10095",
                      "minQuantity": 0,
                      "maxQuantity": 2,
                      "priceTable": "mcextras",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    }
                  ],
                  "__typename": "CompositionType"
                },
                "__typename": "AssemblyOption"
              }
            ],
            "__typename": "ItemMetadataUnit"
          },
          {
            "id": "10102",
            "name": "Combo 2",
            "imageUrl": "https://acctglobal.vtexassets.com/arquivos/ids/155730/test-product.jpg",
            "seller": "1",
            "assemblyOptions": [
              {
                "id": "Combo 2_Acompanhamento",
                "name": "Combo 2",
                "required": true,
                "inputValues": [],
                "composition": {
                  "minQuantity": 1,
                  "maxQuantity": 1,
                  "items": [
                    {
                      "id": "10106",
                      "minQuantity": 0,
                      "maxQuantity": 1,
                      "priceTable": "main",
                      "seller": "1",
                      "initialQuantity": 1,
                      "__typename": "CompositionItem"
                    },
                    {
                      "id": "10107",
                      "minQuantity": 0,
                      "maxQuantity": 1,
                      "priceTable": "main",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    }
                  ],
                  "__typename": "CompositionType"
                },
                "__typename": "AssemblyOption"
              },
              {
                "id": "Combo 2_Bebida",
                "name": "Combo 2",
                "required": true,
                "inputValues": [],
                "composition": {
                  "minQuantity": 1,
                  "maxQuantity": 1,
                  "items": [
                    {
                      "id": "10108",
                      "minQuantity": 0,
                      "maxQuantity": 1,
                      "priceTable": "main",
                      "seller": "1",
                      "initialQuantity": 1,
                      "__typename": "CompositionItem"
                    },
                    {
                      "id": "10109",
                      "minQuantity": 0,
                      "maxQuantity": 1,
                      "priceTable": "main",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    }
                  ],
                  "__typename": "CompositionType"
                },
                "__typename": "AssemblyOption"
              },
              {
                "id": "Combo 2_Lanche",
                "name": "Combo 2",
                "required": true,
                "inputValues": [],
                "composition": {
                  "minQuantity": 1,
                  "maxQuantity": 1,
                  "items": [
                    {
                      "id": "10092",
                      "minQuantity": 0,
                      "maxQuantity": 1,
                      "priceTable": "main",
                      "seller": "1",
                      "initialQuantity": 1,
                      "__typename": "CompositionItem"
                    }
                  ],
                  "__typename": "CompositionType"
                },
                "__typename": "AssemblyOption"
              }
            ],
            "__typename": "ItemMetadataUnit"
          },
          {
            "id": "10092",
            "name": "MACCTicken",
            "imageUrl": "https://acctglobal.vtexassets.com/arquivos/ids/155720/test-product.jpg",
            "seller": "1",
            "assemblyOptions": [
              {
                "id": "Side Extra_Acompanhamento Adicional",
                "name": "Side Extra",
                "required": false,
                "inputValues": [],
                "composition": {
                  "minQuantity": 0,
                  "maxQuantity": 10,
                  "items": [
                    {
                      "id": "10106",
                      "minQuantity": 0,
                      "maxQuantity": 5,
                      "priceTable": "mcside",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    },
                    {
                      "id": "10107",
                      "minQuantity": 0,
                      "maxQuantity": 5,
                      "priceTable": "mcside",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    }
                  ],
                  "__typename": "CompositionType"
                },
                "__typename": "AssemblyOption"
              },
              {
                "id": "additionalInfoMACCTicken",
                "name": "additionalInfoMACCTicken",
                "required": true,
                "inputValues": [
                  {
                    "label": "Sem Cebola Crispy",
                    "maxLength": null,
                    "type": "BOOLEAN",
                    "domain": null,
                    "defaultValue": false,
                    "__typename": "InputValue"
                  },
                  {
                    "label": "Sem Maionese",
                    "maxLength": null,
                    "type": "BOOLEAN",
                    "domain": null,
                    "defaultValue": false,
                    "__typename": "InputValue"
                  },
                  {
                    "label": "Sem Alface",
                    "maxLength": null,
                    "type": "BOOLEAN",
                    "domain": null,
                    "defaultValue": false,
                    "__typename": "InputValue"
                  }
                ],
                "composition": null,
                "__typename": "AssemblyOption"
              },
              {
                "id": "Extra_Extra",
                "name": "Extra",
                "required": false,
                "inputValues": [],
                "composition": {
                  "minQuantity": 0,
                  "maxQuantity": 4,
                  "items": [
                    {
                      "id": "10110",
                      "minQuantity": 0,
                      "maxQuantity": 2,
                      "priceTable": "mcextras",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    },
                    {
                      "id": "10095",
                      "minQuantity": 0,
                      "maxQuantity": 2,
                      "priceTable": "mcextras",
                      "seller": "1",
                      "initialQuantity": 0,
                      "__typename": "CompositionItem"
                    }
                  ],
                  "__typename": "CompositionType"
                },
                "__typename": "AssemblyOption"
              }
            ],
            "__typename": "ItemMetadataUnit"
          }
        ],
        "priceTable": [
          {
            "type": "mcside",
            "values": [
              {
                "id": "10106",
                "assemblyId": "Side Extra_Acompanhamento Adicional",
                "price": 600,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10107",
                "assemblyId": "Side Extra_Acompanhamento Adicional",
                "price": 600,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10106",
                "assemblyId": "Side Extra_Acompanhamento Adicional",
                "price": 600,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10107",
                "assemblyId": "Side Extra_Acompanhamento Adicional",
                "price": 600,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10106",
                "assemblyId": "Side Extra_Acompanhamento Adicional",
                "price": 600,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10107",
                "assemblyId": "Side Extra_Acompanhamento Adicional",
                "price": 600,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10106",
                "assemblyId": "Side Extra_Acompanhamento Adicional",
                "price": 600,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10107",
                "assemblyId": "Side Extra_Acompanhamento Adicional",
                "price": 600,
                "__typename": "PriceTableItem"
              }
            ],
            "__typename": "ItemPriceTable"
          },
          {
            "type": "mclanches",
            "values": [
              {
                "id": "10101",
                "assemblyId": "_Combo2",
                "price": 1100,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10102",
                "assemblyId": "_Combo2",
                "price": 1100,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10101",
                "assemblyId": "_Combo1",
                "price": 1100,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10102",
                "assemblyId": "_Combo1",
                "price": 1100,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10106",
                "assemblyId": "Combo 1_Acompanhamento",
                "price": 500,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10107",
                "assemblyId": "Combo 1_Acompanhamento",
                "price": 500,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10108",
                "assemblyId": "Combo 1_Bebida",
                "price": 1125,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10109",
                "assemblyId": "Combo 1_Bebida",
                "price": 1100,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10091",
                "assemblyId": "Combo 1_Lanche",
                "price": 2420,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10093",
                "assemblyId": "Combo 1_Lanche",
                "price": 1100,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10094",
                "assemblyId": "Big MACCT_Lanche",
                "price": 0,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10095",
                "assemblyId": "Big MACCT_Lanche",
                "price": null,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10096",
                "assemblyId": "Big MACCT_Lanche",
                "price": null,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10097",
                "assemblyId": "Big MACCT_Lanche",
                "price": null,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10098",
                "assemblyId": "Big MACCT_Lanche",
                "price": null,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10099",
                "assemblyId": "Big MACCT_Lanche",
                "price": null,
                "__typename": "PriceTableItem"
              }
            ],
            "__typename": "ItemPriceTable"
          },
          {
            "type": "mcextras",
            "values": [
              {
                "id": "10110",
                "assemblyId": "Extra_Extra",
                "price": 250,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10095",
                "assemblyId": "Extra_Extra",
                "price": 200,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10110",
                "assemblyId": "Extra_Extra",
                "price": 250,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10095",
                "assemblyId": "Extra_Extra",
                "price": 200,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10110",
                "assemblyId": "Extra_Extra",
                "price": 250,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10095",
                "assemblyId": "Extra_Extra",
                "price": 200,
                "__typename": "PriceTableItem"
              }
            ],
            "__typename": "ItemPriceTable"
          },
          {
            "type": "main",
            "values": [
              {
                "id": "10106",
                "assemblyId": "Combo 2_Acompanhamento",
                "price": 1100,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10107",
                "assemblyId": "Combo 2_Acompanhamento",
                "price": 1100,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10108",
                "assemblyId": "Combo 2_Bebida",
                "price": 1125,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10109",
                "assemblyId": "Combo 2_Bebida",
                "price": 1100,
                "__typename": "PriceTableItem"
              },
              {
                "id": "10092",
                "assemblyId": "Combo 2_Lanche",
                "price": 2750,
                "__typename": "PriceTableItem"
              }
            ],
            "__typename": "ItemPriceTable"
          }
        ],
        "__typename": "ItemMetadata"
      },
      "benefits": [],
      "categoryTree": [
        {
          "id": 41,
          "name": "MACCT",
          "href": "/MACCT",
          "__typename": "Category"
        },
        {
          "id": 47,
          "name": "Family Box",
          "href": "/MACCT/Family-Box",
          "__typename": "Category"
        }
      ]
    }
  }
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of product-customizer/react/__fixtures__/productAttachment.json from the product-customizer VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "data": {
    "product": {
      "cacheId": "star-color-top",
      "productName": "Star colors top",
      "productId": "2000024",
      "description": "Colorful star on a tank top",
      "titleTag": "Star Color Top",
      "metaTagDescription": "Colorful star on a tank top",
      "linkText": "star-color-top",
      "productReference": "998765",
      "categoryId": "48",
      "categories": [
        "/Apparel & Accessories/Clothing/Tops/",
        "/Apparel & Accessories/Clothing/",
        "/Apparel & Accessories/"
      ],
      "brand": "Kawasaki",
      "brandId": 2000001,
      "properties": [
        {
          "name": "Sleeve type",
          "values": ["Sleeveless"],
          "__typename": "Property"
        }
      ],
      "specificationGroups": [
        {
          "name": "Specifications",
          "specifications": [
            {
              "name": "Sleeve type",
              "values": ["Sleeveless"],
              "__typename": "SpecificationGroupProperty"
            }
          ],
          "__typename": "SpecificationGroup"
        },
        {
          "name": "allSpecifications",
          "specifications": [
            {
              "name": "Sleeve type",
              "values": ["Sleeveless"],
              "__typename": "SpecificationGroupProperty"
            }
          ],
          "__typename": "SpecificationGroup"
        }
      ],
      "items": [
        {
          "itemId": "2000564",
          "name": "Red star",
          "nameComplete": "Star colors top Red star",
          "complementName": "Tank top with star",
          "ean": "",
          "referenceId": [
            {
              "Key": "RefId",
              "Value": "987134",
              "__typename": "Reference"
            }
          ],
          "measurementUnit": "un",
          "unitMultiplier": 1,
          "images": [
            {
              "imageId": "155518",
              "imageLabel": "red",
              "imageTag": "",
              "imageUrl": "https://storecomponents.vteximg.com.br/arquivos/ids/155518/download--40-.png?v=636942495289870000",
              "imageText": "red",
              "__typename": "Image"
            }
          ],
          "videos": [],
          "sellers": [
            {
              "sellerId": "1",
              "sellerName": "VTEX",
              "addToCartLink": "https://portal.vtexcommercestable.com.br/checkout/cart/add?sku=2000564&qty=1&seller=1&sc=1&price=3500&cv=5fac19906131d4101ccb5758516f2b7e_&sc=1",
              "sellerDefault": true,
              "commertialOffer": {
                "discountHighlights": [],
                "teasers": [],
                "Price": 35,
                "ListPrice": 35,
                "PriceWithoutDiscount": 35,
                "RewardValue": 0,
                "PriceValidUntil": "2020-09-13T23:13:08.5150199Z",
                "AvailableQuantity": 2000000,
                "Tax": 0,
                "CacheVersionUsedToCallCheckout": "5fac19906131d4101ccb5758516f2b7e_",
                "Installments": [
                  {
                    "Value": 35,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 1,
                    "Name": "American Express à vista",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 35,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 1,
                    "Name": "Visa à vista",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 17.5,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 2,
                    "Name": "Visa 2 vezes sem juros",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 11.7,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 3,
                    "Name": "Visa 3 vezes sem juros",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 35,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 1,
                    "Name": "Mastercard à vista",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 17.5,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 2,
                    "Name": "Mastercard 2 vezes sem juros",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 11.7,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 3,
                    "Name": "Mastercard 3 vezes sem juros",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 35,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 1,
                    "Name": "Boleto Bancário à vista",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 35,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 1,
                    "Name": "Promissory à vista",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 35,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 1,
                    "Name": "Customer Credit à vista",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 17.5,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 2,
                    "Name": "Customer Credit 2 vezes sem juros",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 11.7,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 3,
                    "Name": "Customer Credit 3 vezes sem juros",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 35,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 1,
                    "Name": "Free à vista",
                    "__typename": "Installment"
                  }
                ],
                "__typename": "Offer"
              },
              "__typename": "Seller"
            }
          ],
          "variations": [
            {
              "name": "Color",
              "values": ["Red"],
              "__typename": "Property"
            }
          ],
          "kitItems": [],
          "attachments": [
            {
              "id": "13",
              "name": "Customization",
              "required": false,
              "__typename": "Attachment"
            }
          ],
          "__typename": "SKU"
        },
        {
          "itemId": "2000565",
          "name": "Magento",
          "nameComplete": "Star colors top Magento",
          "complementName": "Tank top with star",
          "ean": "",
          "referenceId": [
            {
              "Key": "RefId",
              "Value": "66678",
              "__typename": "Reference"
            }
          ],
          "measurementUnit": "un",
          "unitMultiplier": 1,
          "images": [
            {
              "imageId": "155519",
              "imageLabel": "magenta",
              "imageTag": "",
              "imageUrl": "https://storecomponents.vteximg.com.br/arquivos/ids/155519/download--51-.png?v=636942496232070000",
              "imageText": "magenta",
              "__typename": "Image"
            }
          ],
          "videos": [],
          "sellers": [
            {
              "sellerId": "1",
              "sellerName": "VTEX",
              "addToCartLink": "https://portal.vtexcommercestable.com.br/checkout/cart/add?sku=2000565&qty=1&seller=1&sc=1&price=0&cv=5fac19906131d4101ccb5758516f2b7e_&sc=1",
              "sellerDefault": true,
              "commertialOffer": {
                "discountHighlights": [],
                "teasers": [],
                "Price": 0,
                "ListPrice": 0,
                "PriceWithoutDiscount": 0,
                "RewardValue": 0,
                "PriceValidUntil": null,
                "AvailableQuantity": 0,
                "Tax": 0,
                "CacheVersionUsedToCallCheckout": "5fac19906131d4101ccb5758516f2b7e_",
                "Installments": [],
                "__typename": "Offer"
              },
              "__typename": "Seller"
            }
          ],
          "variations": [],
          "kitItems": [],
          "attachments": [],
          "__typename": "SKU"
        },
        {
          "itemId": "2000566",
          "name": "Dark blue",
          "nameComplete": "Star colors top Dark blue",
          "complementName": "Tank top with star",
          "ean": "",
          "referenceId": [
            {
              "Key": "RefId",
              "Value": "590",
              "__typename": "Reference"
            }
          ],
          "measurementUnit": "un",
          "unitMultiplier": 1,
          "images": [
            {
              "imageId": "155520",
              "imageLabel": "darkblue",
              "imageTag": "",
              "imageUrl": "https://storecomponents.vteximg.com.br/arquivos/ids/155520/download--52-.png?v=636942497381500000",
              "imageText": "dark-blue",
              "__typename": "Image"
            }
          ],
          "videos": [],
          "sellers": [
            {
              "sellerId": "1",
              "sellerName": "VTEX",
              "addToCartLink": "https://portal.vtexcommercestable.com.br/checkout/cart/add?sku=2000566&qty=1&seller=1&sc=1&price=3500&cv=5fac19906131d4101ccb5758516f2b7e_&sc=1",
              "sellerDefault": true,
              "commertialOffer": {
                "discountHighlights": [],
                "teasers": [],
                "Price": 35,
                "ListPrice": 35,
                "PriceWithoutDiscount": 35,
                "RewardValue": 0,
                "PriceValidUntil": "2020-09-13T23:13:08.5140372Z",
                "AvailableQuantity": 2000000,
                "Tax": 0,
                "CacheVersionUsedToCallCheckout": "5fac19906131d4101ccb5758516f2b7e_",
                "Installments": [
                  {
                    "Value": 35,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 1,
                    "Name": "American Express à vista",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 35,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 1,
                    "Name": "Visa à vista",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 17.5,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 2,
                    "Name": "Visa 2 vezes sem juros",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 11.7,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 3,
                    "Name": "Visa 3 vezes sem juros",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 35,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 1,
                    "Name": "Mastercard à vista",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 17.5,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 2,
                    "Name": "Mastercard 2 vezes sem juros",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 11.7,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 3,
                    "Name": "Mastercard 3 vezes sem juros",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 35,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 1,
                    "Name": "Boleto Bancário à vista",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 35,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 1,
                    "Name": "Promissory à vista",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 35,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 1,
                    "Name": "Customer Credit à vista",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 17.5,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 2,
                    "Name": "Customer Credit 2 vezes sem juros",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 11.7,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 3,
                    "Name": "Customer Credit 3 vezes sem juros",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 35,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 1,
                    "Name": "Free à vista",
                    "__typename": "Installment"
                  }
                ],
                "__typename": "Offer"
              },
              "__typename": "Seller"
            }
          ],
          "variations": [
            {
              "name": "Color",
              "values": ["Blue"],
              "__typename": "Property"
            }
          ],
          "kitItems": [],
          "attachments": [
            {
              "id": "13",
              "name": "Customization",
              "required": false,
              "__typename": "Attachment"
            }
          ],
          "__typename": "SKU"
        },
        {
          "itemId": "2000567",
          "name": "Light blue",
          "nameComplete": "Star colors top Light blue",
          "complementName": "Tank top with star",
          "ean": "",
          "referenceId": [
            {
              "Key": "RefId",
              "Value": "9888",
              "__typename": "Reference"
            }
          ],
          "measurementUnit": "un",
          "unitMultiplier": 1,
          "images": [
            {
              "imageId": "155521",
              "imageLabel": "lightblue",
              "imageTag": "",
              "imageUrl": "https://storecomponents.vteximg.com.br/arquivos/ids/155521/download--53-.png?v=636943145000300000",
              "imageText": "light-blue",
              "__typename": "Image"
            }
          ],
          "videos": [],
          "sellers": [
            {
              "sellerId": "1",
              "sellerName": "VTEX",
              "addToCartLink": "https://portal.vtexcommercestable.com.br/checkout/cart/add?sku=2000567&qty=1&seller=1&sc=1&price=0&cv=5fac19906131d4101ccb5758516f2b7e_&sc=1",
              "sellerDefault": true,
              "commertialOffer": {
                "discountHighlights": [],
                "teasers": [],
                "Price": 0,
                "ListPrice": 0,
                "PriceWithoutDiscount": 0,
                "RewardValue": 0,
                "PriceValidUntil": null,
                "AvailableQuantity": 0,
                "Tax": 0,
                "CacheVersionUsedToCallCheckout": "5fac19906131d4101ccb5758516f2b7e_",
                "Installments": [],
                "__typename": "Offer"
              },
              "__typename": "Seller"
            }
          ],
          "variations": [],
          "kitItems": [],
          "attachments": [],
          "__typename": "SKU"
        },
        {
          "itemId": "2000568",
          "name": "lilac",
          "nameComplete": "Star colors top lilac",
          "complementName": "Tank top with star",
          "ean": "",
          "referenceId": [
            {
              "Key": "RefId",
              "Value": "121299",
              "__typename": "Reference"
            }
          ],
          "measurementUnit": "un",
          "unitMultiplier": 1,
          "images": [
            {
              "imageId": "155522",
              "imageLabel": "lilac",
              "imageTag": "",
              "imageUrl": "https://storecomponents.vteximg.com.br/arquivos/ids/155522/download--42-.png?v=636943145798400000",
              "imageText": "lilac",
              "__typename": "Image"
            }
          ],
          "videos": [],
          "sellers": [
            {
              "sellerId": "1",
              "sellerName": "VTEX",
              "addToCartLink": "https://portal.vtexcommercestable.com.br/checkout/cart/add?sku=2000568&qty=1&seller=1&sc=1&price=0&cv=5fac19906131d4101ccb5758516f2b7e_&sc=1",
              "sellerDefault": true,
              "commertialOffer": {
                "discountHighlights": [],
                "teasers": [],
                "Price": 0,
                "ListPrice": 0,
                "PriceWithoutDiscount": 0,
                "RewardValue": 0,
                "PriceValidUntil": null,
                "AvailableQuantity": 0,
                "Tax": 0,
                "CacheVersionUsedToCallCheckout": "5fac19906131d4101ccb5758516f2b7e_",
                "Installments": [],
                "__typename": "Offer"
              },
              "__typename": "Seller"
            }
          ],
          "variations": [],
          "kitItems": [],
          "attachments": [],
          "__typename": "SKU"
        },
        {
          "itemId": "2000569",
          "name": "baby pink",
          "nameComplete": "Star colors top baby pink",
          "complementName": "Tank top with star",
          "ean": "",
          "referenceId": [
            {
              "Key": "RefId",
              "Value": "77721",
              "__typename": "Reference"
            }
          ],
          "measurementUnit": "un",
          "unitMultiplier": 1,
          "images": [
            {
              "imageId": "155523",
              "imageLabel": "babypink",
              "imageTag": "",
              "imageUrl": "https://storecomponents.vteximg.com.br/arquivos/ids/155523/download--45-.png?v=636943146718200000",
              "imageText": "baby-pink",
              "__typename": "Image"
            }
          ],
          "videos": [],
          "sellers": [
            {
              "sellerId": "1",
              "sellerName": "VTEX",
              "addToCartLink": "https://portal.vtexcommercestable.com.br/checkout/cart/add?sku=2000569&qty=1&seller=1&sc=1&price=0&cv=5fac19906131d4101ccb5758516f2b7e_&sc=1",
              "sellerDefault": true,
              "commertialOffer": {
                "discountHighlights": [],
                "teasers": [],
                "Price": 0,
                "ListPrice": 0,
                "PriceWithoutDiscount": 0,
                "RewardValue": 0,
                "PriceValidUntil": null,
                "AvailableQuantity": 0,
                "Tax": 0,
                "CacheVersionUsedToCallCheckout": "5fac19906131d4101ccb5758516f2b7e_",
                "Installments": [],
                "__typename": "Offer"
              },
              "__typename": "Seller"
            }
          ],
          "variations": [],
          "kitItems": [],
          "attachments": [],
          "__typename": "SKU"
        },
        {
          "itemId": "2000570",
          "name": "White",
          "nameComplete": "Star colors top White",
          "complementName": "Tank top with star",
          "ean": "",
          "referenceId": [
            {
              "Key": "RefId",
              "Value": "0009",
              "__typename": "Reference"
            }
          ],
          "measurementUnit": "un",
          "unitMultiplier": 1,
          "images": [
            {
              "imageId": "155524",
              "imageLabel": "white",
              "imageTag": "",
              "imageUrl": "https://storecomponents.vteximg.com.br/arquivos/ids/155524/download--43-.png?v=636943147443270000",
              "imageText": "WHITE",
              "__typename": "Image"
            }
          ],
          "videos": [],
          "sellers": [
            {
              "sellerId": "1",
              "sellerName": "VTEX",
              "addToCartLink": "https://portal.vtexcommercestable.com.br/checkout/cart/add?sku=2000570&qty=1&seller=1&sc=1&price=3500&cv=5fac19906131d4101ccb5758516f2b7e_&sc=1",
              "sellerDefault": true,
              "commertialOffer": {
                "discountHighlights": [],
                "teasers": [],
                "Price": 35,
                "ListPrice": 35,
                "PriceWithoutDiscount": 35,
                "RewardValue": 0,
                "PriceValidUntil": "2020-09-13T23:13:08.5143608Z",
                "AvailableQuantity": 2000000,
                "Tax": 0,
                "CacheVersionUsedToCallCheckout": "5fac19906131d4101ccb5758516f2b7e_",
                "Installments": [
                  {
                    "Value": 35,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 1,
                    "Name": "American Express à vista",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 35,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 1,
                    "Name": "Visa à vista",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 17.5,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 2,
                    "Name": "Visa 2 vezes sem juros",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 11.7,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 3,
                    "Name": "Visa 3 vezes sem juros",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 35,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 1,
                    "Name": "Mastercard à vista",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 17.5,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 2,
                    "Name": "Mastercard 2 vezes sem juros",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 11.7,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 3,
                    "Name": "Mastercard 3 vezes sem juros",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 35,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 1,
                    "Name": "Boleto Bancário à vista",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 35,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 1,
                    "Name": "Promissory à vista",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 35,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 1,
                    "Name": "Customer Credit à vista",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 17.5,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 2,
                    "Name": "Customer Credit 2 vezes sem juros",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 11.7,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 3,
                    "Name": "Customer Credit 3 vezes sem juros",
                    "__typename": "Installment"
                  },
                  {
                    "Value": 35,
                    "InterestRate": 0,
                    "TotalValuePlusInterestRate": 35,
                    "NumberOfInstallments": 1,
                    "Name": "Free à vista",
                    "__typename": "Installment"
                  }
                ],
                "__typename": "Offer"
              },
              "__typename": "Seller"
            }
          ],
          "variations": [
            {
              "name": "Color",
              "values": ["White"],
              "__typename": "Property"
            }
          ],
          "kitItems": [],
          "attachments": [
            {
              "id": "13",
              "name": "Customization",
              "required": false,
              "__typename": "Attachment"
            }
          ],
          "__typename": "SKU"
        },
        {
          "itemId": "2000571",
          "name": "brown",
          "nameComplete": "Star colors top brown",
          "complementName": "Tank top with star",
          "ean": "",
          "referenceId": [
            {
              "Key": "RefId",
              "Value": "2002",
              "__typename": "Reference"
            }
          ],
          "measurementUnit": "un",
          "unitMultiplier": 1,
          "images": [
            {
              "imageId": "155525",
              "imageLabel": "brown",
              "imageTag": "",
              "imageUrl": "https://storecomponents.vteximg.com.br/arquivos/ids/155525/download--48-.png?v=636943148698470000",
              "imageText": "brown",
              "__typename": "Image"
            }
          ],
          "videos": [],
          "sellers": [
            {
              "sellerId": "1",
              "sellerName": "VTEX",
              "addToCartLink": "https://portal.vtexcommercestable.com.br/checkout/cart/add?sku=2000571&qty=1&seller=1&sc=1&price=0&cv=5fac19906131d4101ccb5758516f2b7e_&sc=1",
              "sellerDefault": true,
              "commertialOffer": {
                "discountHighlights": [],
                "teasers": [],
                "Price": 0,
                "ListPrice": 0,
                "PriceWithoutDiscount": 0,
                "RewardValue": 0,
                "PriceValidUntil": null,
                "AvailableQuantity": 0,
                "Tax": 0,
                "CacheVersionUsedToCallCheckout": "5fac19906131d4101ccb5758516f2b7e_",
                "Installments": [],
                "__typename": "Offer"
              },
              "__typename": "Seller"
            }
          ],
          "variations": [],
          "kitItems": [],
          "attachments": [],
          "__typename": "SKU"
        },
        {
          "itemId": "2000572",
          "name": "grey",
          "nameComplete": "Star colors top grey",
          "complementName": "Tank top with star",
          "ean": "",
          "referenceId": [
            {
              "Key": "RefId",
              "Value": "8888888",
              "__typename": "Reference"
            }
          ],
          "measurementUnit": "un",
          "unitMultiplier": 1,
          "images": [
            {
              "imageId": "155526",
              "imageLabel": "grey",
              "imageTag": "",
              "imageUrl": "https://storecomponents.vteximg.com.br/arquivos/ids/155526/download--44-.png?v=636943150013700000",
              "imageText": "grey",
              "__typename": "Image"
            }
          ],
          "videos": [],
          "sellers": [
            {
              "sellerId": "1",
              "sellerName": "VTEX",
              "addToCartLink": "https://portal.vtexcommercestable.com.br/checkout/cart/add?sku=2000572&qty=1&seller=1&sc=1&price=0&cv=5fac19906131d4101ccb5758516f2b7e_&sc=1",
              "sellerDefault": true,
              "commertialOffer": {
                "discountHighlights": [],
                "teasers": [],
                "Price": 0,
                "ListPrice": 0,
                "PriceWithoutDiscount": 0,
                "RewardValue": 0,
                "PriceValidUntil": null,
                "AvailableQuantity": 0,
                "Tax": 0,
                "CacheVersionUsedToCallCheckout": "5fac19906131d4101ccb5758516f2b7e_",
                "Installments": [],
                "__typename": "Offer"
              },
              "__typename": "Seller"
            }
          ],
          "variations": [],
          "kitItems": [],
          "attachments": [],
          "__typename": "SKU"
        },
        {
          "itemId": "2000573",
          "name": "yellow",
          "nameComplete": "Star colors top yellow",
          "complementName": "Tank top with star",
          "ean": "",
          "referenceId": [
            {
              "Key": "RefId",
              "Value": "33242",
              "__typename": "Reference"
            }
          ],
          "measurementUnit": "un",
          "unitMultiplier": 1,
          "images": [
            {
              "imageId": "155527",
              "imageLabel": "yellow",
              "imageTag": "",
              "imageUrl": "https://storecomponents.vteximg.com.br/arquivos/ids/155527/download--41-.png?v=636943151158800000",
              "imageText": "yellow",
              "__typename": "Image"
            }
          ],
          "videos": [],
          "sellers": [
            {
              "sellerId": "1",
              "sellerName": "VTEX",
              "addToCartLink": "https://portal.vtexcommercestable.com.br/checkout/cart/add?sku=2000573&qty=1&seller=1&sc=1&price=0&cv=5fac19906131d4101ccb5758516f2b7e_&sc=1",
              "sellerDefault": true,
              "commertialOffer": {
                "discountHighlights": [],
                "teasers": [],
                "Price": 0,
                "ListPrice": 0,
                "PriceWithoutDiscount": 0,
                "RewardValue": 0,
                "PriceValidUntil": null,
                "AvailableQuantity": 0,
                "Tax": 0,
                "CacheVersionUsedToCallCheckout": "5fac19906131d4101ccb5758516f2b7e_",
                "Installments": [],
                "__typename": "Offer"
              },
              "__typename": "Seller"
            }
          ],
          "variations": [],
          "kitItems": [],
          "attachments": [],
          "__typename": "SKU"
        },
        {
          "itemId": "2000574",
          "name": "green",
          "nameComplete": "Star colors top green",
          "complementName": "Tank top with star",
          "ean": "",
          "referenceId": [
            {
              "Key": "RefId",
              "Value": "8300134",
              "__typename": "Reference"
            }
          ],
          "measurementUnit": "un",
          "unitMultiplier": 1,
          "images": [
            {
              "imageId": "155528",
              "imageLabel": "green",
              "imageTag": "",
              "imageUrl": "https://storecomponents.vteximg.com.br/arquivos/ids/155528/download--46-.png?v=636943152112800000",
              "imageText": "green",
              "__typename": "Image"
            }
          ],
          "videos": [],
          "sellers": [
            {
              "sellerId": "1",
              "sellerName": "VTEX",
              "addToCartLink": "https://portal.vtexcommercestable.com.br/checkout/cart/add?sku=2000574&qty=1&seller=1&sc=1&price=0&cv=5fac19906131d4101ccb5758516f2b7e_&sc=1",
              "sellerDefault": true,
              "commertialOffer": {
                "discountHighlights": [],
                "teasers": [],
                "Price": 0,
                "ListPrice": 0,
                "PriceWithoutDiscount": 0,
                "RewardValue": 0,
                "PriceValidUntil": null,
                "AvailableQuantity": 0,
                "Tax": 0,
                "CacheVersionUsedToCallCheckout": "5fac19906131d4101ccb5758516f2b7e_",
                "Installments": [],
                "__typename": "Offer"
              },
              "__typename": "Seller"
            }
          ],
          "variations": [],
          "kitItems": [],
          "attachments": [],
          "__typename": "SKU"
        },
        {
          "itemId": "2000575",
          "name": "light green",
          "nameComplete": "Star colors top light green",
          "complementName": "Tank top with star",
          "ean": "",
          "referenceId": [
            {
              "Key": "RefId",
              "Value": "282222111",
              "__typename": "Reference"
            }
          ],
          "measurementUnit": "un",
          "unitMultiplier": 1,
          "images": [
            {
              "imageId": "155529",
              "imageLabel": "lightgreen",
              "imageTag": "",
              "imageUrl": "https://storecomponents.vteximg.com.br/arquivos/ids/155529/download--47-.png?v=636943152742270000",
              "imageText": "light--green",
              "__typename": "Image"
            }
          ],
          "videos": [],
          "sellers": [
            {
              "sellerId": "1",
              "sellerName": "VTEX",
              "addToCartLink": "https://portal.vtexcommercestable.com.br/checkout/cart/add?sku=2000575&qty=1&seller=1&sc=1&price=0&cv=5fac19906131d4101ccb5758516f2b7e_&sc=1",
              "sellerDefault": true,
              "commertialOffer": {
                "discountHighlights": [],
                "teasers": [],
                "Price": 0,
                "ListPrice": 0,
                "PriceWithoutDiscount": 0,
                "RewardValue": 0,
                "PriceValidUntil": null,
                "AvailableQuantity": 0,
                "Tax": 0,
                "CacheVersionUsedToCallCheckout": "5fac19906131d4101ccb5758516f2b7e_",
                "Installments": [],
                "__typename": "Offer"
              },
              "__typename": "Seller"
            }
          ],
          "variations": [],
          "kitItems": [],
          "attachments": [],
          "__typename": "SKU"
        },
        {
          "itemId": "2000576",
          "name": "turquoise",
          "nameComplete": "Star colors top turquoise",
          "complementName": "Tank top with star",
          "ean": "",
          "referenceId": [
            {
              "Key": "RefId",
              "Value": "01010122",
              "__typename": "Reference"
            }
          ],
          "measurementUnit": "un",
          "unitMultiplier": 1,
          "images": [
            {
              "imageId": "155530",
              "imageLabel": "turquoise",
              "imageTag": "",
              "imageUrl": "https://storecomponents.vteximg.com.br/arquivos/ids/155530/download--50-.png?v=636943153871900000",
              "imageText": "turquoise",
              "__typename": "Image"
            }
          ],
          "videos": [],
          "sellers": [
            {
              "sellerId": "1",
              "sellerName": "VTEX",
              "addToCartLink": "https://portal.vtexcommercestable.com.br/checkout/cart/add?sku=2000576&qty=1&seller=1&sc=1&price=0&cv=5fac19906131d4101ccb5758516f2b7e_&sc=1",
              "sellerDefault": true,
              "commertialOffer": {
                "discountHighlights": [],
                "teasers": [],
                "Price": 0,
                "ListPrice": 0,
                "PriceWithoutDiscount": 0,
                "RewardValue": 0,
                "PriceValidUntil": null,
                "AvailableQuantity": 0,
                "Tax": 0,
                "CacheVersionUsedToCallCheckout": "5fac19906131d4101ccb5758516f2b7e_",
                "Installments": [],
                "__typename": "Offer"
              },
              "__typename": "Seller"
            }
          ],
          "variations": [],
          "kitItems": [],
          "attachments": [],
          "__typename": "SKU"
        },
        {
          "itemId": "2000577",
          "name": "orange",
          "nameComplete": "Star colors top orange",
          "complementName": "Tank top with star",
          "ean": "",
          "referenceId": [
            {
              "Key": "RefId",
              "Value": "49444",
              "__typename": "Reference"
            }
          ],
          "measurementUnit": "un",
          "unitMultiplier": 1,
          "images": [
            {
              "imageId": "155531",
              "imageLabel": "orange",
              "imageTag": "",
              "imageUrl": "https://storecomponents.vteximg.com.br/arquivos/ids/155531/download--49-.png?v=636943154698270000",
              "imageText": "orange",
              "__typename": "Image"
            }
          ],
          "videos": [],
          "sellers": [
            {
              "sellerId": "1",
              "sellerName": "VTEX",
              "addToCartLink": "https://portal.vtexcommercestable.com.br/checkout/cart/add?sku=2000577&qty=1&seller=1&sc=1&price=0&cv=5fac19906131d4101ccb5758516f2b7e_&sc=1",
              "sellerDefault": true,
              "commertialOffer": {
                "discountHighlights": [],
                "teasers": [],
                "Price": 0,
                "ListPrice": 0,
                "PriceWithoutDiscount": 0,
                "RewardValue": 0,
                "PriceValidUntil": null,
                "AvailableQuantity": 0,
                "Tax": 0,
                "CacheVersionUsedToCallCheckout": "5fac19906131d4101ccb5758516f2b7e_",
                "Installments": [],
                "__typename": "Offer"
              },
              "__typename": "Seller"
            }
          ],
          "variations": [],
          "kitItems": [],
          "attachments": [],
          "__typename": "SKU"
        }
      ],
      "itemMetadata": {
        "items": [
          {
            "id": "2000564",
            "name": "Star colors top Red star",
            "imageUrl": "https://storecomponents.vteximg.com.br/arquivos/ids/155518/download--40-.png?v=636942495289870000",
            "seller": "1",
            "assemblyOptions": [
              {
                "id": "Customization",
                "name": "Customization",
                "required": false,
                "inputValues": [
                  {
                    "label": "Font",
                    "maxLength": null,
                    "type": "OPTIONS",
                    "defaultValue": "Sans serif",
                    "domain": ["Sans serif", "Roman"],
                    "__typename": "InputValue"
                  },
                  {
                    "label": "Front text",
                    "maxLength": 200,
                    "type": "TEXT",
                    "defaultValue": "",
                    "domain": null,
                    "__typename": "InputValue"
                  },
                  {
                    "label": "Back text",
                    "maxLength": 200,
                    "type": "TEXT",
                    "defaultValue": "",
                    "domain": null,
                    "__typename": "InputValue"
                  },
                  {
                    "label": "Glossy print",
                    "maxLength": null,
                    "type": "BOOLEAN",
                    "defaultValue": true,
                    "domain": null,
                    "__typename": "InputValue"
                  }
                ],
                "composition": null,
                "__typename": "AssemblyOption"
              }
            ],
            "__typename": "ItemMetadataUnit"
          },
          {
            "id": "2000566",
            "name": "Star colors top Dark blue",
            "imageUrl": "https://storecomponents.vteximg.com.br/arquivos/ids/155520/download--52-.png?v=636942497381500000",
            "seller": "1",
            "assemblyOptions": [
              {
                "id": "Customization",
                "name": "Customization",
                "required": false,
                "inputValues": [
                  {
                    "label": "Font",
                    "maxLength": null,
                    "type": "OPTIONS",
                    "defaultValue": "Sans serif",
                    "domain": ["Sans serif", "Roman"],
                    "__typename": "InputValue"
                  },
                  {
                    "label": "Front text",
                    "maxLength": 200,
                    "type": "TEXT",
                    "defaultValue": "",
                    "domain": null,
                    "__typename": "InputValue"
                  },
                  {
                    "label": "Back text",
                    "maxLength": 200,
                    "type": "TEXT",
                    "defaultValue": "",
                    "domain": null,
                    "__typename": "InputValue"
                  },
                  {
                    "label": "Glossy print",
                    "maxLength": null,
                    "type": "BOOLEAN",
                    "defaultValue": true,
                    "domain": null,
                    "__typename": "InputValue"
                  }
                ],
                "composition": null,
                "__typename": "AssemblyOption"
              }
            ],
            "__typename": "ItemMetadataUnit"
          },
          {
            "id": "2000570",
            "name": "Star colors top White",
            "imageUrl": "https://storecomponents.vteximg.com.br/arquivos/ids/155524/download--43-.png?v=636943147443270000",
            "seller": "1",
            "assemblyOptions": [
              {
                "id": "Customization",
                "name": "Customization",
                "required": true,
                "inputValues": [
                  {
                    "label": "Font",
                    "maxLength": null,
                    "type": "OPTIONS",
                    "defaultValue": "Sans serif",
                    "domain": ["Sans serif", "Roman"],
                    "__typename": "InputValue"
                  },
                  {
                    "label": "Front text",
                    "maxLength": 200,
                    "type": "TEXT",
                    "defaultValue": "",
                    "domain": null,
                    "__typename": "InputValue"
                  },
                  {
                    "label": "Back text",
                    "maxLength": 200,
                    "type": "TEXT",
                    "defaultValue": "",
                    "domain": null,
                    "__typename": "InputValue"
                  },
                  {
                    "label": "Glossy print",
                    "maxLength": null,
                    "type": "BOOLEAN",
                    "defaultValue": true,
                    "domain": null,
                    "__typename": "InputValue"
                  }
                ],
                "composition": null,
                "__typename": "AssemblyOption"
              }
            ],
            "__typename": "ItemMetadataUnit"
          }
        ],
        "priceTable": [],
        "__typename": "ItemMetadata"
      },
      "productClusters": [],
      "clusterHighlights": [],
      "__typename": "Product"
    }
  }
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of product-customizer/react/mutations/addToCart.gql from the product-customizer VTEX app.

[Assistant]
Here's the implementation:

```graphql
mutation addToCart($items: [MinicartItem]) {
  addToCart(items: $items) @client
}
```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of product-customizer/react/typings/ProjectTypings.d.ts from the product-customizer VTEX app.

[Assistant]
Here's the implementation:

```typescript
/**
 * Assembly options related types
 */
import { InputValueType } from '../modules/inputValueType'

declare global {
  interface CompositionItem {
    id: string
    minQuantity: number
    maxQuantity: number
    initialQuantity: number
    priceTable: string
    seller: string
  }

  interface Composition {
    minQuantity: number
    maxQuantity: number
    items: CompositionItem[]
  }

  interface AssemblyOption {
    id: string
    name: string
    required: boolean
    composition: Composition | null
    inputValues: InputValue[]
  }

  type InputValue = TextInputValue | BooleanInputValue | OptionsInputValue

  interface TextInputValue {
    type: InputValueType.TEXT
    defaultValue: ''
    label: string
    maxLength: number
    domain: null
  }

  interface BooleanInputValue {
    type: InputValueType.BOOLEAN
    defaultValue: boolean
    label: string
    maxLength: null
    domain: null
  }

  interface OptionsInputValue {
    type: InputValueType.OPTIONS
    defaultValue: string
    label: string
    maxLength: null
    domain: string[]
  }

  interface MetadataItem {
    id: string
    name: string
    imageUrl: string
    seller: string
    assemblyOptions: AssemblyOption[]
  }

  interface ItemMetadata {
    items: MetadataItem[]
    priceTable: Array<{
      type: string
      values: Array<{
        id: string
        assemblyId: string
        price: number
      }>
    }>
  }

  interface TreePath {
    itemId: string
    groupId: string
  }

  type GroupTypes = 'SINGLE' | 'TOGGLE' | 'MULTIPLE'

  interface AssemblyOptionGroup {
    id: string
    required: boolean
    minQuantity: number
    maxQuantity: number
    items: Record<string, AssemblyItem>
    groupName: string
    treePath: TreePath[]
    type: GroupTypes
    inputValues: InputValue[]

    valuesOfInputValues: Record<string, string | boolean>
    optin: boolean
    path: string[]
    quantitySum: number
  }

  interface AssemblyOptionGroupInputValue {
    id: string
    required: boolean
    minQuantity: undefined
    maxQuantity: undefined
    items: undefined
    groupName: string
    treePath: TreePath[]
    type: GroupTypes
    inputValues: InputValue[]

    valuesOfInputValues: Record<string, string | boolean>
    optin: boolean
    path: string[]
    quantitySum: number
  }

  type AssemblyOptionGroupState =
    | AssemblyOptionGroup
    | AssemblyOptionGroupInputValue

  interface AssemblyItem {
    image: string
    name: string
    id: string
    price: number
    minQuantity: number
    maxQuantity: number
    seller: string
    initialQuantity: number
    quantity: number
    children: Record<string, AssemblyOptionGroupState> | null
  }
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of product-customizer/react/typings/vtex.store-components.d.ts from the product-customizer VTEX app.

[Assistant]
Here's the implementation:

```typescript
declare module 'vtex.store-components/ProductPrice' {
  const ProductPrice
  export default ProductPrice
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of product-customizer/react/typings/vtex.product-context.d.ts from the product-customizer VTEX app.

[Assistant]
Here's the implementation:

```typescript
declare module 'vtex.product-context/useProduct' {
  import { ItemMetadata } from '../modules/AssemblyTypings'

  export interface SelectedItem {
    itemId: string
    sellers: Array<{
      commertialOffer: {
        AvailableQuantity: number
      }
    }>
  }

  export interface Product {
    itemMetadata: ItemMetadata
  }

  const useProduct: () => ProductContext
  export default useProduct

  export interface ProductContext {
    selectedQuantity: number
    product: Product | null
    selectedItem: SelectedItem | null
  }
}

declare module 'vtex.product-context/ProductDispatchContext' {
  type DispatchFunction = (payload: { type: string; args?: unknown }) => void
  export const useProductDispatch: () => DispatchFunction
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of product-customizer/react/typings/css.d.ts from the product-customizer VTEX app.

[Assistant]
Here's the implementation:

```typescript
declare module '*.css' {
  const css
  export default css
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of product-customizer/react/typings/vtex.styleguide.d.ts from the product-customizer VTEX app.

[Assistant]
Here's the implementation:

```typescript
declare module 'vtex.styleguide' {
  export const Checkbox
  export const Radio
  export const NumericStepper
  export const Button
  export const Modal
  export const Spinner
  export const Input
  export const Dropdown
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of product-customizer/react/utils/scroll.js from the product-customizer VTEX app.

[Assistant]
Here's the implementation:

```javascript
const headerTopMenuClass = '.vtex-store-header-2-x-topMenuContainer'

const getTopbarScrollOffset = () => {
  const topbar = document && document.querySelector(headerTopMenuClass)
  const rect = topbar ? topbar.getBoundingClientRect() : { height: 0, top: 0 }

  return rect.height + rect.top
}

export const scrollToElementTop = (element) => {
  setTimeout(() => {
    const positionToScroll = element.offsetTop - getTopbarScrollOffset()

    window.scrollTo({ top: positionToScroll, behavior: 'smooth' })
  }, 200)
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of product-customizer/react/components/StopPropagation.tsx from the product-customizer VTEX app.

[Assistant]
Here's the implementation:

```tsx
// Why this is needed you ask?
// See: https://github.com/facebook/react/issues/11387

import React from 'react'
import type { PropsWithChildren } from 'react'

const stop = (e: Event) => e.stopPropagation()

const eventHandlers = {
  onClick: stop,
  onContextMenu: stop,
  onDoubleClick: stop,
  onDrag: stop,
  onDragEnd: stop,
  onDragEnter: stop,
  onDragExit: stop,
  onDragLeave: stop,
  onDragOver: stop,
  onDragStart: stop,
  onDrop: stop,
  onMouseDown: stop,
  onMouseEnter: stop,
  onMouseLeave: stop,
  onMouseMove: stop,
  onMouseOver: stop,
  onMouseOut: stop,
  onMouseUp: stop,

  onKeyDown: stop,
  onKeyPress: stop,
  onKeyUp: stop,

  onFocus: stop,
  onBlur: stop,

  onChange: stop,
  onInput: stop,
  onInvalid: stop,
  onSubmit: stop,
}

// eslint-disable-next-line @typescript-eslint/ban-types
function NoPropagation({ children }: PropsWithChildren<{}>) {
  return (
    <>
      {/* @ts-expect-error Purposedfully stops propagation of all events */}
      <div {...eventHandlers} style={{ display: 'contents' }}>
        {children}
      </div>
    </>
  )
}

export default NoPropagation

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of product-customizer/react/__tests__/index.test.jsx from the product-customizer VTEX app.

[Assistant]
Here's the implementation:

```jsx
import React from 'react'
import { render, fireEvent } from '@vtex/test-tools/react'

import ProductCustomizer from '../index'
import productQueryWithVariation from '../__fixtures__/productQueryWithVariation.json'
import productQueryNoVariation from '../__fixtures__/productQuery.json'

describe('ProductCustomizer components ', () => {
  it('render with variations example, show sku selector', () => {
    const productQuery = { ...productQueryWithVariation.data }
    const { container, asFragment } = render(
      <ProductCustomizer productQuery={productQuery} />
    )

    expect(container).toBeDefined()
    expect(asFragment()).toMatchSnapshot()
  })

  it('render with no variations and press on Small SKU', () => {
    const productQuery = { ...productQueryNoVariation.data }
    const { container, getByText, asFragment } = render(
      <ProductCustomizer productQuery={productQuery} />
    )

    expect(container).toBeDefined()
    expect(asFragment()).toMatchSnapshot()

    const smallButton = getByText('Small')

    fireEvent.click(smallButton)
    expect(asFragment()).toMatchSnapshot()
  })
})

```