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

[Assistant]
Here's the implementation:

```json
{
  "store.custom#registration": {
    "blocks": ["flex-layout.row#registration", "flex-layout.row#newsletter"]
  },
  "flex-layout.row#registration": {
    "children": ["flex-layout.col#registration"],
    "props": {
      "marginBottom": 9
    }
  },
  "flex-layout.col#registration": {
    "children": [
      "rich-text#registration__title",
      "rich-text#registration__text",
      "form#registration__form"
    ]
  },
  "rich-text#registration__title": {
    "props": {
      "text": "# Become a partner",
      "textPosition": "CENTER"
    }
  },
  "rich-text#registration__text": {
    "props": {
      "text": "We offer all the support for our customers to provide better services and prosper in their business. We serve more than 20,000 partners across all over the world. Commercial consultants support their clients in the search for the best solutions to meet all types of demands."
    }
  },

  "form#registration__form": {
    "props": {
      "entity": "Reseller",
      "schema": "v2"
    },
    "children": ["flex-layout.row#form"],
    "blocks": ["form-success"]
  },

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

  "flex-layout.col#form": {
    "children": [
      "flex-layout.row#form__section--contact",
      "flex-layout.row#form__section--company",
      "flex-layout.row#form__section--address",
      "flex-layout.row#form__section--submit"
    ],
    "props": {
      "rowGap": 7
    }
  },
  "flex-layout.row#form__section--contact": {
    "children": ["flex-layout.col#form__section--contact"]
  },
  "flex-layout.col#form__section--contact": {
    "children": [
      "rich-text#form__section__title--contact",
      "flex-layout.row#form__section__fields--contact"
    ],
    "props": {
      "rowGap": 3
    }
  },
  "rich-text#form__section__title--contact": {
    "props": {
      "text": "**Your Contact**"
    }
  },
  "flex-layout.row#form__section__fields--contact": {
    "children": [
      "flex-layout.col#form__section__fields--contact-left",
      "flex-layout.col#form__section__fields--contact-right"
    ],
    "props": {
      "colGap": 5
    }
  },
  "flex-layout.col#form__section__fields--contact-left": {
    "children": ["form-input.text#firstName", "form-input.text#homePhone"],
    "props": {
      "rowGap": 5
    }
  },
  "form-input.text#firstName": {
    "props": {
      "pointer": "#/properties/firstName"
    }
  },
  "form-input.text#homePhone": {
    "props": {
      "pointer": "#/properties/homePhone"
    }
  },
  "flex-layout.col#form__section__fields--contact-right": {
    "children": ["form-input.text#lastName"],
    "props": {
      "rowGap": 5
    }
  },
  "form-input.text#lastName": {
    "props": {
      "pointer": "#/properties/lastName"
    }
  },

  "flex-layout.row#form__section--company": {
    "children": ["flex-layout.col#form__section--company"]
  },
  "flex-layout.col#form__section--company": {
    "children": [
      "rich-text#form__section__title--company",
      "flex-layout.row#form__section__fields--company"
    ],
    "props": {
      "rowGap": 3
    }
  },
  "rich-text#form__section__title--company": {
    "props": {
      "text": "**Your company**",
      "blockClass": "form-section-title"
    }
  },
  "flex-layout.row#form__section__fields--company": {
    "children": [
      "flex-layout.col#form__section__fields--company-left",
      "flex-layout.col#form__section__fields--company-right"
    ],
    "props": {
      "colGap": 5
    }
  },
  "flex-layout.col#form__section__fields--company-left": {
    "children": [
      "form-input.text#corporateName",
      "form-input.text#stateRegistration",
      "form-input.text#email"
    ],
    "props": {
      "rowGap": 5
    }
  },
  "form-input.text#corporateName": {
    "props": {
      "pointer": "#/properties/corporateName",
      "label": "Company name: "
    }
  },
  "form-input.text#stateRegistration": {
    "props": {
      "pointer": "#/properties/stateRegistration"
    }
  },
  "form-input.text#email": {
    "props": {
      "pointer": "#/properties/email"
    }
  },
  "flex-layout.col#form__section__fields--company-right": {
    "children": [
      "form-input.text#corporateDocument",
      "form-input.text#tradeName",
      "form-input.text#phone"
    ],
    "props": {
      "rowGap": 5
    }
  },
  "form-input.text#corporateDocument": {
    "props": {
      "pointer": "#/properties/corporateDocument"
    }
  },
  "form-input.text#tradeName": {
    "props": {
      "pointer": "#/properties/tradeName"
    }
  },
  "form-input.text#phone": {
    "props": {
      "pointer": "#/properties/phone"
    }
  },

  "flex-layout.row#form__section--address": {
    "children": ["flex-layout.col#form__section--address"]
  },
  "flex-layout.col#form__section--address": {
    "children": [
      "rich-text#form__section__title--address",
      "flex-layout.row#form__section__fields--address"
    ],
    "props": {
      "rowGap": 3
    }
  },
  "rich-text#form__section__title--address": {
    "props": {
      "text": "**Company Address**",
      "blockClass": "form-section-title"
    }
  },
  "flex-layout.row#form__section__fields--address": {
    "children": [
      "flex-layout.col#form__section__fields--address-left",
      "flex-layout.col#form__section__fields--address-right"
    ],
    "props": {
      "colGap": 5
    }
  },
  "flex-layout.col#form__section__fields--address-left": {
    "children": [
      "form-input.dropdown#streetType",
      "form-input.text#number",
      "form-input.text#neighborhood",
      "form-input.dropdown#state"
    ],
    "props": {
      "rowGap": 5
    }
  },
  "form-input.dropdown#streetType": {
    "props": {
      "pointer": "#/properties/streetType"
    }
  },
  "form-input.text#number": {
    "props": {
      "pointer": "#/properties/number"
    }
  },
  "form-input.text#neighborhood": {
    "props": {
      "pointer": "#/properties/neighborhood"
    }
  },
  "form-input.dropdown#state": {
    "props": {
      "pointer": "#/properties/state"
    }
  },
  "flex-layout.col#form__section__fields--address-right": {
    "children": [
      "form-input.text#street",
      "form-input.text#complement",
      "form-input.text#city",
      "form-input.text#postalCode"
    ],
    "props": {
      "rowGap": 5
    }
  },
  "form-input.text#street": {
    "props": {
      "pointer": "#/properties/street"
    }
  },
  "form-input.text#complement": {
    "props": {
      "pointer": "#/properties/complement"
    }
  },
  "form-input.text#city": {
    "props": {
      "pointer": "#/properties/city"
    }
  },
  "form-input.text#postalCode": {
    "props": {
      "pointer": "#/properties/postalCode"
    }
  },

  "flex-layout.row#form__section--submit": {
    "children": ["flex-layout.col#form__section--submit"]
  },
  "flex-layout.col#form__section--submit": {
    "children": ["form-submit"],
    "props": {
      "horizontalAlign": "right"
    }
  },

  "form-success": {
    "children": ["rich-text#successSubmit"]
  },

  "rich-text#successSubmit": {
    "props": {
      "text": "Data sent successfully. Within 48 hours we carry out the evaluation of your registration. We will send a reply to the email provided above.",
      "textAlignment": "CENTER",
      "textPosition": "CENTER"
    }
  }
}

```


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

