[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 b2cstoreqa.theme/store/blocks/search.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "store.search.product-comparison": {
    "blocks": ["search-result-layout", "flex-layout.row#newsletter"],
    "props": {
      "context": {
        "skusFilter": "ALL",
        "simulationBehavior": "skip"
      }
    }
  },
  "store.search.product-comparison#brand": {
    "blocks": ["search-result-layout", "flex-layout.row#newsletter"],
    "props": {
      "context": {
        "orderByField": "OrderByReleaseDateDESC",
        "hideUnavailableItems": true,
        "maxItemsPerPage": 10,
        "skusFilter": "ALL",
        "simulationBehavior": "skip"
      }
    }
  },
  "store.search.product-comparison#department": {
    "blocks": ["search-result-layout", "flex-layout.row#newsletter"],
    "props": {
      "context": {
        "skusFilter": "ALL",
        "simulationBehavior": "skip",
        "maxItemsPerPage": 20
      },
      "fullWidth": true
    }
  },
  "store.search.product-comparison#category": {
    "blocks": ["search-result-layout", "flex-layout.row#newsletter"],
    "props": {
      "context": {
        "skusFilter": "ALL",
        "simulationBehavior": "skip",
        "maxItemsPerPage": 20
      },
      "fullWidth": true
    }
  },
  "store.search.product-comparison#subcategory": {
    "blocks": ["search-result-layout", "flex-layout.row#newsletter"],
    "props": {
      "context": {
        "skusFilter": "ALL",
        "simulationBehavior": "skip",
        "maxItemsPerPage": 20
      },
      "fullWidth": true
    }
  },
  "search-result-layout": {
    "blocks": [
      "search-result-layout.desktop.product-comparison",
      "search-result-layout.mobile",
      "search-not-found-layout"
    ],
    "props": {
      "fullWidth": true
    }
  },
  "search-result-layout.desktop.product-comparison": {
    "children": [
      "flex-layout.row#searchLayout",
      "product-comparison-drawer",
      "flex-layout.row#blog"
    ],
    "props": {
      "pagination": "show-more",
      "preventRouteChange": false,
      "mobileLayout": {
        "mode1": "small",
        "mode2": "normal"
      },
      "fullWidth": true
    }
  },
  "flex-layout.row#searchLayout": {
    "children": ["flex-layout.row#filter", "flex-layout.col#pageContent"],
    "props": {
      "colSizing": "auto",
      "fullWidth": true
    }
  },
  "flex-layout.col#pageContent": {
    "children": ["flex-layout.row#imageList", "flex-layout.col#search-content"],
    "props": {
      "blockClass": "pageContent",
      "preventVerticalStretch": true
    }
  },
  "flex-layout.col#search-content": {
    "children": [
      "flex-layout.row#searchbread",
      "flex-layout.row#searchtitle",
      "flex-layout.row#SEOText",
      // Deprecated
      // "flex-layout.row#categorySlider",
      "flex-layout.row#searchinfo",
      "flex-layout.row#fetchprevious",
      "flex-layout.row#products",
      "flex-layout.row#fetchmore"
    ],
    "props": {
      "paddingLeft": 7,
      "paddingRight": 7
    }
  },
  "flex-layout.row#SEOText": {
    "children": ["rich-text#SEOText"]
  },
  "rich-text#SEOText": {
    "props": {
      "text": "Let's face it: we’re living in the age of the computer. From big business to everyday social interactions, these “calculating machines” have evolved into tools and solution.",
      "blockClass": "SEOText"
    }
  },

  "flex-layout.row#searchbread": {
    "children": ["flex-layout.col#searchbread"],
    "props": {
      "preserveLayoutOnMobile": true,
      "fullWidth": true,
      "marginBottom": 5
    }
  },

  "flex-layout.col#searchbread": {
    "children": ["breadcrumb.search#default"],
    "props": {
      "paddingLeft": {
        "desktop": 0,
        "mobile": 5
      },
      "paddingRight": {
        "desktop": 0,
        "mobile": 5
      }
    }
  },

  "breadcrumb.search#default": {
    "props": {
      "blockClass": ["default"],
      "showOnMobile": true,
      "homeIconSize": 18
    }
  },

  "flex-layout.row#searchtitle": {
    "children": ["search-title.v2"]
  },

  "flex-layout.row#filter": {
    "children": ["flex-layout.col#filter"],
    "props": {
      "paddingTop": 3
    }
  },
  "flex-layout.col#filter": {
    "children": ["filter-navigator.v3"],
    "props": {
      "blockClass": "filterCol",
      "paddingLeft": 7
    }
  },

  "flex-layout.row#searchinfo": {
    "children": ["flex-layout.col#productCount", "flex-layout.col#orderby"],
    "props": {
      "colSizing": "auto",
      "blockClass": "searchHeadInfo"
    }
  },
  "flex-layout.col#productCount": {
    "children": ["total-products.v2"],
    "props": {
      "blockClass": "productCountCol"
    }
  },
  "flex-layout.col#orderby": {
    "children": ["order-by.v2"],
    "props": {
      "blockClass": "orderByCol"
    }
  },
  "flex-layout.row#fetchprevious": {
    "props": {
      "marginBottom": 3
    },
    "children": ["search-fetch-previous"]
  },
  "flex-layout.row#fetchmore": {
    "props": {
      "marginTop": 3
    },
    "children": ["search-fetch-more"]
  },
  "flex-layout.row#products": {
    "children": ["search-content"]
  },
  "search-content": {
    "blocks": ["gallery", "not-found"]
  },
  "search-content#mobile": {
    "blocks": ["gallery#mobile", "not-found"]
  },
  "search-result-layout.mobile": {
    "children": [
      "flex-layout.row#imageList--mobile",
      "flex-layout.row#searchbread",
      "flex-layout.row#searchtitle",
      "flex-layout.row#SEOText",
      // Deprecated
      // "flex-layout.row#categorySlider",
      "flex-layout.row#productCountMobile",
      "flex-layout.row#searchinfomobile",
      "flex-layout.row#fetchprevious",
      "flex-layout.row#contentmobile",
      "flex-layout.row#fetchmore",
      "flex-layout.row#blogMobile"
    ],
    "props": {
      "pagination": "show-more",
      "mobileLayout": {
        "mode1": "small",
        "mode2": "normal"
      }
    }
  },
  "flex-layout.row#contentmobile": {
    "children": ["search-content#mobile"],
    "props": {
      "preserveLayoutOnMobile": true
    }
  },
  "flex-layout.row#searchinfomobile": {
    "children": [
      "flex-layout.col#orderByMobile",
      "flex-layout.col#filterMobile",
      "flex-layout.col#switcherMobile"
    ],
    "props": {
      "preserveLayoutOnMobile": true,
      "colSizing": "auto",
      "colJustify": "around"
    }
  },
  "flex-layout.col#orderByMobile": {
    "children": ["order-by.v2"],
    "props": {
      "blockClass": "orderByMobileCol"
    }
  },
  "flex-layout.row#productCountMobile": {
    "children": ["total-products.v2"],
    "props": {
      "blockClass": "productCountMobileRow"
    }
  },
  "flex-layout.col#filterMobile": {
    "children": ["filter-navigator.v3"],
    "props": {
      "blockClass": "filterMobileCol"
    }
  },
  "flex-layout.col#switcherMobile": {
    "children": ["search-layout-switcher"],
    "props": {
      "blockClass": "switcherMobileCol"
    }
  },
  "search-not-found-layout": {
    "children": ["flex-layout.row#notfound"]
  },
  "flex-layout.row#notfound": {
    "children": ["not-found"],
    "props": {
      "fullWidth": true
    }
  },
  "breadcrumb": {
    "props": {
      "showOnMobile": true
    }
  },
  "gallery": {
    "blocks": ["product-summary.shelf.product-comparison#complete"]
  },
  "gallery#mobile": {
    "blocks": ["product-summary.shelf#normal"]
  }
  // Deprecated
  // "flex-layout.row#categorySlider": {
  //   "children": ["slider-layout#categorySlider"]
  // },
  // "slider-layout#categorySlider": {
  //   "props": {
  //     "itemsPerPage": {
  //       "desktop": 8,
  //       "tablet": 4,
  //       "phone": 2
  //     },
  //     "infinite": false,
  //     "blockClass": "categorySlider"
  //   },
  //   "children": [
  //     "link#category1",
  //     "link#category2",
  //     "link#category3",
  //     "link#category4",
  //     "link#category5",
  //     "link#category6",
  //     "link#category7",
  //     "link#category8",
  //     "link#category8"
  //   ]
  // },
  // "link#category1": {
  //   "children": ["image#categoryImage1", "rich-text#categoryName1"],
  //   "props": {
  //     "href": "/category",
  //     "blockClass": "linkCategorySlider"
  //   }
  // },
  // "link#category2": {
  //   "children": ["image#categoryImage2", "rich-text#categoryName2"],
  //   "props": {
  //     "href": "/category",
  //     "blockClass": "linkCategorySlider"
  //   }
  // },
  // "link#category3": {
  //   "children": ["image#categoryImage3", "rich-text#categoryName3"],
  //   "props": {
  //     "href": "/category",
  //     "blockClass": "linkCategorySlider"
  //   }
  // },
  // "link#category4": {
  //   "children": ["image#categoryImage4", "rich-text#categoryName4"],
  //   "props": {
  //     "href": "/category",
  //     "blockClass": "linkCategorySlider"
  //   }
  // },
  // "link#category5": {
  //   "children": ["image#categoryImage5", "rich-text#categoryName5"],
  //   "props": {
  //     "href": "/category",
  //     "blockClass": "linkCategorySlider"
  //   }
  // },
  // "link#category6": {
  //   "children": ["image#categoryImage6", "rich-text#categoryName6"],
  //   "props": {
  //     "href": "/category",
  //     "blockClass": "linkCategorySlider"
  //   }
  // },
  // "link#category7": {
  //   "children": ["image#categoryImage7", "rich-text#categoryName7"],
  //   "props": {
  //     "href": "/category",
  //     "blockClass": "linkCategorySlider"
  //   }
  // },
  // "link#category8": {
  //   "children": ["image#categoryImage8", "rich-text#categoryName8"],
  //   "props": {
  //     "href": "/category",
  //     "blockClass": "linkCategorySlider"
  //   }
  // },
  // "image#categoryImage1": {
  //   "props": {
  //     "src": "assets/placeholders/categoryImagePlaceHolder.png",
  //     "blockClass": "imageCategorySlider"
  //   }
  // },
  // "rich-text#categoryName1": {
  //   "props": {
  //     "text": "Shop All",
  //     "blockClass": "textCategorySlider"
  //   }
  // },
  // "image#categoryImage2": {
  //   "props": {
  //     "src": "assets/placeholders/categoryImagePlaceHolder.png",
  //     "blockClass": "imageCategorySlider"
  //   }
  // },
  // "rich-text#categoryName2": {
  //   "props": {
  //     "text": "Shop All",
  //     "blockClass": "textCategorySlider"
  //   }
  // },
  // "image#categoryImage3": {
  //   "props": {
  //     "src": "assets/placeholders/categoryImagePlaceHolder.png",
  //     "blockClass": "imageCategorySlider"
  //   }
  // },
  // "rich-text#categoryName3": {
  //   "props": {
  //     "text": "Shop All",
  //     "blockClass": "textCategorySlider"
  //   }
  // },
  // "image#categoryImage4": {
  //   "props": {
  //     "src": "assets/placeholders/categoryImagePlaceHolder.png",
  //     "blockClass": "imageCategorySlider"
  //   }
  // },
  // "rich-text#categoryName4": {
  //   "props": {
  //     "text": "Shop All",
  //     "blockClass": "textCategorySlider"
  //   }
  // },
  // "image#categoryImage5": {
  //   "props": {
  //     "src": "assets/placeholders/categoryImagePlaceHolder.png",
  //     "blockClass": "imageCategorySlider"
  //   }
  // },
  // "rich-text#categoryName5": {
  //   "props": {
  //     "text": "Shop All",
  //     "blockClass": "textCategorySlider"
  //   }
  // },
  // "image#categoryImage6": {
  //   "props": {
  //     "src": "assets/placeholders/categoryImagePlaceHolder.png",
  //     "blockClass": "imageCategorySlider"
  //   }
  // },
  // "rich-text#categoryName6": {
  //   "props": {
  //     "text": "Shop All",
  //     "blockClass": "textCategorySlider"
  //   }
  // },
  // "image#categoryImage7": {
  //   "props": {
  //     "src": "assets/placeholders/categoryImagePlaceHolder.png",
  //     "blockClass": "imageCategorySlider"
  //   }
  // },
  // "rich-text#categoryName7": {
  //   "props": {
  //     "text": "Shop All",
  //     "blockClass": "textCategorySlider"
  //   }
  // },
  // "image#categoryImage8": {
  //   "props": {
  //     "src": "assets/placeholders/categoryImagePlaceHolder.png",
  //     "blockClass": "imageCategorySlider"
  //   }
  // },
  // "rich-text#categoryName8": {
  //   "props": {
  //     "text": "Shop All",
  //     "blockClass": "textCategorySlider"
  //   }
  // }
}