[Assistant]
Here's the implementation:

```json
{
  "store.custom.product-comparison#releases": {
    "blocks": [
      "search-result-layout.customQuery#releases",
      "flex-layout.row#newsletter"
    ]
  },
  "search-result-layout.customQuery#releases": {
    "props": {
      "querySchema": {
        "orderByField": "OrderByReleaseDateDESC",
        "hideUnavailableItems": true,
        "maxItemsPerPage": 10,
        "skusFilter": "ALL",
        "simulationBehavior": "default"
      }
    },
    "blocks": [
      "search-result-layout.desktop.product-comparison#releases",
      "search-result-layout.mobile",
      "search-not-found-layout"
    ]
  },
  "search-result-layout.desktop.product-comparison#releases": {
    "children": [
      "flex-layout.row#searchLayout--releases",
      "product-comparison-drawer"
    ],
    "props": {
      "pagination": "show-more",
      "preventRouteChange": true
    }
  },
  "flex-layout.row#searchLayout--releases": {
    "children": ["flex-layout.col#pageContent--releases"],
    "props": {
      "colSizing": "auto",
      "fullWidth": true,
      "marginBottom": 9
    }
  },
  "flex-layout.col#pageContent--releases": {
    "children": ["flex-layout.col#search-content--releases"],
    "props": {
      "blockClass": "pageContent",
      "preventVerticalStretch": true
    }
  },

  "flex-layout.col#search-content--releases": {
    "children": [
      "rich-text#title--releases",
      "flex-layout.row#searchinfo",
      "flex-layout.row#fetchprevious",
      "flex-layout.row#products",
      "flex-layout.row#fetchmore"
    ],
    "props": {
      "paddingLeft": 7,
      "paddingRight": 7
    }
  },

  "rich-text#title--releases": {
    "props": {
      "text": "## New Releases",
      "blockClass": "title"
    }
  }
}

```


[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 b2b-theme/store/blocks/not-allowed.jsonc from the b2b-theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "store.custom#not-allow": {
    "blocks": [
      "rich-text#notAllowed"
    ]
  },
  "rich-text#notAllowed": {
    "props": {
      "text": "## Sorry! You're not allowed to access the site.",
      "textAlignment": "CENTER",
      "textPosition": "CENTER"
    }
  }
}
```


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

[Assistant]
Here's the implementation:

```json
{
  // Deprecated
  "newsletter": {
    "props": {
      "label": "Get news and special offers!",
      "placeholder": "Email address",
      "submit": "submit"
    }
  },

  "flex-layout.row#newsletter": {
    "children": ["rich-text#newsletter-title", "newsletter-form"],
    "props": {
      "blockClass": ["items-center", "bg-blue-medium", "c-on-base--inverted"],
      "paddingBottom": {
        "desktop": 0,
        "mobile": 7
      },
      "fullWidth": false
    }
  },

  "rich-text#newsletter-title": {
    "props": {
      "blockClass": ["newsletter-title"],
      "text": "### Get news and special offers!",
      "textColor": "c-on-base--inverted"
    }
  },

  "newsletter-form": {
    "children": ["flex-layout.row#newsletter-content"]
  },

  "flex-layout.row#newsletter-content": {
    "children": ["flex-layout.col#newsletter-input-email", "newsletter-submit"],
    "props": {
      "colGap": 0,
      "colSizing": "auto",
      "fullWidth": true,
      "preserveLayoutOnMobile": true,
      "preventHorizontalStretch": true,
      "preventVerticalStretch": true
    }
  },

  "flex-layout.col#newsletter-input-email": {
    "children": ["newsletter-input-email"],
    "props": {
      "width": "grow"
    }
  }
}

```


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

[Assistant]
Here's the implementation:

```json
{
  "store.home": {
    "blocks": ["responsive-layout.desktop", "responsive-layout.mobile"]
  },
  "responsive-layout.desktop": {
    "children": [
      "flex-layout.row#imageList",
      "flex-layout.row#shopByCategory",
      // Deprecated
      // "flex-layout.row#shopByBrand",
      "flex-layout.row#shelf1",
      "flex-layout.row#imageBanners",
      "flex-layout.row#singleBanner",
      "flex-layout.row#popular",
      "flex-layout.row#trending",
      "flex-layout.row#benefits",
      "flex-layout.row#newsletter"
    ]
  },

  "flex-layout.row#imageList": {
    "props": {
      "blockClass": "full-banner"
    },
    "children": ["list-context.image-list#homeBanners"]
  },
  "flex-layout.row#imageList--mobile": {
    "props": {
      "blockClass": ["full-banner", "full-banner--mobile"],
      "fullWidth": true
    },
    "children": ["list-context.image-list#homeBanners"]
  },
  "list-context.image-list#homeBanners": {
    "children": ["slider-layout#demo-images"],
    "props": {
      "height": 328,
      "images": [
        {
          "width": "1440px",
          "image": "assets/placeholders/fullbannerDesktop.png",
          "mobileImage": "assets/placeholders/fullbannerMobile.png",
          "description": "something something"
        },
        {
          "width": "1440px",
          "image": "assets/placeholders/fullbannerDesktop.png",
          "mobileImage": "assets/placeholders/fullbannerMobile.png",
          "description": "something something"
        }
      ]
    }
  },
  "slider-layout#demo-images": {
    "props": {
      "blockClass": ["homeSlider", "dotsCustom"],
      "itemsPerPage": {
        "desktop": 1,
        "tablet": 1,
        "phone": 1
      },
      "infinite": false,
      "showNavigationArrows": "desktopOnly"
    }
  },
  "flex-layout.row#shopByCategory": {
    "props": {
      "blockClass": "shopByCategorySection"
    },
    "children": ["flex-layout.col#shopByCategory"]
  },
  "flex-layout.col#shopByCategory": {
    "props": {
      "blockClass": "shopByCategory"
    },
    "children": ["rich-text#shopByTitle", "flex-layout.row#categories"]
  },
  "rich-text#shopByTitle": {
    "props": {
      "text": "### Shop by category",
      "blockClass": "shopByCategoryTitle"
    }
  },
  "flex-layout.row#categories": {
    "props": {
      "blockClass": "shopByCategory",
      "horizontalAlign": "center",
      "verticalAlign": "center",
      "preventHorizontalStretch": true,
      "preventVerticalStretch": true,
      "fullWidth": true
    },
    "children": [
      "link#shoBy1",
      "link#shoBy2",
      "link#shoBy3",
      "link#shoBy4",
      "link#shoBy5",
      "link#shoBy6"
    ]
  },
  "link#shoBy1": {
    "children": ["image#shoBy1", "rich-text#cat1"],
    "props": {
      "href": "/apparel",
      "blockClass": "shopByLink"
    }
  },
  "link#shoBy2": {
    "children": ["image#shoBy2", "rich-text#cat2"],
    "props": {
      "href": "/beverage",
      "blockClass": "shopByLink"
    }
  },
  "link#shoBy3": {
    "children": ["image#shoBy3", "rich-text#cat3"],
    "props": {
      "href": "/sporting",
      "blockClass": "shopByLink"
    }
  },
  "link#shoBy4": {
    "children": ["image#shoBy4", "rich-text#cat4"],
    "props": {
      "href": "/Agribusiness",
      "blockClass": "shopByLink"
    }
  },
  "link#shoBy5": {
    "children": ["image#shoBy5", "rich-text#cat5"],
    "props": {
      "href": "/home-appliance",
      "blockClass": "shopByLink"
    }
  },
  "link#shoBy6": {
    "children": ["image#shoBy6", "rich-text#cat6"],
    "props": {
      "href": "/computer",
      "blockClass": "shopByLink"
    }
  },
  "image#shoBy1": {
    "props": {
      "src": "assets/placeholders/apparelPlaceholder.png",
      "blockClass": "shoByImage"
    }
  },
  "image#shoBy2": {
    "props": {
      "src": "assets/placeholders/beveragePlaceholder.png",
      "blockClass": "shoByImage"
    }
  },
  "image#shoBy3": {
    "props": {
      "src": "assets/placeholders/sportingPlaceholder.png",
      "blockClass": "shoByImage"
    }
  },
  "image#shoBy4": {
    "props": {
      "src": "assets/placeholders/agribusinessPlaceholder.png",
      "blockClass": "shoByImage"
    }
  },
  "image#shoBy5": {
    "props": {
      "src": "assets/placeholders/homeAppliancePlaceholder.png",
      "blockClass": "shoByImage"
    }
  },
  "image#shoBy6": {
    "props": {
      "src": "assets/placeholders/computerPlaceholder.png",
      "blockClass": "shoByImage"
    }
  },
  "rich-text#cat1": {
    "props": {
      "text": "Apparel",
      "blockClass": "shopByCategory"
    }
  },
  "rich-text#cat2": {
    "props": {
      "text": "Beverage",
      "blockClass": "shopByCategory"
    }
  },
  "rich-text#cat3": {
    "props": {
      "text": "Sporting",
      "blockClass": "shopByCategory"
    }
  },
  "rich-text#cat4": {
    "props": {
      "text": "Agribusiness",
      "blockClass": "shopByCategory"
    }
  },
  "rich-text#cat5": {
    "props": {
      "text": "Home Appliance",
      "blockClass": "shopByCategory"
    }
  },
  "rich-text#cat6": {
    "props": {
      "text": "Computer",
      "blockClass": "shopByCategory"
    }
  },

  // Deprecated
  // "flex-layout.row#shopByBrand": {
  //   "children": ["flex-layout.col#shopByBrand"]
  // },
  // "flex-layout.col#shopByBrand": {
  //   "props": {
  //     "blockClass": "shopByBrand"
  //   },
  //   "children": [
  //     "rich-text#sectionTitle",
  //     "list-context.image-list#brandImages"
  //   ]
  // },
  // "rich-text#sectionTitle": {
  //   "props": {
  //     "text": "### Shop by brand",
  //     "blockClass": "sectionTitle"
  //   }
  // },
  // "list-context.image-list#brandImages": {
  //   "children": ["slider-layout#brand-images"],
  //   "props": {
  //     "height": 328,
  //     "images": [
  //       {
  //         "image": "assets/placeholders/AppleBrand.png",
  //         "description": "something something",
  //         "link": {
  //           "url": "/apple"
  //         }
  //       },
  //       {
  //         "image": "assets/placeholders/AppleBrand.png",
  //         "description": "something something",
  //         "link": {
  //           "url": "/apple"
  //         }
  //       },
  //       {
  //         "image": "assets/placeholders/AppleBrand.png",
  //         "description": "something something",
  //         "link": {
  //           "url": "/apple"
  //         }
  //       },
  //       {
  //         "image": "assets/placeholders/AppleBrand.png",
  //         "description": "something something",
  //         "link": {
  //           "url": "/apple"
  //         }
  //       },
  //       {
  //         "image": "assets/placeholders/AppleBrand.png",
  //         "description": "something something",
  //         "link": {
  //           "url": "/apple"
  //         }
  //       },
  //       {
  //         "image": "assets/placeholders/AppleBrand.png",
  //         "description": "something something",
  //         "link": {
  //           "url": "/apple"
  //         }
  //       }
  //     ]
  //   }
  // },
  // "slider-layout#brand-images": {
  //   "props": {
  //     "blockClass": "brandSlider",
  //     "itemsPerPage": {
  //       "desktop": 6,
  //       "tablet": 4,
  //       "phone": 3
  //     },
  //     "infinite": false
  //   }
  // },

  "flex-layout.row#shelf1": {
    "children": ["list-context.product-list#productSlider"],
    "props": {
      "blockClass": "shelfComplete"
    }
  },
  "list-context.product-list#productSlider": {
    "blocks": ["product-summary.shelf#complete"],
    "children": ["slider-layout#products"],
    "props": {
      "orderBy": "OrderByTopSaleDESC"
    }
  },
  "slider-layout#products": {
    "props": {
      "itemsPerPage": {
        "desktop": 6,
        "tablet": 3,
        "phone": 1
      },
      "infinite": false,
      "fullWidth": true,
      "showPaginationDots": "desktopOnly",
      "showNavigationArrows": "desktopOnly",
      "blockClass": "shelfStyle1"
    }
  },
  "slider-layout#productsMobile": {
    "props": {
      "itemsPerPage": {
        "desktop": 6,
        "tablet": 3,
        "phone": 2
      },
      "infinite": false,
      "fullWidth": true,
      "showNavigationArrows": "desktopOnly",
      "blockClass": "shelfStyle1"
    }
  },
  "flex-layout.row#imageBanners": {
    "props": {
      "blockClass": "imageBanners",
      "preventHorizontalStretch": true
    },
    "children": [
      "flex-layout.col#banner1",
      "flex-layout.col#banner2",
      "flex-layout.col#banner3"
    ]
  },
  "flex-layout.col#banner1": {
    "props": {
      "preventVerticalStretch": true
    },
    "children": [
      "image#bannerThird",
      "rich-text#bannerTitle",
      "rich-text#bannerDesc",
      "rich-text#bannerLink"
    ]
  },
  "flex-layout.col#banner2": {
    "props": {
      "preventVerticalStretch": true
    },
    "children": [
      "image#bannerThird",
      "rich-text#bannerTitle",
      "rich-text#bannerDesc",
      "rich-text#bannerLink"
    ]
  },
  "flex-layout.col#banner3": {
    "props": {
      "preventVerticalStretch": true
    },
    "children": [
      "image#bannerThird",
      "rich-text#bannerTitle",
      "rich-text#bannerDesc",
      "rich-text#bannerLink"
    ]
  },
  "image#bannerThird": {
    "props": {
      "src": "assets/placeholders/bannerSummer.png",
      "maxHeight": 256,
      "blockClass": "bannerThird"
    }
  },
  "rich-text#bannerTitle": {
    "props": {
      "text": "#### Keep cool with trusted air conditioning brands",
      "blockClass": "bannerTitle",
      "textAlignment": "CENTER"
    }
  },
  "rich-text#bannerDesc": {
    "props": {
      "text": "Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.",
      "blockClass": "bannerDesc",
      "textAlignment": "CENTER"
    }
  },
  "rich-text#bannerLink": {
    "props": {
      "text": "[BUY AIR CONDITIONING]()",
      "blockClass": "bannerLink",
      "textAlignment": "CENTER"
    }
  },
  "flex-layout.row#singleBanner": {
    "props": {
      "blockClass": "singleBanner"
    },
    "children": ["image#singleBanner"]
  },
  "image#singleBanner": {
    "props": {
      "src": "",
      "maxHeight": 256
    }
  }
}