```


[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 b2cstoreqa.theme/store/blocks/institutional.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "image#mobile-phone": {
    "props": {
      "src": "https://storecomponents.vteximg.com.br/arquivos/mobile-phone.png",
      "maxHeight": "",
      "maxWidth": "",
      "blockClass": "storePrint"
    }
  },

  "rich-text#institutional-placeholder": {
    "props": {
      "text": "**Optimized store framework** \n Free your front-end with our React + Node store framework. Improve usability and SEO, while driving more conversion with modular components, single page applications, and a ready-for-PWA structure. \n\n **Multi-currency and language** \n Go international with multiple storefronts to support different languages and easily manage local currencies and payment conditions. \n\n **Serverless development platform** \n Reduce loading time, improve usability, and make the best out of SEO. Developing scalable components with a comprehensive, easy-to-use toolset, you can build stores faster than ever.",
      "blockClass": "about"
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/footer/footer.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "footer": {
    "props": {},
    "blocks": ["footer-layout.desktop", "footer-layout.mobile"]
  },
  "footer-layout.desktop": {
    "children": [
      "flex-layout.row#footerDesktop",
      "flex-layout.row#copyright",
      "flex-layout.row#footerStripe"
    ],
    "props": {
      "blockClass": ["relative", "z-998"]
    }
  },
  "flex-layout.row#footerStripe": {
    "props": {
      "blockClass": "footerStripe"
    },
    "children": ["rich-text#footerStripe"]
  },
  "rich-text#footerStripe": {
    "props": {
      "text": "There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc",
      "blockClass": "footerStripe"
    }
  },
  "footer-layout.mobile": {
    "children": ["flex-layout.row#footerMobile"]
  },
  "flex-layout.row#footerDesktop": {
    "props": {
      "blockClass": "footer-row-1"
    },
    "children": [
      "flex-layout.col#footer-1-desktop",
      "flex-layout.col#footer-2-desktop",
      "flex-layout.col#footer-3-desktop",
      "flex-layout.col#footer-4-desktop"
    ]
  },
  "flex-layout.col#footer-1-desktop": {
    "children": ["rich-text#footerTitle1", "vtex.menu@2.x:menu#about"]
  },
  "flex-layout.col#footer-2-desktop": {
    "children": ["rich-text#footerTitle2", "vtex.menu@2.x:menu#customer"]
  },
  "flex-layout.col#footer-3-desktop": {
    "props": {
      "preventVerticalStretch": true
    },
    "children": ["rich-text#footerTitle3", "link#call", "link#mail"]
  },
  "flex-layout.col#footer-4-desktop": {
    "children": [
      "rich-text#footerTitle4",
      "flex-layout.row#paymentImagesDesktop",
      "rich-text#followTitle",
      "flex-layout.row#networks"
    ],
    "props": {
      "preventVerticalStretch": true,
      "preventHorizontalStretch": true
    }
  },
  "rich-text#followTitle": {
    "props": {
      "text": "Follow us",
      "blockClass": "followTitle"
    }
  },
  "rich-text#footerTitle1": {
    "props": {
      "text": "About us",
      "blockClass": "footerTitle"
    }
  },
  "rich-text#footerTitle2": {
    "props": {
      "text": "Customer Services",
      "blockClass": "footerTitle"
    }
  },
  "rich-text#footerTitle3": {
    "props": {
      "text": "Contact Us",
      "blockClass": "footerTitle"
    }
  },
  "rich-text#footerTitle4": {
    "props": {
      "text": "Pay with credit card",
      "blockClass": "footerTitle"
    }
  },
  "link#call": {
    "children": ["image#phoneIcon", "rich-text#call"],
    "props": {
      "href": "tel:+1999999999",
      "target": "_blank",
      "blockClass": "linkCall"
    }
  },
  "link#mail": {
    "children": ["image#mailIcon", "rich-text#mail"],
    "props": {
      "href": "mailto:mailto@mail.com",
      "target": "_blank",
      "blockClass": "linkMail"
    }
  },
  "image#phoneIcon": {
    "props": {
      "src": "assets/icons/phoneIcon.svg"
    }
  },
  "image#mailIcon": {
    "props": {
      "src": "assets/icons/mailIcon.svg"
    }
  },
  "rich-text#call": {
    "props": {
      "text": "call us",
      "blockClass": "callTo"
    }
  },
  "rich-text#mail": {
    "props": {
      "text": "send a message",
      "blockClass": "mailTo"
    }
  },
  "flex-layout.row#copyright": {
    "props": {
      "colSizing": "auto",
      "blockClass": "copyrightContainer"
    },
    "children": [
      "flex-layout.col#copyright",
      "flex-layout.col#spacer"
      // Deprecated
      // "vtex.menu@2.x:menu#currency"
      // "locale-switcher"
    ]
  },

  // Deprecated
  // "vtex.menu@2.x:menu#currency": {
  //   "children": ["menu-item#currency"],
  //   "props": {
  //     "blockClass": "currencyFakeDropdown"
  //   }
  // },

  // "menu-item#currency": {
  //   "props": {
  //     "id": "currency-selector",
  //     "type": "custom",
  //     "highlight": false,
  //     "itemProps": {
  //       "type": "internal",
  //       "href": "#",
  //       "noFollow": false,
  //       "text": "Select Currency"
  //     },
  //     "blockClass": "currencyFakeDropdown"
  //   },
  //   "blocks": ["vtex.menu@2.x:submenu#currency"]
  // },
  // "vtex.menu@2.x:submenu#currency": {
  //   "children": ["vtex.menu@2.x:menu#subcurrency"]
  // },
  // "vtex.menu@2.x:menu#subcurrency": {
  //   "children": ["menu-item#en", "menu-item#es", "menu-item#br"],
  //   "props": {
  //     "orientation": "vertical"
  //   }
  // },
  // "menu-item#en": {
  //   "props": {
  //     "id": "currency-english",
  //     "type": "custom",
  //     "highlight": false,
  //     "itemProps": {
  //       "type": "internal",
  //       "href": "/en",
  //       "noFollow": false,
  //       "text": "United States - USD"
  //     }
  //   }
  // },
  // "menu-item#es": {
  //   "props": {
  //     "id": "currency-spain",
  //     "type": "custom",
  //     "highlight": false,
  //     "itemProps": {
  //       "type": "internal",
  //       "href": "/es",
  //       "noFollow": false,
  //       "text": "Spain - EUR"
  //     }
  //   }
  // },
  // "menu-item#br": {
  //   "props": {
  //     "id": "currency-brazil",
  //     "type": "custom",
  //     "highlight": false,
  //     "itemProps": {
  //       "type": "internal",
  //       "href": "/br",
  //       "noFollow": false,
  //       "text": "Brazil - BRL"
  //     }
  //   }
  // },

  "flex-layout.col#copyright": {
    "props": {},
    "children": ["flex-layout.row#vtexLogo"]
  },
  "flex-layout.row#vtexLogo": {
    "props": {
      "preventHorizontalStretch": true
    },
    "children": ["image#vtexLogo", "rich-text#rights"]
  },
  "image#vtexLogo": {
    "props": {
      "blockClass": "vtexLogo",
      "src": "assets/placeholders/vtexLogo.png"
    }
  },
  "rich-text#rights": {
    "props": {
      "text": "2020 @ All Right Reserved to VTEX",
      "blockClass": "footerRights"
    }
  },
  "flex-layout.row#footerMobile": {
    "children": [
      "flex-layout.row#footerMenu",
      "flex-layout.col#payment",
      // "flex-layout.row#currency",
      "flex-layout.row#networks",
      "rich-text#copyrightMobile",
      "rich-text#footerTextMobile",
      "image#vtexLogoMobile"
    ]
  },
  // Deprecated
  // "flex-layout.row#currency": {
  //   "children": ["vtex.menu@2.x:menu#currency", "locale-switcher"],
  //   "props": {
  //     "preserveLayoutOnMobile": true,
  //     "blockClass": "mobileCurrencyRow",
  //     "colSizing": "auto"
  //   }
  // },
  "flex-layout.row#footerMenu": {
    "children": [
      "link#footerLink1",
      "link#footerLink2",
      "link#footerLink3",
      "link#footerLink4",
      "link#footerLink5",
      "link#footerLink6"
    ],
    "props": {
      "blockClass": "footerLink"
    }
  },
  "link#footerLink1": {
    "props": {
      "href": "/about",
      "label": "About us",
      "blockClass": "footerLink"
    }
  },
  "link#footerLink2": {
    "props": {
      "href": "/policy",
      "label": "Return Policy",
      "blockClass": "footerLink"
    }
  },
  "link#footerLink3": {
    "props": {
      "href": "/orders",
      "label": "Your orders",
      "blockClass": "footerLink"
    }
  },
  "link#footerLink4": {
    "props": {
      "href": "/services",
      "label": "Customer services",
      "blockClass": "footerLink"
    }
  },
  "link#footerLink5": {
    "props": {
      "href": "/shipping",
      "label": "Shipping info",
      "blockClass": "footerLink"
    }
  },
  "link#footerLink6": {
    "props": {
      "href": "/support",
      "label": "Contact & Support",
      "blockClass": "footerLink"
    }
  },
  "flex-layout.col#payment": {
    "children": ["rich-text#payment", "flex-layout.row#paymentImages"],
    "props": {
      "blockClass": "paymentCol"
    }
  },
  "rich-text#payment": {
    "props": {
      "text": "Pay with credit card",
      "blockClass": "paymentLabel"
    }
  },
  "flex-layout.row#paymentImagesDesktop": {
    "children": [
      "image#visa",
      "image#mastercard",
      "image#express",
      "image#elo",
      "image#dinners"
    ],
    "props": {
      "colSizing": "auto",
      "blockClass": "paymentImages"
    }
  },
  "flex-layout.row#paymentImages": {
    "children": [
      "image#visa",
      "image#mastercard",
      "image#express",
      "image#elo",
      "image#dinners"
    ],
    "props": {
      "preventHorizontalStretch": true,
      "blockClass": "paymentImages"
    }
  },
  "image#visa": {
    "props": {
      "src": "assets/placeholders/visaLogo.png",
      "blockClass": "paymentImage"
    }
  },
  "image#mastercard": {
    "props": {
      "src": "assets/placeholders/masterCardLogo.png",
      "blockClass": "paymentImage"
    }
  },
  "image#express": {
    "props": {
      "src": "assets/placeholders/expressLogo.png",
      "blockClass": "paymentImage"
    }
  },
  "image#elo": {
    "props": {
      "src": "assets/placeholders/eloLogo.png",
      "blockClass": "paymentImage"
    }
  },
  "image#dinners": {
    "props": {
      "src": "assets/placeholders/dinnersLogo.png",
      "blockClass": "paymentImage"
    }
  },
  "rich-text#copyrightMobile": {
    "props": {
      "text": "2020 @ All Right Reserved to VTEX",
      "blockClass": "copyright"
    }
  },
  "rich-text#footerTextMobile": {
    "props": {
      "text": "Amet minim mollit non deserunt ullamco est sit aliqua do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet. Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt amet.",
      "blockClass": "footerStripe"
    }
  },
  "image#vtexLogoMobile": {
    "props": {
      "src": "assets/placeholders/vtexLogo.png",
      "blockClass": "vtexLogo"
    }
  },
  "flex-layout.row#networks": {
    "children": ["link#facebook", "link#instagram", "link#twitter"],
    "props": {
      "blockClass": "networks",
      "horizontalAlign": "center",
      "preserveLayoutOnMobile": true,
      "preventHorizontalStretch": true,
      "colGap": 3,
      "colSizing": "auto",
      "fullWidth": false
    }
  },
  "link#facebook": {
    "children": ["image#facebook"],
    "props": {
      "href": "//facebook.com",
      "target": "_blank",
      "blockClass": "networkLink"
    }
  },
  "link#instagram": {
    "children": ["image#instagram"],
    "props": {
      "href": "//instagram.com",
      "target": "_blank",
      "blockClass": "networkLink"
    }
  },
  "link#twitter": {
    "children": ["image#twitter"],
    "props": {
      "href": "//twitter.com",
      "target": "_blank",
      "blockClass": "networkLink"
    }
  },
  "image#facebook": {
    "props": {
      "src": "assets/placeholders/facebookIcon.png",
      "blockClass": "networkImage"
    }
  },
  "image#instagram": {
    "props": {
      "src": "assets/placeholders/instagramIcon.png",
      "blockClass": "networkImage"
    }
  },
  "image#twitter": {
    "props": {
      "src": "assets/placeholders/twitterIcon.png",
      "blockClass": "networkImage"
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/footer/menu.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "vtex.menu@2.x:menu#about": {
    "props": {
      "blockClass": "flexCol",
      "items": [
        {
          "id": "footerItem-company",
          "type": "custom",
          "iconId": null,
          "highlight": false,
          "itemProps": {
            "type": "internal",
            "href": "/company",
            "noFollow": false,
            "tagTitle": "Shop",
            "text": "Our Company"
          }
        },
        {
          "id": "footerItem-careers",
          "type": "custom",
          "iconId": null,
          "highlight": false,
          "itemProps": {
            "type": "internal",
            "href": "/careers",
            "noFollow": false,
            "tagTitle": "about-us",
            "text": "Careers"
          }
        },
        {
          "id": "footerItem-sell",
          "type": "custom",
          "iconId": null,
          "highlight": false,
          "itemProps": {
            "type": "internal",
            "href": "/sell",
            "noFollow": false,
            "tagTitle": "about-us",
            "text": "Sell with VTEX"
          }
        },
        {
          "id": "footerItem-investor",
          "type": "custom",
          "iconId": null,
          "highlight": false,
          "itemProps": {
            "type": "internal",
            "href": "/investors",
            "noFollow": false,
            "tagTitle": "about-us",
            "text": "Investor Relations"
          }
        },
        {
          "id": "footerItem-advertise",
          "type": "custom",
          "iconId": null,
          "highlight": false,
          "itemProps": {
            "type": "internal",
            "href": "/advertise",
            "noFollow": false,
            "tagTitle": "about-us",
            "text": "Advertise with us"
          }
        },
        {
          "id": "footerItem-locations",
          "type": "custom",
          "iconId": null,
          "highlight": false,
          "itemProps": {
            "type": "internal",
            "href": "/locations",
            "noFollow": false,
            "tagTitle": "about-us",
            "text": "Locations"
          }
        }
      ]
    }
  },
  "vtex.menu@2.x:menu#customer": {
    "props": {
      "blockClass": "flexCol",
      "items": [
        {
          "id": "footerItem-help",
          "type": "custom",
          "iconId": null,
          "highlight": false,
          "itemProps": {
            "type": "internal",
            "href": "/help-center",
            "noFollow": false,
            "tagTitle": "Help Center",
            "text": "Help Center"
          }
        },
        {
          "id": "footerItem-returns",
          "type": "custom",
          "iconId": null,
          "highlight": false,
          "itemProps": {
            "type": "internal",
            "href": "/returns",
            "noFollow": false,
            "tagTitle": "Returns",
            "text": "Returns"
          }
        },
        {
          "id": "footerItem-recall",
          "type": "custom",
          "iconId": null,
          "highlight": false,
          "itemProps": {
            "type": "internal",
            "href": "/recalls",
            "noFollow": false,
            "tagTitle": "Product Recalls",
            "text": "Product Recalls"
          }
        },
        {
          "id": "footerItem-accessibility",
          "type": "custom",
          "iconId": null,
          "highlight": false,
          "itemProps": {
            "type": "internal",
            "href": "/accessibility",
            "noFollow": false,
            "tagTitle": "Accessibility",
            "text": "Accessibility"
          }
        },
        {
          "id": "footerItem-contact",
          "type": "custom",
          "iconId": null,
          "highlight": false,
          "itemProps": {
            "type": "internal",
            "href": "/contact",
            "noFollow": false,
            "tagTitle": "Contact Us",
            "text": "Contact Us"
          }
        },
        {
          "id": "footerItem-pickup",
          "type": "custom",
          "iconId": null,
          "highlight": false,
          "itemProps": {
            "type": "internal",
            "href": "/pickup",
            "noFollow": false,
            "tagTitle": "Store Pickup",
            "text": "Store Pickup"
          }
        }
      ]
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/right-col.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.col#right-col": {
    "children": [
      "flex-layout.row#brand-and-rating",
      "flex-layout.row#product-name",
      "flex-layout.row#product-identifier",
      "condition-layout.product#sku-selector-or-list",
      "flex-layout.row#assembly-options"
      // "flex-layout.row#link-seller"
    ],
    "props": {
      "blockClass": "right-col",
      "preventVerticalStretch": true,
      "width": "45%"
    }
  },
  "flex-layout.row#brand-and-rating": {
    "children": [
      "vtex.store-components:product-brand#brand-and-rating",
      "flex-layout.col#spacer",
      "product-rating-summary"
    ],
    "props": {
      "blockClass": ["items-center", "brand-and-rating"],
      "preserveLayoutOnMobile": true,
      "preventHorizontalStretch": true,
      "preventVerticalStretch": true,
      "colSizing": "auto",
      "colGap": 0
    }
  },
  "vtex.store-components:product-brand#brand-and-rating": {
    "props": {
      "blockClass": "brand-and-rating",
      "displayMode": "text",
      "height": 0,
      "logoWithLink": true
    }
  },
  "flex-layout.row#product-name": {
    "children": ["vtex.store-components:product-name#product-page"],
    "props": {
      "blockClass": ["product-name"]
    }
  },
  "vtex.store-components:product-name#product-page": {
    "props": {
      "blockClass": "product-page"
    }
  },
  "flex-layout.row#product-identifier": {
    "children": ["product-identifier.product"],
    "props": {
      "blockClass": ["product-identifier"]
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/sku-list.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.row#sku-list": {
    "children": ["flex-layout.col#sku-list"],
    "props": {
      "marginBottom": 5
    }
  },

  "flex-layout.col#sku-list": {
    "children": ["flex-layout.row#sku-list-header", "sku-list"],
    "props": {
      "blockClass": "sku-list"
    }
  },

  "flex-layout.row#sku-list-header": {
    "props": {
      "preventHorizontalStretch": false,
      "blockClass": "skuListHeader",
      "marginBottom": 3
    },
    "children": ["rich-text#code", "rich-text#inventory", "rich-text#price"]
  },

  "rich-text#code": {
    "props": {
      "text": "**Code**",
      "blockClass": "skuList",
      "width": "33.333333333%"
    }
  },

  "rich-text#inventory": {
    "props": {
      "text": "**Stock**",
      "blockClass": "skuList",
      "width": "33.333333333%"
    }
  },

  "rich-text#price": {
    "props": {
      "text": "**Price**",
      "blockClass": "skuList",
      "width": "33.333333333%"
    }
  },

  "sku-list": {
    "blocks": ["sku-content.desktop", "sku-content.mobile"]
  },

  "sku-content.desktop": {
    "children": ["flex-layout.row#item-main-desktop"]
  },

  "flex-layout.row#item-main-desktop": {
    "props": {
      "preventHorizontalStretch": false
    },
    "children": [
      "flex-layout.col#sku-highlight-code",
      "flex-layout.col#sku-inventory",
      "flex-layout.col#sku-price"
    ]
  },

  "flex-layout.col#sku-highlight-code": {
    "props": {
      "width": "33.333333333%"
    },
    "children": ["sku-highlights#code"]
  },

  "sku-highlights#code": {
    "props": {
      "conditional": {
        "highlight": "admin/editor.sku-list.highlights.chooseDefaultSpecification",
        "typeSpecifications": "Code"
      },
      "showLabel": false
    }
  },

  "flex-layout.col#sku-inventory": {
    "props": {
      "width": "33.333333333%"
    },
    "children": ["sku-inventory#default"]
  },

  "sku-inventory#default": {
    "props": {
      "showLabel": false
    }
  },

  "flex-layout.col#sku-price": {
    "props": {
      "width": "33.333333333%"
    },
    "children": ["sku-price"]
  },

  "sku-content.mobile": {
    "children": ["flex-layout.row#item-main-mobile"]
  },

  "flex-layout.row#item-main-mobile": {
    "props": {
      "preventHorizontalStretch": false
    },
    "children": [
      "flex-layout.col#sku-highlight-code-mobile",
      "flex-layout.col#sku-highlight-spec-mobile",
      "flex-layout.col#sku-inventory-mobile",
      "flex-layout.col#sku-price-mobile",
      "flex-layout.col#sku-quantity-selector-mobile"
    ]
  },

  "flex-layout.col#sku-highlight-code-mobile": {
    "props": {
      "width": "33.333333333%"
    },
    "children": ["sku-highlights#code-mobile"]
  },

  "sku-highlights#code-mobile": {
    "props": {
      "conditional": {
        "highlight": "admin/editor.sku-list.highlights.chooseDefaultSpecification",
        "typeSpecifications": "Código"
      },
      "showLabel": true
    }
  },

  "flex-layout.col#sku-highlight-spec-mobile": {
    "props": {
      "width": "33.333333333%"
    },
    "children": ["sku-highlights#spec-mobile"]
  },

  "sku-highlights#spec-mobile": {
    "props": {
      "conditional": {
        "highlight": "admin/editor.sku-list.highlights.chooseDefaultSpecification",
        "typeSpecifications": "Especificação"
      },
      "showLabel": true
    }
  },

  "flex-layout.col#sku-inventory-mobile": {
    "props": {
      "width": "33.333333333%"
    },
    "children": ["sku-inventory#default-mobile"]
  },

  "sku-inventory#default-mobile": {
    "props": {
      "showLabel": true
    }
  },

  "sku-seller#inventory-mobile": {
    "children": ["seller-inventory#mobile"]
  },

  "seller-inventory#mobile": {
    "props": {
      "showLabel": true
    }
  },

  "flex-layout.col#sku-price-mobile": {
    "props": {
      "width": "33.333333333%"
    },
    "children": ["sku-price#mobile"]
  },

  "sku-price#mobile": {
    "props": {
      "showLabel": true
    }
  },

  "flex-layout.col#sku-quantity-selector-mobile": {
    "props": {
      "width": "33.333333333%"
    },
    "children": ["sku-quantity-selector"]
  },

  "sku-quantity-selector#mobile": {
    "props": {
      "showLabel": true
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/reviews-and-ratings.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.row#reviews-and-ratings": {
    "children": ["flex-layout.col#reviews-and-ratings"],
    "props": {
      "blockClass": "reviews-and-ratings"
    }
  },

  "flex-layout.col#reviews-and-ratings": {
    "children": [
      "disclosure-layout#reviews-and-ratings",
      "flex-layout.col#divider"
    ],
    "props": {
      "blockClass": "reviews-and-ratings",
      "width": "74%"
    }
  },

  "disclosure-layout#reviews-and-ratings": {
    "children": [
      "disclosure-trigger#reviews-and-ratings",
      "disclosure-content#reviews-and-ratings"
    ],
    "props": {
      "initialVisibility": "visible"
    }
  },

  "disclosure-trigger#reviews-and-ratings": {
    "children": ["flex-layout.row#disclosure-trigger-reviews"],
    "props": {
      "as": "div"
    }
  },

  "flex-layout.row#disclosure-trigger-reviews": {
    "children": [
      "rich-text#reviews-disclosure-trigger-heading",
      "flex-layout.col#spacer",
      "disclosure-state-indicator"
    ],
    "props": {
      "blockClass": ["items-end", "disclosure-trigger-reviews"],
      "colGap": 0,
      "colSizing": "auto",
      "preserveLayoutOnMobile": true,
      "preventHorizontalStretch": true,
      "preventVerticalStretch": true
    }
  },

  "rich-text#reviews-disclosure-trigger-heading": {
    "props": {
      "blockClass": ["reviews", "disclosure-trigger-heading"],
      "text": "<span>Customer reviews</span>",
      "font": "t-heading-5"
    }
  },

  "disclosure-content#reviews-and-ratings": {
    "children": ["flex-layout.row#reviews"],
    "props": {
      "blockClass": "reviews-and-ratings"
    }
  },

  "flex-layout.row#reviews": {
    "children": ["flex-layout.col#reviews"]
  },

  "flex-layout.col#reviews": {
    "children": ["flex-layout.row#reviews-content"]
  },

  "flex-layout.row#reviews-content": {
    "children": [
      "flex-layout.col#ratings-only",
      "flex-layout.col#reviews-only"
    ],
    "props": {
      "colGap": 8,
      "colSizing": "auto",
      "preventHorizontalStretch": true,
      "preventVerticalStretch": true
    }
  },

  // This is a nasty workaround because `product-reviews.vtex` doesn't have composability
  // and it doesn't respect `blockClass` either.

  "flex-layout.col#ratings-only": {
    "children": ["product-reviews"],
    "props": {
      "blockClass": ["ratings-only"]
    }
  },

  "flex-layout.col#reviews-only": {
    "children": ["product-reviews"],
    "props": {
      "blockClass": ["reviews-only"]
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/buy-buttons.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.row#buy-buttons": {
    "children": ["flex-layout.col#buy-buttons"],
    "props": {
      "blockClass": "buy-buttons"
    }
  },

  "flex-layout.col#buy-buttons": {
    "children": ["flex-layout.row#add-to-cart", "flex-layout.row#buy-now"],
    "props": {
      "blockClass": "buy-buttons",
      "rowGap": 3
    }
  },

  "flex-layout.row#add-to-cart": {
    "children": ["add-to-cart-button"],
    "props": {
      "blockClass": "add-to-cart"
    }
  },

  "flex-layout.row#buy-now": {
    "children": ["add-to-cart-button#buy-now"],
    "props": {
      "blockClass": "buy-now"
    }
  },

  "add-to-cart-button#buy-now": {
    "props": {
      "blockClass": "buy-now",
      "isOneClickBuy": true,
      "text": "Buy Now"
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/left-col.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.col#left-col": {
    "children": ["product-images#desktop"],
    "props": {
      "blockClass": "left-col"
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/location-availability.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.row#location-availability": {
    "children": ["flex-layout.col#location-availability"],
    "props": {
      "blockClass": ["reset-layout", "items-center", "location-availability"],
      "colGap": 0,
      "preserveLayoutOnMobile": true,
      "preventHorizontalStretch": true
    }
  },

  "flex-layout.col#location-availability": {
    "children": ["location-context#desktop"],
    "props": {
      "width": "grow"
    }
  },

  "location-context#desktop": {
    "children": [
      "product-location-shipping-options#desktop",
      "modal-trigger#shipping-availability"
    ],
    "props": {
      "blockClass": ["desktop"]
    }
  },

  "product-location-shipping-options#desktop": {
    "props": {
      "blockClass": "desktop"
    }
  },

  "modal-trigger#shipping-availability": {
    "children": [
      "rich-text#modal-trigger-shipping-availability",
      "modal-layout#shipping-availability"
    ]
  },

  "rich-text#modal-trigger-shipping-availability": {
    "props": {
      "blockClass": ["modal-trigger-shipping-availability"],
      "text": "See more shipping options",
      "font": "t-small",
      "textColor": "c-on-action-secondary"
    }
  },

  "modal-layout#shipping-availability": {
    "children": [
      "modal-header#shipping-availability",
      "flex-layout.row#pickup-and-shipping"
    ],
    "props": {
      "blockClass": ["shipping-availability"]
    }
  },

  "modal-header#shipping-availability": {
    "children": ["rich-text#shipping-availability"],
    "props": {
      "blockClass": ["shipping-availability"]
    }
  },

  "rich-text#shipping-availability": {
    "props": {
      "blockClass": ["reset-spacing"],
      "text": "###### Shipping options",
      "font": "t-heading-6"
    }
  },

  "flex-layout.row#pickup-and-shipping": {
    "children": ["flex-layout.col#pickup-and-shipping"],
    "props": {
      "paddingBottom": {
        "mobile": 5,
        "desktop": 7
      },
      "paddingTop": {
        "mobile": 5,
        "desktop": 7
      }
    }
  },

  "flex-layout.col#pickup-and-shipping": {
    "children": ["flex-layout.row#pickup-and-shipping-content"],
    "props": {
      "paddingLeft": {
        "mobile": 5,
        "desktop": 7
      },
      "paddingRight": {
        "mobile": 5,
        "desktop": 7
      }
    }
  },

  "flex-layout.row#pickup-and-shipping-content": {
    "children": ["flex-layout.col#pickup-and-shipping-left"]
  },

  // Deprecated
  // "flex-layout.row#pickup-and-shipping-spacer": {
  //   "children": ["flex-layout.col#pickup-and-shipping-spacer"],
  //   "props": {
  //     "paddingBottom": {
  //       "mobile": 3,
  //       "desktop": 5
  //     },
  //     "paddingTop": {
  //       "mobile": 3,
  //       "desktop": 5
  //     }
  //   }
  // },

  // "flex-layout.col#pickup-and-shipping-spacer": {
  //   "children": [],
  //   "props": {
  //     "paddingLeft": {
  //       "mobile": 3,
  //       "desktop": 5
  //     },
  //     "paddingRight": {
  //       "mobile": 3,
  //       "desktop": 5
  //     }
  //   }
  // },

  "flex-layout.col#pickup-and-shipping-left": {
    "children": ["flex-layout.row#shipping-simulator"],
    "props": {
      "blockClass": ["br2", "bg-fresh-blue-lightest"],
      "paddingLeft": {
        "mobile": 5,
        "desktop": 9
      },
      "paddingRight": {
        "mobile": 5,
        "desktop": 9
      }
    }
  },

  "flex-layout.row#shipping-simulator": {
    "children": ["flex-layout.col#shipping-simulator"],
    "props": {
      "paddingTop": {
        "mobile": 5,
        "desktop": 7
      },
      "paddingBottom": {
        "mobile": 6,
        "desktop": 8
      }
    }
  },

  "flex-layout.col#shipping-simulator": {
    "children": [
      "flex-layout.row#shipping-simulator-title",
      "rich-text#shipping-simulator-text",
      "shipping-simulator#default"
    ],
    "props": {
      "rowGap": {
        "mobile": 3,
        "desktop": 5
      }
    }
  },

  "flex-layout.row#shipping-simulator-title": {
    "children": ["icon#truck", "rich-text#shipping-simulator-title"],
    "props": {
      "border": "bottom",
      "borderColor": "muted-4",
      "borderWidth": 0,
      "blockClass": ["items-center", "justify-center"],
      "colGap": 5,
      "colSizing": "auto",
      "fullWidth": true,
      "marginBottom": {
        "mobile": 3,
        "desktop": 5
      },
      "paddingBottom": {
        "mobile": 4,
        "desktop": 6
      },
      "preserveLayoutOnMobile": true,
      "preventHorizontalStretch": true,
      "preventVerticalStretch": true
    }
  },

  "icon#truck": {
    "props": {
      "id": "mpa-truck",
      "size": "24",
      "viewBox": "0 0 26 22"
    }
  },

  "rich-text#shipping-simulator-title": {
    "props": {
      "blockClass": ["reset-spacing"],
      "text": "##### Shipping",
      "font": "t-heading-5"
    }
  },

  "rich-text#shipping-simulator-text": {
    "props": {
      "blockClass": ["reset-spacing", "fw5", "black-medium"],
      "text": "Insert your Postal Code",
      "font": "t-small",
      "textAlignment": "CENTER",
      "textPosition": "CENTER"
    }
  },

  "shipping-simulator#default": {
    "props": {
      "shouldUpdateOrderForm": true,
      "blockClass": "default"
    }
  }

  // Deprecated
  // "flex-layout.col#pickup-and-shipping-right": {
  //   "children": ["flex-layout.row#pickup-availability"],
  //   "props": {
  //     "blockClass": ["br2", "bg-fresh-blue-lightest"],
  //     "paddingLeft": {
  //       "mobile": 5,
  //       "desktop": 9
  //     },
  //     "paddingRight": {
  //       "mobile": 5,
  //       "desktop": 9
  //     },
  //     "width": "50%"
  //   }
  // },

  // "flex-layout.row#pickup-availability": {
  //   "children": ["flex-layout.col#pickup-availability"],
  //   "props": {
  //     "paddingTop": {
  //       "mobile": 5,
  //       "desktop": 7
  //     },
  //     "paddingBottom": {
  //       "mobile": 6,
  //       "desktop": 8
  //     }
  //   }
  // },

  // "flex-layout.col#pickup-availability": {
  //   "children": [
  //     "flex-layout.row#pickup-availability-title",
  //     "rich-text#pickup-availability-text",
  //     "pickup-availability#default"
  //   ],
  //   "props": {
  //     "rowGap": {
  //       "mobile": 3,
  //       "desktop": 5
  //     }
  //   }
  // },

  // "flex-layout.row#pickup-availability-title": {
  //   "children": ["icon#home", "rich-text#pickup-availability-title"],
  //   "props": {
  //     "border": "bottom",
  //     "borderColor": "muted-4",
  //     "borderWidth": 0,
  //     "blockClass": ["items-center", "justify-center"],
  //     "colGap": 5,
  //     "colSizing": "auto",
  //     "fullWidth": true,
  //     "marginBottom": {
  //       "mobile": 3,
  //       "desktop": 5
  //     },
  //     "paddingBottom": {
  //       "mobile": 4,
  //       "desktop": 6
  //     },
  //     "preserveLayoutOnMobile": true,
  //     "preventHorizontalStretch": true,
  //     "preventVerticalStretch": true
  //   }
  // },

  // "icon#home": {
  //   "props": {
  //     "id": "mpa-home",
  //     "size": "22",
  //     "viewBox": "0 0 22 24"
  //   }
  // },

  // "rich-text#pickup-availability-title": {
  //   "props": {
  //     "blockClass": ["reset-spacing"],
  //     "text": "##### Pickup",
  //     "font": "t-heading-5"
  //   }
  // },

  // "rich-text#pickup-availability-text": {
  //   "props": {
  //     "blockClass": ["reset-spacing", "fw5", "black-medium"],
  //     "text": "Choose an address to find a store",
  //     "font": "t-small",
  //     "textAlignment": "CENTER",
  //     "textPosition": "CENTER"
  //   }
  // },

  // "pickup-availability#default": {
  //   "props": {
  //     "blockClass": "default"
  //   }
  // }
}

```