```


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

[Assistant]
Here's the implementation:

```json
{
  "modal-trigger#quickview": {
    "props": {
      "blockClass": "quickviewTrigger"
    },
    "children": ["image#quickviewTrigger", "modal-layout#quickview"]
  },
  "image#quickviewTrigger": {
    "props": {
      "src": "assets/icons/eyeIcon.svg",
      "blockClass": "quickviewTrigger"
    }
  },
  "modal-layout#quickview": {
    "children": ["flex-layout.row#product-details", "modal-actions.close"],
    "props": {
      "blockClass": "quickviewContainer"
    }
  },
  "modal-actions.close": {
    "props": {
      "label": ""
    }
  }
}

```


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

[Assistant]
Here's the implementation:

```json
{
  "store.custom.product-comparison#trending": {
    "blocks": [
      "search-result-layout.customQuery#trending",
      "flex-layout.row#newsletter"
    ]
  },
  "search-result-layout.customQuery#trending": {
    "props": {
      "querySchema": {
        "orderByField": "OrderByTopSaleDESC",
        "hideUnavailableItems": true,
        "maxItemsPerPage": 10,
        "skusFilter": "ALL",
        "simulationBehavior": "default"
      }
    },
    "blocks": [
      "search-result-layout.desktop.product-comparison#trending",
      "search-result-layout.mobile",
      "search-not-found-layout"
    ]
  },
  "search-result-layout.desktop.product-comparison#trending": {
    "children": [
      "flex-layout.row#searchLayout--trending",
      "product-comparison-drawer"
    ],
    "props": {
      "pagination": "show-more",
      "preventRouteChange": true
    }
  },
  "flex-layout.row#searchLayout--trending": {
    "children": ["flex-layout.col#pageContent--trending"],
    "props": {
      "colSizing": "auto",
      "fullWidth": true,
      "marginBottom": 9
    }
  },
  "flex-layout.col#pageContent--trending": {
    "children": ["flex-layout.col#search-content--trending"],
    "props": {
      "blockClass": "pageContent",
      "preventVerticalStretch": true
    }
  },

  "flex-layout.col#search-content--trending": {
    "children": [
      "rich-text#title--trending",
      "flex-layout.row#searchinfo",
      "flex-layout.row#fetchprevious",
      "flex-layout.row#products",
      "flex-layout.row#fetchmore"
    ],
    "props": {
      "paddingLeft": 7,
      "paddingRight": 7
    }
  },

  "rich-text#title--trending": {
    "props": {
      "text": "## What's trending",
      "blockClass": "title"
    }
  }
}

```


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

[Assistant]
Here's the implementation:

```json
{
  "minicart.v2": {
    "children": [
      "minicart-base-content"
    ],
    "props": {
      "customPixelEventId": "add-to-cart-button",
      "MinicartIcon": "icon-cart#minicart-icon"
    }
  },
  "icon-cart#minicart-icon": {
    "props": {
      "size": 27,
      "viewBox": "0 0 27 27"
    }
  },
  "minicart-base-content": {
    "blocks": [
      "minicart-empty-state"
    ],
    "children": [
      "minicart-product-list",
      "flex-layout.row#minicart-footer"
    ]
  },
  "minicart-product-list": {
    "blocks": [
      "product-list#minicart"
    ]
  },
  "product-list#minicart": {
    "blocks": [
      "product-list-content-mobile"
    ]
  },
  "product-list-content-mobile": {
    "children": [
      "flex-layout.row#cartSummary"
    ]
  },
  "flex-layout.row#cartSummary": {
    "children": [
      "flex-layout.col#minicart-product-image",
      "flex-layout.col#productInfo"
    ],
    "props": {
      "fullWidth": true,
      "paddingBottom": "5",
      "paddingTop": "5",
      "colGap": 0,
      "colSizing": "auto",
      "preventHorizontalStretch": true,
      "preventVerticalStretch": true,
      "preserveLayoutOnMobile": true,
      "blockClass": "cartSummary"
    }
  },
  "flex-layout.col#minicart-product-image": {
    "children": [
      "product-list-image#minicart"
    ],
    "props": {
      "marginRight": 5
    }
  },
  "product-list-image#minicart": {
    "props": {
      "width": 48
    }
  },
  "flex-layout.col#productInfo": {
    "children": [
      "flex-layout.row#productInfo__name",
      "flex-layout.row#bottomInfo"
    ],
    "props": {
      "rowGap": 3,
      "width": "grow"
    }
  },
  "flex-layout.row#productInfo__name": {
    "children": [
      "vtex.product-list:product-name#minicart"
    ]
  },
  "vtex.product-list:product-name#minicart": {
    "props": {
      "blockClass": "minicart"
    }
  },
  "flex-layout.row#bottomInfo": {
    "children": [
      "price#mobile",
      "quantity-selector",
      "remove-button"
    ],
    "props": {
      "verticalAlign": "middle",
      "colSizing": "auto",
      "blockClass": "bottomInfo",
      "preserveLayoutOnMobile": "true"
    }
  },
  "flex-layout.row#minicart-footer": {
    "props": {
      "blockClass": "minicart-footer"
    },
    "children": [
      "flex-layout.col#minicart-footer"
    ]
  },
  "flex-layout.col#minicart-footer": {
    "children": [
      "minicart-summary",
      "check-permission#minicart"
    ]
  },
  "check-organization-permission#minicart": {
    "props": {
      "roles": [
        "createQuote"
      ]
    },
    "blocks": [
      "allowed-content#create-quote"
    ]
  },
  "allowed-content#create-quote": {
    "children": [
      "link#quote"
    ]
  },
  "check-permission#minicart": {
    "props": {
      "roles": [
        "store-admin",
        "sales-admin",
        "sales-manager",
        "sales-representative",
        "customer-admin",
        "customer-approver"
      ]
    },
    "blocks": [
      "allowed-content#minicart",
      "disallowed-content#minicart"
    ]
  },
  "allowed-content#minicart": {
    "children": [
      "minicart-checkout-button",
      "check-organization-permission#minicart"
    ]
  },
  "disallowed-content#minicart": {
    "children": [
      "check-organization-permission#minicart"
    ]
  },
  "link#quote": {
    "props": {
      "label": "Create a Quote",
      "displayMode": "button",
      "blockClass": [
        "vtex-button",
        "order-quote"
      ],
      "href": "/b2b-quotes/create"
    }
  },
  "minicart-summary": {
    "blocks": [
      "checkout-summary.compact#minicart"
    ]
  },
  "checkout-summary.compact#minicart": {
    "children": [
      "summary-totalizers#minicart"
    ],
    "props": {
      "totalizersToShow": [
        "Items",
        "Discounts"
      ]
    }
  },
  "summary-totalizers#minicart": {
    "props": {
      "showTotal": true,
      "showDeliveryTotal": false
    }
  },
  "minicart-empty-state": {
    "children": [
      "flex-layout.row#empty-state"
    ]
  },
  "flex-layout.row#empty-state": {
    "children": [
      "flex-layout.col#empty-state"
    ]
  },
  "flex-layout.col#empty-state": {
    "children": [
      "icon-cart#minicart-empty-state",
      "rich-text#minicart-default-empty-state"
    ],
    "props": {
      "horizontalAlign": "center",
      "verticalAlign": "middle",
      "rowGap": 5
    }
  },
  "icon-cart#minicart-empty-state": {
    "props": {
      "size": 64,
      "viewBox": "0 0 27 27",
      "blockClass": "minicart-empty-state"
    }
  },
  "rich-text#minicart-default-empty-state": {
    "props": {
      "text": "Your cart is empty."
    }
  }
}
```


[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 b2b-theme/store/blocks/top-sales.jsonc from the b2b-theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "store.custom.product-comparison#top-sales": {
    "blocks": [
      "search-result-layout.customQuery#top-sales",
      "flex-layout.row#newsletter"
    ]
  },
  "search-result-layout.customQuery#top-sales": {
    "props": {
      "querySchema": {
        "orderByField": "OrderByTopSaleDESC",
        "hideUnavailableItems": true,
        "maxItemsPerPage": 10,
        "skusFilter": "ALL",
        "simulationBehavior": "default"
      }
    },
    "blocks": [
      "search-result-layout.desktop.product-comparison#top-sales",
      "search-result-layout.mobile",
      "search-not-found-layout"
    ]
  },
  "search-result-layout.desktop.product-comparison#top-sales": {
    "children": [
      "flex-layout.row#searchLayout--top-sales",
      "product-comparison-drawer"
    ],
    "props": {
      "pagination": "show-more",
      "preventRouteChange": true
    }
  },
  "flex-layout.row#searchLayout--top-sales": {
    "children": ["flex-layout.col#pageContent--top-sales"],
    "props": {
      "colSizing": "auto",
      "fullWidth": true,
      "marginBottom": 9
    }
  },
  "flex-layout.col#pageContent--top-sales": {
    "children": ["flex-layout.col#search-content--top-sales"],
    "props": {
      "blockClass": "pageContent",
      "preventVerticalStretch": true
    }
  },

  "flex-layout.col#search-content--top-sales": {
    "children": [
      "rich-text#title--top-sales",
      "flex-layout.row#searchinfo",
      "flex-layout.row#fetchprevious",
      "flex-layout.row#products",
      "flex-layout.row#fetchmore"
    ],
    "props": {
      "paddingLeft": 7,
      "paddingRight": 7
    }
  },

  "rich-text#title--top-sales": {
    "props": {
      "text": "## Top Sales",
      "blockClass": "title"
    }
  }
}

```


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