[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 b2cstoreqa.theme/store/blocks/product/buy-together.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "product-kit#buy-together": {
    "blocks": ["product-summary.shelf#buy-together"]
  },

  "product-summary.shelf#buy-together": {
    "children": ["flex-layout.row#buy-together-summary"]
  },

  "flex-layout.row#buy-together-summary": {
    "children": [
      "flex-layout.col#buy-together-summary-aside",
      "flex-layout.col#buy-together-summary-content"
    ]
  },

  "flex-layout.col#buy-together-summary-aside": {
    "children": ["product-summary-image"]
  },

  "flex-layout.col#buy-together-summary-content": {
    "children": [
      "product-summary-name",
      "product-list-price",
      "product-selling-price",
      "product-price-savings",
      "product-installments"
    ]
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/product-price.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.row#product-price": {
    "children": ["flex-layout.col#product-price"],
    "props": {
      "blockClass": "product-price"
    }
  },
  "flex-layout.col#product-price": {
    "children": [
      "product-list-price#desktop",
      "flex-layout.row#price",
      "flex-layout.row#priceSavings"
    ],
    "props": {
      "blockClass": "product-price"
    }
  },
  "flex-layout.row#priceSavings": {
    "children": [
      "product-price-savings#desktop",
      "product-price-savings#percentage"
    ],
    "props": {
      "preventHorizontalStretch": true,
      "blockClass": "priceSavings"
    }
  },
  "flex-layout.row#price": {
    "children": ["product-selling-price#desktop"],
    "props": {
      "blockClass": ["items-baseline"],
      "colSizing": "auto",
      "colGap": 3,
      "fullWidth": true,
      "preserveLayoutOnMobile": true,
      "preventHorizontalStretch": true,
      "preventVerticalStretch": true
    }
  },
  "product-selling-price#desktop": {
    "props": {
      "blockClass": ["desktop"],
      "message": "{sellingPriceWithTax} (with taxes)"
    }
  },
  "product-list-price#desktop": {
    "props": {
      "blockClass": ["desktop"]
    }
  },
  "product-price-savings#desktop": {
    "props": {
      "blockClass": ["desktop"]
    }
  },
  "product-price-savings#percentage": {
    "props": {
      "message": "({savingsPercentage})",
      "blockClass": ["desktop", "savingPercent"]
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/fake-summary.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.row#fake-summary": {
    "children": [
      "product-images#fake-summary",
      "flex-layout.col#fake-summary-details"
    ],
    "props": {
      "blockClass": ["items-center", "fake-summary", "visible-sticky"],
      "colSizing": "auto",
      "colGap": 5,
      "preserveLayoutOnMobile": true,
      "preventHorizontalStretch": true,
      "preventVerticalStretch": true
    }
  },

  "product-images#fake-summary": {
    "props": {
      "blockClass": "fake-summary",
      "aspectRatio": "1:1",
      "displayThumbnailsArrows": false,
      "maxHeight": 96,
      "showNavigationArrows": false,
      "showPaginationDots": false,
      "thumbnailMaxHeight": 0,
      "zoomMode": "disabled",
      "contentType": "images"
    }
  },

  "flex-layout.col#fake-summary-details": {
    "children": [
      "vtex.store-components:product-name#fake-summary",
      "product-sku-attributes#fake-summary"
    ]
  },

  "product-sku-attributes#fake-summary": {
    "props": {
      "blockClass": ["fake-summary", "inline"]
    }
  },

  "vtex.store-components:product-name#fake-summary": {
    "props": {
      "blockClass": "fake-summary"
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/product-availability-and-quantity.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.row#product-availability-and-quantity": {
    "children": ["product-availability#desktop", "product-quantity#desktop"],
    "props": {
      "blockClass": ["items-center", "product-availability-and-quantity"],
      "colGap": 0,
      "preserveLayoutOnMobile": true,
      "preventVerticalStretch": true
    }
  },

  "product-availability#desktop": {
    "props": {
      "blockClass": "desktop",
      "threshold": "10",
      "lowStockMessage": "Only {quantity} left!",
      "highStockMessage": "Item in stock!"
    }
  },

  "product-quantity#desktop": {
    "props": {
      "blockClass": ["desktop"],
      "selectorType": "dropdown",
      "showLabel": false
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/breadcrumb.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.row#breadcrumb": {
    "children": ["flex-layout.col#breadcrumb"],
    "props": {
      "blockClass": "breadcrumb",
      "paddingTop": {
        "desktop": 5,
        "mobile": 6
      },
      "marginBottom": {
        "mobile": 6
      }
    }
  },

  "flex-layout.col#breadcrumb": {
    "children": ["breadcrumb#default"]
  },

  "breadcrumb#default": {
    "props": {
      "blockClass": ["default"],
      "showOnMobile": true,
      "homeIconSize": 18
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/box.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "sticky-layout#box": {
    "children": ["flex-layout.row#box"],
    "props": {
      "blockClass": ["box"],
      "position": "top",
      "verticalSpacing": 186
    }
  },

  "flex-layout.row#box": {
    "children": ["flex-layout.col#box"],
    "props": {
      "blockClass": ["box"],
      "preventHorizontalStretch": true,
      "preventVerticalStretch": true
    }
  },

  "flex-layout.col#box": {
    "children": [
      "flex-layout.row#fake-summary",
      "flex-layout.row#seller-name",
      "flex-layout.row#product-price",
      "flex-layout.row#location-availability",
      "flex-layout.row#product-availability-and-quantity",
      "flex-layout.row#buy-buttons"
    ],
    "props": {
      "blockClass": ["box"],
      "preventVerticalStretch": true
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/seller-name.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.row#seller-name": {
    "children": ["product-seller-name#default"]
  },
  "product-seller-name#default": {
    "props": {
      "blockClass": ["default"],
      "message": "Sold by {sellerName}"
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/also-view.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.row#alsoView": {
    "children": ["flex-layout.col#alsoView"],
    "props": {
      "blockClass": ["relative", "bg-base", "z-998"]
    }
  },
  "flex-layout.col#alsoView": {
    "children": [
      "rich-text#alsoViewTitle",
      "list-context.product-list#alsoView"
    ]
  },
  "rich-text#alsoViewTitle": {
    "props": {
      "text": "### Customers also viewed",
      "blockClass": "alsoView"
    }
  },
  "list-context.product-list#alsoView": {
    "children": ["slider-layout#alsoView"],
    "blocks": ["product-summary.shelf#normal"],
    "props": {
      "orderBy": "OrderByTopSaleDESC",
      "maxItems": 12
    }
  },
  "slider-layout#alsoView": {
    "props": {
      "itemsPerPage": {
        "desktop": 6,
        "tablet": 4,
        "phone": 2
      },
      "infinite": false,
      "fullWidth": true,
      "blockClass": "shelfAlsoView",
      "showNavigationArrows": "desktopOnly"
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/sku-selector.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "condition-layout.product#sku-selector-or-list": {
    "props": {
      "conditions": [
        {
          "subject": "productId",
          "arguments": { "id": 1 }
        }
      ],
      "Then": "flex-layout.row#sku-list",
      "Else": "flex-layout.row#sku-selector"
    }
  },

  "flex-layout.row#sku-selector": {
    "children": ["sku-selector#desktop"]
  },

  "sku-selector#desktop": {
    "props": {
      "blockClass": ["desktop", "color-round"],
      "variationsSpacing": 0,
      "showValueNameForImageVariation": true,
      "showValueForVariation": "all"
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/assembly-options.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.row#assembly-options": {
    "children": ["flex-layout.col#assembly-options"],
    "props": {
      "blockClass": ["assembly-options"]
    }
  },

  "flex-layout.col#assembly-options": {
    "children": ["product-assembly-options#desktop"],
    "props": {
      "blockClass": "assembly-options"
    }
  },

  "product-assembly-options#desktop": {
    "children": [
      "flex-layout.row#product-assembly-options",
      "assembly-option-input-values"
    ],
    "props": {
      "blockClass": "desktop"
    }
  },

  "flex-layout.row#product-assembly-options": {
    "props": {
      "colGap": 2,
      "preserveLayoutOnMobile": true,
      "colSizing": "auto"
    },
    "children": [
      "flex-layout.col#product-assembly-image",
      "flex-layout.col#product-assembly-middle",
      "flex-layout.col#product-assembly-quantity"
    ]
  },

  "flex-layout.col#product-assembly-quantity": {
    "props": {
      "verticalAlign": "middle"
    },
    "children": ["assembly-option-item-quantity-selector"]
  },

  "flex-layout.col#product-assembly-image": {
    "props": {
      "marginRight": 4
    },
    "children": ["assembly-option-item-image"]
  },

  "flex-layout.col#product-assembly-middle": {
    "props": {
      "width": "grow",
      "verticalAlignment": "middle"
    },
    "children": [
      "assembly-option-item-name",
      "assembly-option-item-price",
      "assembly-option-item-children-description",
      "assembly-option-item-customize#first-level"
    ]
  },

  "assembly-option-item-customize#first-level": {
    "props": {
      "buttonProps": {
        "collapse": "left"
      }
    },
    "children": [
      "flex-layout.row#item-customize",
      "assembly-option-input-values"
    ]
  },

  "flex-layout.row#item-customize": {
    "props": {
      "colGap": 2,
      "preserveLayoutOnMobile": true,
      "colSizing": "auto"
    },
    "children": [
      "flex-layout.col#product-assembly-image",
      "flex-layout.col#item-customize-middle",
      "flex-layout.col#item-customize-quantity"
    ]
  },

  "flex-layout.col#item-customize-middle": {
    "props": {
      "width": "grow",
      "verticalAlignment": "middle"
    },
    "children": [
      "assembly-option-item-name",
      "assembly-option-item-price",
      "assembly-option-item-children-description",
      "assembly-option-item-customize#sec-level"
    ]
  },

  "flex-layout.col#item-customize-quantity": {
    "props": {
      "horizontalAlign": "right",
      "verticalAlign": "middle"
    },
    "children": ["assembly-option-item-quantity-selector"]
  },

  "assembly-option-item-customize#sec-level": {
    "props": {
      "buttonProps": {
        "collapse": "left"
      }
    },
    "children": [
      "assembly-option-item-image",
      "assembly-option-item-name",
      "assembly-option-item-price",
      "assembly-option-item-quantity-selector"
    ]
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/specification.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.row#specification": {
    "children": ["flex-layout.col#specification"],
    "props": {
      "blockClass": "specification"
    }
  },

  "flex-layout.col#specification": {
    "children": ["disclosure-layout#specification", "flex-layout.col#divider"],
    "props": {
      "blockClass": "specification",
      "width": "74%"
    }
  },

  "disclosure-layout#specification": {
    "children": [
      "disclosure-trigger#specification",
      "disclosure-content#specification"
    ],
    "props": {
      "initialVisibility": "visible"
    }
  },

  "disclosure-trigger#specification": {
    "children": ["flex-layout.row#disclosure-trigger-specification"],
    "props": {
      "as": "div"
    }
  },

  "flex-layout.row#disclosure-trigger-specification": {
    "children": [
      "rich-text#specifications-disclosure-trigger-heading",
      "flex-layout.col#spacer",
      "disclosure-state-indicator"
    ],
    "props": {
      "blockClass": ["items-end", "disclosure-trigger-specification"],
      "colGap": 0,
      "colSizing": "auto",
      "preserveLayoutOnMobile": true,
      "preventHorizontalStretch": true,
      "preventVerticalStretch": true
    }
  },

  "rich-text#specifications-disclosure-trigger-heading": {
    "props": {
      "blockClass": ["specifications", "disclosure-trigger-heading"],
      "text": "<span>Specifications</span>",
      "font": "t-heading-5"
    }
  },

  "disclosure-content#specification": {
    "children": ["product-specification-group#table"],
    "props": {
      "blockClass": "specification"
    }
  },

  "product-specification-group#table": {
    "children": ["flex-layout.row#spec-group"],
    "props": {
      "filter": {
        "type": "show",
        "specificationGroups": ["Product especification"]
      }
    }
  },

  "flex-layout.row#spec-group": {
    "children": ["flex-layout.col#spec-group"],
    "props": {
      "blockClass": ["spec-group", "table"]
    }
  },

  "flex-layout.col#spec-group": {
    "children": ["product-specification#table"],
    "props": {
      "blockClass": ["spec-group", "table"]
    }
  },

  "product-specification-text#group": {
    "props": {
      "message": "{groupName}"
    }
  },

  "product-specification#table": {
    "children": ["flex-layout.row#spec-item"]
  },

  "flex-layout.row#spec-item": {
    "children": ["flex-layout.col#spec-name", "flex-layout.col#spec-value"],
    "props": {
      "blockClass": ["spec-item", "table-row"],
      "preserveLayoutOnMobile": true,
      "colGap": 3
    }
  },

  "flex-layout.col#spec-name": {
    "children": ["product-specification-text#specification"],
    "props": {
      "blockClass": ["spec-name", "table-cell", "table-heading"],
      "width": "33%"
    }
  },

  "product-specification-text#specification": {
    "props": {
      "message": "{specificationName}"
    }
  },

  "flex-layout.col#spec-value": {
    "children": ["product-specification-values"],
    "props": {
      "blockClass": ["spec-value", "table-cell"]
    }
  },

  "product-specification-values": {
    "children": ["product-specification-text#value"]
  },

  "product-specification-text#value": {
    "props": {
      "message": "{specificationValue}"
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/features.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.row#features": {
    "children": ["flex-layout.col#features"],
    "props": {
      "blockClass": "specification"
    }
  },

  "flex-layout.col#features": {
    "children": ["disclosure-layout#features", "flex-layout.col#divider"],
    "props": {
      "blockClass": "specification",
      "width": "74%"
    }
  },

  "disclosure-layout#features": {
    "children": ["disclosure-trigger#features", "disclosure-content#features"],
    "props": {
      "initialVisibility": "visible"
    }
  },

  "disclosure-trigger#features": {
    "children": ["flex-layout.row#disclosure-trigger-features"],
    "props": {
      "as": "div"
    }
  },

  "flex-layout.row#disclosure-trigger-features": {
    "children": [
      "rich-text#features-disclosure-trigger-heading",
      "flex-layout.col#spacer",
      "disclosure-state-indicator"
    ],
    "props": {
      "blockClass": ["items-end", "disclosure-trigger-specification"],
      "colGap": 0,
      "colSizing": "auto",
      "preserveLayoutOnMobile": true,
      "preventHorizontalStretch": true,
      "preventVerticalStretch": true
    }
  },

  "rich-text#features-disclosure-trigger-heading": {
    "props": {
      "blockClass": ["features", "disclosure-trigger-heading"],
      "text": "<span>Features & details</span>",
      "font": "t-heading-5"
    }
  },

  "disclosure-content#features": {
    "children": ["product-specification-group#features"],
    "props": {
      "blockClass": "specification"
    }
  },

  "product-specification-group#features": {
    "children": ["flex-layout.row#spec-group--features"],
    "props": {
      "filter": {
        "type": "show",
        "specificationGroups": ["Features & details"]
      }
    }
  },

  "flex-layout.row#spec-group--features": {
    "children": ["flex-layout.col#spec-group--features"],
    "props": {
      "blockClass": ["spec-group"]
    }
  },

  "flex-layout.col#spec-group--features": {
    "children": ["product-specification#table--features"],
    "props": {
      "blockClass": ["spec-group"]
    }
  },

  "product-specification#table--features": {
    "children": ["flex-layout.row#spec-item--features"]
  },

  "flex-layout.row#spec-item--features": {
    "children": ["flex-layout.col#spec-name--features"],
    "props": {
      "blockClass": ["spec-item"],
      "preserveLayoutOnMobile": true,
      "colGap": 3
    }
  },

  "flex-layout.col#spec-name--features": {
    "children": ["product-specification-text#features"],
    "props": {
      "blockClass": ["spec-name", "features"]
    }
  },

  "product-specification-text#features": {
    "props": {
      "blockClass": ["bullet-list"],
      "message": "{specificationName}"
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/link-seller.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.row#link-seller": {
    "children": ["link-seller#default"]
  },
  "link-seller#default": {
    "props": {
      "blockClass": "default"
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/description-and-gallery.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.row#description-and-gallery": {
    "children": ["flex-layout.col#description-and-gallery"],
    "props": {
      "blockClass": "description-and-gallery"
    }
  },

  "flex-layout.col#description-and-gallery": {
    "children": [
      "flex-layout.col#divider",
      "responsive-layout.mobile#description",
      "responsive-layout.desktop#description",
      "flex-layout.col#divider"
    ],
    "props": {
      "blockClass": "description-and-gallery",
      "width": "74%"
    }
  },

  "responsive-layout.mobile#description": {
    "children": ["disclosure-layout#description"]
  },

  "disclosure-layout#description": {
    "children": [
      "disclosure-trigger#description",
      "disclosure-content#description"
    ],
    "props": {
      "initialVisibility": "visible"
    }
  },

  "disclosure-trigger#description": {
    "children": ["flex-layout.row#disclosure-trigger-description"],
    "props": {
      "as": "div"
    }
  },

  "flex-layout.row#disclosure-trigger-description": {
    "children": [
      "rich-text#description-disclosure-trigger-heading",
      "flex-layout.col#spacer",
      "disclosure-state-indicator"
    ],
    "props": {
      "blockClass": ["items-end", "disclosure-trigger-description"],
      "colGap": 0,
      "colSizing": "auto",
      "preserveLayoutOnMobile": true,
      "preventHorizontalStretch": true,
      "preventVerticalStretch": true
    }
  },

  "rich-text#description-disclosure-trigger-heading": {
    "props": {
      "blockClass": ["description", "disclosure-trigger-heading"],
      "text": "<span>About this item</span>",
      "font": "t-heading-5"
    }
  },

  "disclosure-content#description": {
    "children": ["flex-layout.row#description--mobile"],
    "props": {
      "blockClass": "description"
    }
  },

  "flex-layout.row#description--mobile": {
    "children": ["product-description", "product-images#gallery--mobile"],
    "props": {
      "blockClass": ["description"],
      "colSizing": "auto",
      "colGap": 0,
      "rowGap": 6,
      "preventHorizontalStretch": true,
      "preventVerticalStretch": true
    }
  },

  "product-description": {
    "props": {
      "collapseContent": false
    }
  },

  "product-images#gallery--mobile": {
    "props": {
      "blockClass": ["dots-around"],
      "aspectRatio": "81:56",
      "displayThumbnailsArrows": false,
      "hiddenImages": "main",
      "maxHeight": 160,
      "ModalZoom": "modal-layout#product-zoom",
      "showNavigationArrows": false,
      "showPaginationDots": true,
      "thumbnailsOrientation": "horizontal",
      "contentType": "images",
      "zoomMode": "open-modal"
    }
  },

  "responsive-layout.desktop#description": {
    "children": ["flex-layout.row#description"]
  },

  "flex-layout.row#description": {
    "children": ["product-description#desktop", "product-images#gallery"],
    "props": {
      "blockClass": ["description"],
      "colSizing": "auto",
      "colGap": 0,
      "preventHorizontalStretch": true,
      "preventVerticalStretch": true
    }
  },

  "product-description#desktop": {
    "props": {
      "blockClass": "desktop",
      "collapseContent": false
    }
  },

  "product-images#gallery": {
    "props": {
      "blockClass": ["gallery"],
      "aspectRatio": "81:56",
      "displayThumbnailsArrows": false,
      "hiddenImages": "main",
      "maxHeight": 224,
      "ModalZoom": "modal-layout#product-zoom",
      "showNavigationArrows": false,
      "showPaginationDots": false,
      "thumbnailsOrientation": "horizontal",
      "contentType": "images",
      "zoomMode": "open-modal"
    }
  },

  "modal-layout#product-zoom": {
    "children": ["product-images.high-quality-image"]
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/product-details.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.row#product-details": {
    "children": ["flex-layout.row#main", "sticky-layout#box"],
    "props": {
      "blockClass": "product",
      "colSizing": "auto",
      "colGap": 0,
      "preventHorizontalStretch": true,
      "preventVerticalStretch": true
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/main.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.row#main": {
    "children": ["flex-layout.col#left-col", "flex-layout.col#right-col"],
    "props": {
      "blockClass": "main",
      "colGap": 7,
      "colSizing": "auto",
      "preventHorizontalStretch": true,
      "preventVerticalStretch": true
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/sticky-buy.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "sticky-layout#sticky-buy": {
    "children": ["flex-layout.row#sticky-buyRow"],
    "props": {
      "blockClass": ["sticky-buy"],
      "position": "bottom",
      "verticalSpacing": 0
    }
  },
  "flex-layout.row#sticky-buyRow": {
    "children": ["flex-layout.col#prices", "add-to-cart-button#buy-now-sticky"],
    "props": {
      "preserveLayoutOnMobile": true
    }
  },
  "flex-layout.col#prices": {
    "children": [
      "product-selling-price#sticky",
      "flex-layout.row#priceSavingsSticky"
    ]
  },
  "add-to-cart-button#buy-now-sticky": {
    "props": {
      "blockClass": "buy-now",
      "text": "Add to cart",
      "addToCartFeedback": "customEvent",
      "customPixelEventId": "add-to-cart-button"
    }
  },
  "product-selling-price#sticky": {
    "props": {
      "blockClass": "sticky",
      "message": "{sellingPriceWithTax}"
    }
  },
  "flex-layout.row#priceSavingsSticky": {
    "children": [
      "product-price-savings#desktop",
      "product-price-savings#percentage"
    ],
    "props": {
      "blockClass": "stickyPriceRow",
      "preserveLayoutOnMobile": true,
      "preventHorizontalStretch": true
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/product/product-images.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "product-images#desktop": {
    "props": {
      "blockClass": "desktop",
      "maxHeight": 448,
      "aspectRatio": "1:1",
      "showNavigationArrows": false,
      "showPaginationDots": false,
      "thumbnailAspectRatio": "1:1",
      "thumbnailMaxHeight": 100,
      "zoomMode": "in-place-hover"
    }
  },

  "flex-layout.row#product-images": {
    "children": ["product-images#mobile"],
    "props": {
      "blockClass": ["product-images"],
      "marginBottom": 6
    }
  },

  "product-images#mobile": {
    "props": {
      "blockClass": ["dots-around"],
      "aspectRatio": "1:1",
      "displayThumbnailsArrows": true,
      "showNavigationArrows": false,
      "showPaginationDots": true
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/components/blog.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.row#blog": {
    "children": ["flex-layout.col#blogSEO", "flex-layout.col#blogPosts"],
    "props": {
      "blockClass": "blog",
      "colSizing": "auto",
      "colGap": 8,
      "preventHorizontalStretch": true
    }
  },

  "flex-layout.col#blogSEO": {
    "children": ["search-title.v2", "rich-text#blogSEO"],
    "props": {
      "blockClass": "blogSEO",
      "preventVerticalStretch": true
    }
  },

  "rich-text#blogSEO": {
    "props": {
      "text": "JBL TUNE 750BTNC wireless headphones feature powerful JBL Pure Bass Sound and active noise cancelling for punchy bass and an immersive audio experience. The lightweight over-ear design offers maximum comfort and sound quality while ready to travel everywhere you go with its compact foldable competence 15 hours of battery life which recharge in only 2 hours enables noise-free wireless playback Allowing connection with two Bluetooth devices simultaneously the multipoint connection makes sure you won’t miss a call on your phone while streaming videos on your tablet. JBL TUNE 750BTNC wireless headphones feature powerful JBL Pure Bass Sound and active noise cancelling for punchy bass and an immersive audio experience. The lightweight over-ear design offers maximum comfort and sound quality while ready to travel everywhere you go with its compact foldable competence 15 hours of battery life which recharge in only 2 hours enables noise-free wireless playback Allowing connection with two Bluetooth devices simultaneously the multipoint connection makes sure you won’t miss a call on your phone while streaming videos on your tablet.",
      "blockClass": "blogSEO"
    }
  },

  "flex-layout.col#blogPosts": {
    "children": ["blog-category-preview.wordpress-category-preview"],
    "props": {
      "width": "grow"
    }
  },

  "blog-category-preview.wordpress-category-preview": {
    "props": {
      "category": 1,
      "numberOfPosts": 4,
      "showDates": false,
      "showExcerpts": true,
      "absoluteLinks": true
    }
  },

  "flex-layout.row#blogMobile": {
    "children": ["flex-layout.col#blogColMobile"],
    "props": {
      "blockClass": "blog"
    }
  },

  "flex-layout.col#blogColMobile": {
    "children": [
      "search-title.v2",
      "rich-text#blogSEO",
      "rich-text#blogSecondarySEO",
      "blog-category-preview.wordpress-category-preview#mobile"
    ]
  },

  "rich-text#blogSecondarySEO": {
    "props": {
      "text": "### Learn more about Computer & Software",
      "blockClass": "blogSecondarySEO"
    }
  },

  "blog-category-preview.wordpress-category-preview#mobile": {
    "props": {
      "category": 1,
      "numberOfPosts": 3,
      "showDates": false,
      "showExcerpts": true,
      "absoluteLinks": true
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/components/trending.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.row#trending": {
    "children": ["flex-layout.col#trending"],
    "props": {
      "blockClass": "trending-section"
    }
  },
  "flex-layout.col#trending": {
    "children": [
      "flex-layout.row#trending-head",
      "list-context.product-list#trending"
    ]
  },
  "flex-layout.row#trending-head": {
    "children": ["rich-text#trending-title", "link#trending"],
    "props": {
      "blockClass": "trending-head",
      "preventHorizontalStretch": true,
      "preserveLayoutOnMobile": true
    }
  },
  "rich-text#trending-title": {
    "props": {
      "text": "### What's trending",
      "blockClass": "trending-title"
    }
  },
  "link#trending": {
    "props": {
      "label": "See all",
      "blockClass": "trending-link",
      "href": "/trending"
    }
  },
  "list-context.product-list#trending": {
    "blocks": ["product-summary.shelf#trending"],
    "children": ["slider-layout#trending-products"],
    "props": {
      "orderBy": "OrderByTopSaleDESC",
      "maxItems": 6
    }
  },
  "slider-layout#trending-products": {
    "props": {
      "itemsPerPage": 6,
      "infinite": false,
      "fullWidth": true,
      "blockClass": "shelf-trending"
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/components/benefits.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.row#benefits": {
    "props": {
      "blockClass": "benefits"
    },
    "children": ["flex-layout.col#benefits"]
  },
  "flex-layout.col#benefits": {
    "props": {},
    "children": ["rich-text#whyShopWithVTEX", "slider-layout#benefits"]
  },

  "rich-text#whyShopWithVTEX": {
    "props": {
      "text": "### Why shop with VTEX",
      "blockClass": "sectionTitle"
    }
  },

  "slider-layout#benefits": {
    "props": {
      "itemsPerPage": {
        "desktop": 4,
        "tablet": 2,
        "phone": 2
      },
      "infinite": false,
      "showNavigationArrows": "never",
      "blockClass": "benefitsSlider"
    },
    "children": [
      "flex-layout.row#benefitRow1",
      "flex-layout.row#benefitRow2",
      "flex-layout.row#benefitRow3",
      "flex-layout.row#benefitRow4"
    ]
  },
  "flex-layout.row#benefitRow1": {
    "children": ["image#benefit", "rich-text#benefits1"],
    "props": {
      "blockClass": "flex-column",
      "preventHorizontalStretch": true
    }
  },
  "flex-layout.row#benefitRow2": {
    "children": ["image#benefit", "rich-text#benefits1"],
    "props": {
      "blockClass": "flex-column",
      "preventHorizontalStretch": true
    }
  },
  "flex-layout.row#benefitRow3": {
    "children": ["image#benefit", "rich-text#benefits1"],
    "props": {
      "blockClass": "flex-column",
      "preventHorizontalStretch": true
    }
  },
  "flex-layout.row#benefitRow4": {
    "children": ["image#benefit", "rich-text#benefits1"],
    "props": {
      "blockClass": "flex-column",
      "preventHorizontalStretch": true
    }
  },
  "image#benefit": {
    "props": {
      "src": "assets/placeholders/truck.png",
      "blockClass": "benefitImage"
    }
  },
  "rich-text#benefits1": {
    "props": {
      "text": "**Free shipping** Over $50 in more than 1 million items",
      "blockClass": "benefitsItem"
    }
  },
  "rich-text#benefits2": {
    "props": {
      "text": "**Pick-up store** Over $50 in more than 1 million items",
      "blockClass": "benefitsItem"
    }
  },
  "rich-text#benefits3": {
    "props": {
      "text": "**Free shipping** Over $50 in more than 1 million items",
      "blockClass": "benefitsItem"
    }
  },
  "rich-text#benefits4": {
    "props": {
      "text": "**Pick-up store** Over $50 in more than 1 million items",
      "blockClass": "benefitsItem"
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/components/popular-picks.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "flex-layout.row#popular-picks": {
    "children": ["flex-layout.col#popular-picks"]
  },
  "flex-layout.col#popular-picks": {
    "children": [
      "flex-layout.row#popular-picks-head",
      "responsive-layout.desktop#list",
      "responsive-layout.mobile#list"
    ]
  },
  "responsive-layout.desktop#list": {
    "children": ["list-context.product-list#popular-picks"]
  },
  "responsive-layout.mobile#list": {
    "children": ["list-context.product-list#popular-picks-mobile"]
  },
  "flex-layout.row#popular-picks-head": {
    "children": ["rich-text#popular-picksTitle", "link#popular-picks-link"],
    "props": {
      "blockClass": "popularHead",
      "preventHorizontalStretch": true,
      "preserveLayoutOnMobile": true
    }
  },
  "rich-text#popular-picksTitle": {
    "props": {
      "text": "### Popular Picks",
      "blockClass": "popularTitle"
    }
  },
  "link#popular-picks-link": {
    "props": {
      "label": "See more",
      "href": "/popular",
      "blockClass": "popularLink"
    }
  },
  "list-context.product-list#popular-picks": {
    "blocks": ["product-summary.shelf#minimum"],
    "children": ["slider-layout#popular-picks-products"],
    "props": {
      "orderBy": "OrderByTopSaleDESC"
    }
  },
  "list-context.product-list#popular-picks-mobile": {
    "blocks": ["product-summary.shelf#minimum"],
    "children": ["slider-layout#popular-picks-products"],
    "props": {
      "orderBy": "OrderByTopSaleDESC",
      "maxItems": 4
    }
  },
  "slider-layout#popular-picks-products": {
    "props": {
      "itemsPerPage": {
        "desktop": 6,
        "tablet": 6,
        "phone": 4
      },
      "infinite": false,
      "fullWidth": true,
      "blockClass": "shelfPopular",
      "showNavigationArrows": "desktopOnly",
      "showPaginationDots": "desktopOnly"
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/mobile/home.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "responsive-layout.mobile": {
    "children": [
      "flex-layout.row#imageList--mobile",
      "flex-layout.row#shopByCategory",
      // Deprecated
      // "flex-layout.row#shopByBrandMobile",
      "flex-layout.row#shelfMobile",
      "flex-layout.row#banners",
      "flex-layout.row#singleBannerMobile",
      "flex-layout.row#popular-picks",
      "flex-layout.row#trending",
      "flex-layout.row#benefits",
      "flex-layout.row#newsletter"
    ]
  },

  // Deprecated
  // "flex-layout.row#shopByBrandMobile": {
  //   "props": {
  //     "blockClass": "shopByBrandSection"
  //   },
  //   "children": [
  //     "flex-layout.row#shopByBrandHead",
  //     "list-context.image-list#brandImagesMobile"
  //   ]
  // },
  // "flex-layout.row#shopByBrandHead": {
  //   "props": {
  //     "blockClass": "shopByBrandHead",
  //     "preventHorizontalStretch": true
  //   },
  //   "children": ["rich-text#sectionTitle", "rich-text#sectionLink"]
  // },
  // "rich-text#sectionLink": {
  //   "props": {
  //     "text": "[See all brands](/brands)",
  //     "blockClass": "sectionLink"
  //   }
  // },
  // "list-context.image-list#brandImagesMobile": {
  //   "children": ["slider-layout#shopByBrand"],
  //   "props": {
  //     "height": 100,
  //     "images": [
  //       {
  //         "image": "assets/placeholders/cokeBrand.png",
  //         "mobileImage": "assets/placeholders/cokeBrand.png",
  //         "description": "something something"
  //       },
  //       {
  //         "image": "assets/placeholders/AppleBrand.png",
  //         "mobileImage": "assets/placeholders/AppleBrand.png",
  //         "description": "something something"
  //       },
  //       {
  //         "image": "assets/placeholders/whirlpoolBrand.png",
  //         "mobileImage": "assets/placeholders/whirlpoolBrand.png",
  //         "description": "something something"
  //       },
  //       {
  //         "image": "assets/placeholders/cokeBrand.png",
  //         "mobileImage": "assets/placeholders/cokeBrand.png",
  //         "description": "something something"
  //       },
  //       {
  //         "image": "assets/placeholders/AppleBrand.png",
  //         "mobileImage": "assets/placeholders/AppleBrand.png",
  //         "description": "something something"
  //       },
  //       {
  //         "image": "assets/placeholders/whirlpoolBrand.png",
  //         "mobileImage": "assets/placeholders/whirlpoolBrand.png",
  //         "description": "something something"
  //       }
  //     ]
  //   }
  // },
  // "slider-layout#shopByBrand": {
  //   "props": {
  //     "blockClass": "brandSliderMobile",
  //     "itemsPerPage": {
  //       "phone": 3
  //     },
  //     "showNavigationArrows": "never",
  //     "infinite": false
  //   }
  // },

  "flex-layout.row#banners": {
    "props": {
      "blockClass": "bannersSection"
    },
    "children": ["flex-layout.col#banners"]
  },
  "flex-layout.col#banners": {
    "children": ["rich-text#bannersSectionTitle", "slider-layout#banners"]
  },
  "rich-text#bannersSectionTitle": {
    "props": {
      "text": "### Summer essentials",
      "blockClass": "titleWithBorder"
    }
  },
  "slider-layout#banners": {
    "props": {
      "blockClass": "bannersSlider",
      "itemsPerPage": {
        "phone": 1
      },
      "showNavigationArrows": "never",
      "infinite": false
    },
    "children": [
      "flex-layout.row#banner1",
      "flex-layout.row#banner2",
      "flex-layout.row#banner3"
    ]
  },
  "flex-layout.row#banner1": {
    "children": ["flex-layout.col#banner1"]
  },
  "flex-layout.row#banner2": {
    "children": ["flex-layout.col#banner2"]
  },
  "flex-layout.row#banner3": {
    "children": ["flex-layout.col#banner3"]
  },
  "flex-layout.row#singleBannerMobile": {
    "props": {
      "blockClass": "singleBanner"
    },
    "children": ["image#singleBannerMobile"]
  },
  "image#singleBannerMobile": {
    "props": {
      "src": "assets/placeholders/singleBannerMobile.png",
      "maxHeight": 160,
      "blockClass": "singleBanner"
    }
  },
  "flex-layout.row#shelfMobile": {
    "children": ["list-context.product-list#productSliderMobile"],
    "props": {
      "blockClass": "shelfComplete"
    }
  },
  "list-context.product-list#productSliderMobile": {
    "blocks": ["product-summary.shelf#normal"],
    "children": ["slider-layout#productsMobile"],
    "props": {
      "orderBy": "OrderByTopSaleDESC"
    }
  }
}

```


[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 b2cstoreqa.theme/store/blocks/pages/product-comparison.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "store.custom#product-comparison-list": {
    "children": [
      "comparison-page"
    ]
  }
}
```


[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 b2cstoreqa.theme/store/blocks/header/drawer.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "drawer": {
    "children": ["flex-layout.row#menu-header"],
    "props": {
      "blockClass": "menuDrawer",
      "maxWidth": 384
    }
  },
  "flex-layout.row#menu-header": {
    "props": {
      "blockClass": "menuHeader"
    },
    "children": ["flex-layout.col#menu-header"]
  },
  "flex-layout.col#menu-header": {
    "children": [
      "login#drawer",
      // Deprecated
      // "locale-switcher#drawer",
      "rich-text#explore",
      "menu#drawer"
    ],
    "props": {
      "blockClass": "drawerInnerCol"
    }
  },
  // Deprecated
  // "locale-switcher#drawer": {
  //   "props": {
  //     "blockClass": "locationDrawer"
  //   }
  // },

  "login#drawer": {
    "props": {
      "blockClass": "loginDrawer",
      "iconLabel": "Hello, sign in",
      "mirrorTooltipToRight": true
    }
  },
  "rich-text#explore": {
    "props": {
      "text": "## Explore",
      "blockClass": "menuTitle"
    }
  },
  "menu#drawer": {
    "props": {
      "blockClass": "menuDrawer"
    },
    "children": [
      "menu-item#apparel",
      "menu-item#foodBeverage",
      "menu-item#sporting",
      "menu-item#agribusiness",
      "menu-item#home",
      "menu-item#software",
      "menu-item#power-tools",
      "menu-item#security"
    ]
  },
  "menu-item#apparel": {
    "props": {
      "id": "menu-item-apparel",
      "type": "category",
      "highlight": false,
      "blockClass": "departItem",
      "iconPosition": "right",
      "itemProps": {
        "text": "Apparel",
        "categoryId": "9281"
      },
      "iconProps": {
        "id": "nav-thin-caret--right",
        "size": 16,
        "viewBox": "0 0 16 16",
        "activeClassName": "active",
        "mutedClassName": "menuItemIcon"
      }
    }
  },
  "menu-item#foodBeverage": {
    "props": {
      "id": "menu-item-food",
      "type": "category",
      "iconPosition": "right",
      "highlight": false,
      "blockClass": "departItem",
      "itemProps": {
        "text": "Food & Beverage",
        "categoryId": "9282"
      },
      "iconProps": {
        "id": "nav-thin-caret--right",
        "size": 16,
        "viewBox": "0 0 16 16",
        "activeClassName": "active",
        "mutedClassName": "menuItemIcon"
      }
    }
  },
  "menu-item#sporting": {
    "props": {
      "id": "menu-item-sporting",
      "type": "category",
      "iconPosition": "right",
      "highlight": false,
      "blockClass": "departItem",
      "itemProps": {
        "text": "Sporting",
        "categoryId": "9283"
      },
      "iconProps": {
        "id": "nav-thin-caret--right",
        "size": 16,
        "viewBox": "0 0 16 16",
        "activeClassName": "active",
        "mutedClassName": "menuItemIcon"
      }
    }
  },
  "menu-item#agribusiness": {
    "props": {
      "id": "menu-item-agri",
      "type": "category",
      "iconPosition": "right",
      "highlight": false,
      "blockClass": "departItem",
      "itemProps": {
        "text": "Agribusiness",
        "categoryId": "9284"
      },
      "iconProps": {
        "id": "nav-thin-caret--right",
        "size": 16,
        "viewBox": "0 0 16 16",
        "activeClassName": "active",
        "mutedClassName": "menuItemIcon"
      }
    }
  },
  "menu-item#home": {
    "props": {
      "id": "menu-item-hme",
      "type": "category",
      "iconPosition": "right",
      "highlight": false,
      "blockClass": "departItem",
      "itemProps": {
        "text": "Home Appliance",
        "categoryId": "9285"
      },
      "iconProps": {
        "id": "nav-thin-caret--right",
        "size": 16,
        "viewBox": "0 0 16 16",
        "activeClassName": "active",
        "mutedClassName": "menuItemIcon"
      }
    }
  },
  "menu-item#software": {
    "props": {
      "id": "menu-item-software",
      "type": "category",
      "iconPosition": "right",
      "highlight": false,
      "blockClass": "departItem",
      "itemProps": {
        "text": "Computer & Software",
        "categoryId": "9286"
      },
      "iconProps": {
        "id": "nav-thin-caret--right",
        "size": 16,
        "viewBox": "0 0 16 16",
        "activeClassName": "active",
        "mutedClassName": "menuItemIcon"
      }
    }
  },
  "menu-item#power-tools": {
    "props": {
      "id": "menu-item-power-tools",
      "type": "category",
      "iconPosition": "right",
      "highlight": false,
      "blockClass": "departItem",
      "itemProps": {
        "text": "Power Tools",
        "categoryId": "9287"
      },
      "iconProps": {
        "id": "nav-thin-caret--right",
        "size": 16,
        "viewBox": "0 0 16 16",
        "activeClassName": "active",
        "mutedClassName": "menuItemIcon"
      }
    }
  },
  "menu-item#security": {
    "props": {
      "id": "menu-item-security",
      "type": "category",
      "iconPosition": "right",
      "highlight": false,
      "blockClass": "departItem",
      "itemProps": {
        "text": "Security",
        "categoryId": "9288"
      },
      "iconProps": {
        "id": "nav-thin-caret--right",
        "size": 16,
        "viewBox": "0 0 16 16",
        "activeClassName": "active",
        "mutedClassName": "menuItemIcon"
      }
    }
  }
}

```