[Assistant]
Here's the implementation:

```json
{
  "store.custom.product-comparison#deals": {
    "blocks": [
      "search-result-layout.customQuery#deals",
      "flex-layout.row#newsletter"
    ]
  },

  "search-result-layout.customQuery#deals": {
    "props": {
      "querySchema": {
        "orderByField": "OrderByBestDiscountDESC",
        "hideUnavailableItems": true,
        "maxItemsPerPage": 10,
        "skusFilter": "ALL",
        "simulationBehavior": "default"
      }
    },
    "blocks": [
      "search-result-layout.desktop.product-comparison#deals",
      "search-result-layout.mobile",
      "search-not-found-layout"
    ]
  },
  "search-result-layout.desktop.product-comparison#deals": {
    "children": [
      "flex-layout.row#searchLayout--deals",
      "product-comparison-drawer"
    ],
    "props": {
      "pagination": "show-more",
      "preventRouteChange": true
    }
  },
  "flex-layout.row#searchLayout--deals": {
    "children": ["flex-layout.col#pageContent--deals"],
    "props": {
      "colSizing": "auto",
      "fullWidth": true,
      "marginBottom": 9
    }
  },
  "flex-layout.col#pageContent--deals": {
    "children": ["flex-layout.col#search-content--deals"],
    "props": {
      "blockClass": "pageContent",
      "preventVerticalStretch": true
    }
  },

  "flex-layout.col#search-content--deals": {
    "children": [
      "rich-text#title--deals",
      "flex-layout.row#searchinfo",
      "flex-layout.row#fetchprevious",
      "flex-layout.row#products",
      "flex-layout.row#fetchmore"
    ],
    "props": {
      "paddingLeft": 7,
      "paddingRight": 7
    }
  },

  "rich-text#title--deals": {
    "props": {
      "text": "## Today's Deals",
      "blockClass": "title"
    }
  }
}

```


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

[Assistant]
Here's the implementation:

```json
{
  "store.product": {
    "children": [
      "responsive-layout.mobile#product",
      "responsive-layout.desktop#product"
    ]
  },
  "responsive-layout.mobile#product": {
    "children": [
      "flex-layout.row#breadcrumb",
      "flex-layout.row#brand-and-rating",
      "flex-layout.row#product-name",
      "flex-layout.row#product-identifier",
      "flex-layout.row#product-images",
      "flex-layout.row#sku-selector",
      "flex-layout.row#assembly-options",
      "flex-layout.row#divider",
      "flex-layout.row#box",
      "product-kit#buy-together",
      "flex-layout.row#description-and-gallery",
      "flex-layout.row#features",
      "flex-layout.row#specification",
      "check-permission#sticky-buy",
      "flex-layout.row#reviews-and-ratings",
      "flex-layout.row#alsoView"
    ]
  },
  "responsive-layout.desktop#product": {
    "children": ["flex-layout.row#product", "flex-layout.row#alsoView"]
  },
  "flex-layout.row#product": {
    "children": ["flex-layout.col#product"]
  },
  "flex-layout.col#product": {
    "children": [
      "flex-layout.row#breadcrumb",
      "flex-layout.row#product-details",
      "product-kit#buy-together", // This block won't work if it's not a direct children of store.product
      "flex-layout.row#description-and-gallery",
      "flex-layout.row#features",
      "flex-layout.row#specification",
      "flex-layout.row#reviews-and-ratings"
    ]
  }
}

```


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

[Assistant]
Here's the implementation:

```json
{
  "my-account-link.wishlist-link": {
    "props": {
      "label": "My Wishlist"
    }
  },
  "my-account-page.wishlist-page": {
    "children": ["flex-layout.row#top", "list-context.wishlist"]
  },
  "list-context.wishlist": {
    "blocks": ["product-summary.shelf#wishlist"],
    "children": ["slider-layout#wishlist"]
  },
  "product-summary.shelf#wishlist": {
    "props": {
      "blockClass": "summaryComplete"
    },
    "children": [
      "flex-layout.row#stackSavings",
      "product-summary-brand",
      "product-summary-name",
      "product-rating-summary",
      "product-summary-price",
      "flex-layout.row#product-summary-buy-button",
      "add-to-list-btn",
      "modal-trigger#quickview"
    ]
  },
  "slider-layout#wishlist": {
    "props": {
      "itemsPerPage": {
        "desktop": 5,
        "tablet": 3,
        "phone": 1
      },
      "infinite": false,
      "fullWidth": true,
      "showPaginationDots": "desktopOnly",
      "showNavigationArrows": "desktopOnly",
      "blockClass": "shelfStyle1"
    }
  }
}

```


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

[Assistant]
Here's the implementation:

```json
{
  "check-permission#reseller": {
    "props": {
      "roles": [
        "store-admin",
        "sales-admin",
        "sales-manager",
        "sales-representative",
        "customer-admin",
        "customer-approver",
        "customer-buyer"
      ]
    },
    "blocks": [
      "allowed-content#reseller",
      "disallowed-content#reseller"
    ]
  },
  "allowed-content#reseller": {
    "children": [
      "link#orderQuote"
    ],
    "props": {
      "blockClass": "resellerChallengeContent"
    }
  },
  "disallowed-content#reseller": {
    "children": [
      "link#reseller"
    ],
    "props": {
      "blockClass": "resellerChallengeFallback"
    }
  },
  "check-permission#login": {
    "props": {
      "roles": [
        "store-admin",
        "sales-admin",
        "sales-manager",
        "sales-representative",
        "customer-admin",
        "customer-approver",
        "customer-buyer"
      ]
    },
    "blocks": [
      "allowed-content#reseller",
      "disallowed-content#reseller"
    ]
  },
  "allowed-content#login": {
    "children": [
      "link#profile"
    ],
    "props": {
      "blockClass": "loginChallengeContent"
    }
  },
  "disallowed-content#login": {
    "children": [
      "login#mobile"
    ],
    "props": {
      "blockClass": "loginChallengeFallback"
    }
  }
}

```


[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 b2b-theme/store/blocks/search.jsonc from the b2b-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": "default"
      }
    }
  },
  "store.search.product-comparison#brand": {
    "blocks": ["search-result-layout", "flex-layout.row#newsletter"],
    "props": {
      "context": {
        "orderByField": "OrderByReleaseDateDESC",
        "hideUnavailableItems": true,
        "maxItemsPerPage": 10,
        "skusFilter": "ALL",
        "simulationBehavior": "default"
      }
    }
  },
  "store.search.product-comparison#department": {
    "blocks": ["search-result-layout", "flex-layout.row#newsletter"],
    "props": {
      "context": {
        "skusFilter": "ALL",
        "simulationBehavior": "default",
        "maxItemsPerPage": 20
      },
      "fullWidth": true
    }
  },
  "store.search.product-comparison#category": {
    "blocks": ["search-result-layout", "flex-layout.row#newsletter"],
    "props": {
      "context": {
        "skusFilter": "ALL",
        "simulationBehavior": "default",
        "maxItemsPerPage": 20
      },
      "fullWidth": true
    }
  },
  "store.search.product-comparison#subcategory": {
    "blocks": ["search-result-layout", "flex-layout.row#newsletter"],
    "props": {
      "context": {
        "skusFilter": "ALL",
        "simulationBehavior": "default",
        "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 b2b-theme/store/blocks/institutional.jsonc from the b2b-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 b2b-theme/store/blocks/footer/footer.jsonc from the b2b-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#costumer"]
  },
  "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": "Costumer Service",
      "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": "/service",
      "label": "Costumer service",
      "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 b2b-theme/store/blocks/footer/menu.jsonc from the b2b-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#costumer": {
    "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 b2b-theme/store/blocks/quickorder/quickOrderByOnePage.jsonc from the b2b-theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "store.custom#quickOrderByOne": {
    "children": ["flex-layout.row#quickByOneWrap"]
  },
  "flex-layout.row#quickByOneWrap": {
    "children": ["flex-layout.row#autocomplete"],
    "props": {
      "blockClass": "quickOrderContainer",
      "paddingBottom": 9
    }
  }
}

```


[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 b2b-theme/store/blocks/quickorder/quickorderMobile.jsonc from the b2b-theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "responsive-layout.mobile#quickorder": {
    "children": [
      "flex-layout.row#quickOrderRowMobile"
    ]
  },
  "flex-layout.row#quickOrderRowMobile": {
    "children": [
      "flex-layout.col#quickOrderRowMobile"
    ],
    "props": {
      "blockClass": "quickOrderRowMobile"
    }
  },
  "flex-layout.col#quickOrderRowMobile": {
    "children": [
      "rich-text#quickOrderTitlePageMobile",
      "link#byOne",
      "link#byCategory"
    ]
  },
  "rich-text#quickOrderTitlePageMobile":{
    "props": {
      "text": "# Quick Order",
      "blockClass": "quickOrderTitlePageMobile"
    }
  },
  "link#byOne": {
    "children": [
      "rich-text#byOneTitle",
      "rich-text#byOneText"
    ],
    "props": {
      "blockClass": "quickOrderButton",
      "href": "/quickorder/one-by-one"
    }
  },
  "rich-text#byOneTitle": {
    "props": {
      "text": "## One by one",
      "blockClass": "quickOrderButtonTitle"
    }
  },
  "rich-text#byOneText": {
    "props": {
      "text": "Type the product name, select, enter quantity and add to the cart",
      "blockClass": "quickOrderButtonText"
    }
  },
  "link#byCategory": {
    "children": [
      "rich-text#byCategoryTitle",
      "rich-text#byCategoryText"
    ],
    "props": {
      "blockClass": "quickOrderButton",
      "href": "/quickorder/by-category"
    }
  },
  "rich-text#byCategoryTitle": {
    "props": {
      "text": "## Categories",
      "blockClass": "quickOrderButtonTitle"
    }
  },
  "rich-text#byCategoryText": {
    "props": {
      "text": "Add products directly from their categories",
      "blockClass": "quickOrderButtonText"
    }
  }
}
```


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

[Assistant]
Here's the implementation:

```json
{
  "store.quickorder": {
    "blocks": [
      "responsive-layout.mobile#quickorder",
      "responsive-layout.desktop#quickorder"
    ]
  },

  "responsive-layout.desktop#quickorder": {
    "children": [
      "flex-layout.row#title",
      "flex-layout.row#textarea",
      "flex-layout.row#upload",
      "flex-layout.row#autocomplete",
      "flex-layout.row#quickCategories"
    ]
  },

  "flex-layout.row#title": {
    "children": ["flex-layout.col#title"],
    "props": {
      "blockClass": "quickOrderHeaderRow"
    }
  },
  "flex-layout.col#title": {
    "children": ["rich-text#title"],
    "props": {
      "blockClass": "titleQuickorder",
      "preventVerticalStretch": true
    }
  },
  "rich-text#title": {
    "props": {
      "text": "### Quick Order",
      "blockClass": "titleQuickorder"
    }
  },

  "flex-layout.row#textarea": {
    "children": ["flex-layout.col#textarea"]
  },
  "flex-layout.col#textarea": {
    "children": ["quickorder-textarea"]
  },
  "quickorder-textarea": {
    "props": {
      "componentOnly": false,
      "text": "Copy/Paste Skus",
      "description": "[Sku's Code],[Quantity]"
    }
  },

  "flex-layout.row#upload": {
    "children": ["flex-layout.col#upload"]
  },
  "flex-layout.col#upload": {
    "children": ["quickorder-upload"]
  },
  "quickorder-upload": {
    "props": {
      "componentOnly": false,
      "text": "Upload",
      "description": "Upload a Spreadsheet with two columns (SKU, Quantity) to bulk order",
      "downloadText": "Click here to download a spreadsheet model"
    }
  },

  "flex-layout.row#autocomplete": {
    "children": ["flex-layout.col#autocomplete"]
  },
  "flex-layout.col#autocomplete": {
    "children": ["quickorder-autocomplete"]
  },
  "quickorder-autocomplete": {
    "props": {
      "componentOnly": false,
      "text": "One by One",
      "description": "Type the product name, select, enter quantity and add to the cart"
    }
  },

  "flex-layout.row#quickCategories": {
    "children": ["flex-layout.col#categories"],
    "props": {
      "paddingBottom": 9
    }
  },
  "flex-layout.col#categories": {
    "children": ["quickorder-categories"]
  },
  "quickorder-categories": {
    "props": {
      "componentOnly": false,
      "text": "Categories",
      "description": "Add products directly from their categories"
    }
  }
}

```


[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 b2b-theme/store/blocks/quickorder/quickOrderByCategoryPage.jsonc from the b2b-theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "store.custom#quickOrderByCategory": {
    "children": ["flex-layout.row#quickCategoriesWrap"]
  },
  "flex-layout.row#quickCategoriesWrap": {
    "children": ["flex-layout.row#quickCategories"],
    "props": {
      "blockClass": "quickOrderContainer",
      "paddingBottom": 9
    }
  }
}

```


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

[Assistant]
Here's the implementation:

```json
{
  "store.custom#customer-services": {
    "blocks": [
      "flex-layout.row#institutional--services",
      "flex-layout.row#newsletter"
    ]
  },

  "flex-layout.row#institutional--services": {
    "children": ["image#mobile-phone", "flex-layout.col#text--services"]
  },

  "flex-layout.col#text--services": {
    "children": [
      "rich-text#title--services",
      "rich-text#institutional-placeholder"
    ],
    "props": {
      "blockclass": "textColumn",
      "preventVerticalStretch": true
    }
  },

  "rich-text#title--services": {
    "props": {
      "text": "# Services",
      "blockClass": "title"
    }
  }
}

```


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

[Assistant]
Here's the implementation:

```json
{
  "store.custom#gift-cards": {
    "blocks": [
      "flex-layout.row#institutional--gift-cards",
      "flex-layout.row#newsletter"
    ]
  },

  "flex-layout.row#institutional--gift-cards": {
    "children": ["flex-layout.col#text--gift-cards", "image#mobile-phone"]
  },

  "flex-layout.col#text--gift-cards": {
    "children": [
      "rich-text#title--gift-cards",
      "rich-text#institutional-placeholder"
    ],
    "props": {
      "blockclass": "textColumn",
      "preventVerticalStretch": true
    }
  },

  "rich-text#title--gift-cards": {
    "props": {
      "text": "# Gift Cards",
      "blockClass": "title"
    }
  }
}

```


[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 b2b-theme/store/blocks/product/right-col.jsonc from the b2b-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 b2b-theme/store/blocks/product/sku-list.jsonc from the b2b-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 b2b-theme/store/blocks/product/reviews-and-ratings.jsonc from the b2b-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 b2b-theme/store/blocks/product/buy-buttons.jsonc from the b2b-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"],
    "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 b2b-theme/store/blocks/product/left-col.jsonc from the b2b-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 b2b-theme/store/blocks/product/location-availability.jsonc from the b2b-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 b2b-theme/store/blocks/product/buy-together.jsonc from the b2b-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"
    ]
  }
}

```