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

[User] Show me the implementation of b2cstoreqa.theme/store/blocks/header/header.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "header": {
    "blocks": ["header-layout.desktop", "header-layout.mobile"]
  },

  "header.full": {
    "blocks": ["header-layout.desktop", "header-layout.mobile"]
  },

  "header-layout.desktop": {
    "children": ["sticky-layout#desktop"]
  },

  "sticky-layout#desktop": {
    "props": {
      "blockClass": "sticky-header"
    },
    "children": [
      "flex-layout.row#telemarketing",
      "flex-layout.row#desktop",
      "flex-layout.row#headerStripe"
    ]
  },

  "flex-layout.row#telemarketing": {
    "children": ["telemarketing"],
    "props": {
      "blockClass": ["bg-blue-medium"],
      "fullWidth": true
    }
  },

  "flex-layout.row#desktop": {
    "props": {
      "verticalAlign": "center",
      "blockClass": "header",
      "colGap": 7,
      "colSizing": "auto"
    },
    "children": [
      "drawer",
      "flex-layout.col#logo-desktop",
      "flex-layout.col#search-bar",
      "login",
      "minicart.v2"
    ]
  },

  "flex-layout.col#search-bar": {
    "children": ["search-bar"],
    "props": {
      "paddingLeft": 8,
      "width": "grow"
    }
  },

  "flex-layout.row#headerStripe": {
    "props": {
      "blockClass": "headerStripe",
      "horizontalAlign": "left",
      "verticalAlign": "center",
      "preventHorizontalStretch": true,
      "preventVerticalStretch": true
    },
    "children": [
      "shopper-location",
      "rich-text#headStripe1",
      "rich-text#headStripe2",
      "rich-text#headStripe3",
      "rich-text#headStripe4",
      "rich-text#headStripe5"
    ]
  },

  "rich-text#headStripe1": {
    "props": {
      "blockClass": "HeaderStripeText",
      "text": "[Today's Deals](/deals)"
    }
  },

  "rich-text#headStripe2": {
    "props": {
      "blockClass": "HeaderStripeText",
      "text": "[New Releases](/releases)"
    }
  },

  "rich-text#headStripe3": {
    "props": {
      "blockClass": "HeaderStripeText",
      "text": "[Top Sales](/top-sales)"
    }
  },

  "rich-text#headStripe4": {
    "props": {
      "blockClass": "HeaderStripeText",
      "text": "[Customer Services](/services)"
    }
  },

  "rich-text#headStripe5": {
    "props": {
      "blockClass": "HeaderStripeText",
      "text": "[Gift Cards](/gift-cards)"
    }
  },

  "flex-layout.col#logo-desktop": {
    "props": {
      "verticalAlign": "middle"
    },
    "children": ["logo"]
  },

  "logo": {
    "props": {
      "title": "Logo",
      "href": "/",
      "url": "assets/icons/logo.svg",
      "width": "123"
    }
  },

  "header-layout.mobile": {
    "children": ["sticky-layout#mobile"]
  },

  "sticky-layout#mobile": {
    "children": ["flex-layout.row#mobileHeader", "slider-layout#menuLinks"],
    "props": {
      "blockClass": "headerMobile"
    }
  },

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

  "slider-layout#menuLinks": {
    "props": {
      "itemsPerPage": {
        "phone": 2
      },
      "centerMode": "to-the-left",
      "infinite": false,
      "showNavigationArrows": "never",
      "showPaginationDots": "never",
      "blockClass": "stripeSlider",
      "fullWidth": true
    },
    "children": [
      "rich-text#headStripe1",
      "rich-text#headStripe2",
      "rich-text#headStripe3",
      "rich-text#headStripe4",
      "rich-text#headStripe5"
    ]
  },

  "flex-layout.col#mobileHeader": {
    "children": ["flex-layout.row#mobile", "flex-layout.row#mobileSearch"],
    "props": {
      "blockClass": "main-header-mobile"
    }
  },

  "flex-layout.row#mobile": {
    "children": [
      "drawer",
      "logo",
      "flex-layout.col#spacer",
      "login#mobile",
      "minicart.v2"
    ],
    "props": {
      "preventHorizontalStretch": true,
      "preserveLayoutOnMobile": true,
      "colSizing": "auto",
      "fullWidth": true
    }
  },

  "link#orderQuote": {
    "props": {
      "label": "Order quote",
      "href": "/orderquote",
      "blockClass": "orderQuote"
    }
  },

  "link#profile": {
    "children": ["icon-profile"],
    "props": {
      "href": "/account",
      "blockClass": "accountLink"
    }
  },

  "flex-layout.row#mobileSearch": {
    "children": ["search-bar#mobile"],
    "props": {
      "blockClass": "searchBarMobile"
    }
  },

  "search-bar#mobile": {
    "blocks": ["autocomplete-result-list.v2#mobile"],
    "props": {
      "openAutocompleteOnFocus": true,
      "blockClass": "searchMobile"
    }
  },

  "login": {
    "props": {
      "iconLabel": "Hello, Sign in"
    }
  },

  "login#mobile": {
    "props": {
      "iconLabel": "Sign in"
    }
  }
}

```


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

[User] Show me the implementation of b2cstoreqa.theme/store/blocks/header/search-bar.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "search-bar": {
    "blocks": [
      "autocomplete-result-list.v2"
    ],
    "props": {
      "openAutocompleteOnFocus": true
    }
  },
  "autocomplete-result-list.v2": {
    "blocks": [
      "product-summary.shelf#searchBar"
    ],
    "props": {
      "simulationBehavior": "skip",
      "maxSuggestedProducts": 6,
      "customBreakpoints": {
        "md": {
          "width": 100
        }
      }
    }
  },
  "autocomplete-result-list.v2#mobile": {
    "blocks": [
      "product-summary.shelf#searchBarMobile"
    ],
    "props": {
      "simulationBehavior": "skip",
      "maxSuggestedProducts": 6,
      "autocompleteWidth": 92
    }
  }
}
```


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

[User] Show me the implementation of b2cstoreqa.theme/store/blocks/pages/landing-pages/gift-cards.jsonc from the b2cstoreqa.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 b2cstoreqa.theme/store/blocks/pages/collections/popular.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "store.custom.product-comparison#popular": {
    "blocks": [
      "search-result-layout.customQuery#popular",
      "flex-layout.row#newsletter"
    ]
  },
  "search-result-layout.customQuery#popular": {
    "props": {
      "querySchema": {
        "orderByField": "OrderByTopSaleDESC",
        "hideUnavailableItems": true,
        "maxItemsPerPage": 10,
        "skusFilter": "ALL",
        "simulationBehavior": "skip"
      }
    },
    "blocks": [
      "search-result-layout.desktop.product-comparison#popular",
      "search-result-layout.mobile",
      "search-not-found-layout"
    ]
  },
  "search-result-layout.desktop.product-comparison#popular": {
    "children": [
      "flex-layout.row#searchLayout--popular",
      "product-comparison-drawer"
    ],
    "props": {
      "pagination": "show-more",
      "preventRouteChange": true
    }
  },
  "flex-layout.row#searchLayout--popular": {
    "children": ["flex-layout.col#pageContent--popular"],
    "props": {
      "colSizing": "auto",
      "fullWidth": true,
      "marginBottom": 9
    }
  },
  "flex-layout.col#pageContent--popular": {
    "children": ["flex-layout.col#search-content--popular"],
    "props": {
      "blockClass": "pageContent",
      "width": "grow"
    }
  },
  "flex-layout.col#search-content--popular": {
    "children": [
      "rich-text#title--popular",
      "flex-layout.row#searchinfo",
      "flex-layout.row#fetchprevious",
      "flex-layout.row#products",
      "flex-layout.row#fetchmore"
    ],
    "props": {
      "paddingLeft": 7,
      "paddingRight": 7
    }
  },
  "rich-text#title--popular": {
    "props": {
      "text": "## Popular Picks",
      "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 b2cstoreqa.theme/store/blocks/pages/collections/releases.jsonc from the b2cstoreqa.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": "skip"
      }
    },
    "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",
      "width": "grow"
    }
  },

  "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 b2cstoreqa.theme/store/blocks/pages/collections/trending.jsonc from the b2cstoreqa.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": "skip"
      }
    },
    "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",
      "width": "grow"
    }
  },

  "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 b2cstoreqa.theme/store/blocks/pages/collections/top-sales.jsonc from the b2cstoreqa.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": "skip"
      }
    },
    "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",
      "width": "grow"
    }
  },

  "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 b2cstoreqa.theme/store/blocks/pages/collections/deals.jsonc from the b2cstoreqa.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": "skip"
      }
    },
    "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",
      "width": "grow"
    }
  },

  "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 b2cstoreqa.theme/store/blocks/pages/institutional/about-us/locations.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

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

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

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

  "rich-text#title--locations": {
    "props": {
      "text": "# Locations",
      "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 b2cstoreqa.theme/store/blocks/pages/institutional/about-us/careers.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

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

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

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

  "rich-text#title--careers": {
    "props": {
      "text": "# Careers",
      "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 b2cstoreqa.theme/store/blocks/pages/institutional/about-us/advertise.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

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

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

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

  "rich-text#title--advertise": {
    "props": {
      "text": "# Advertise with us",
      "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 b2cstoreqa.theme/store/blocks/pages/institutional/about-us/investors.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

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

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

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

  "rich-text#title--investors": {
    "props": {
      "text": "# Investor Relations",
      "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 b2cstoreqa.theme/store/blocks/pages/institutional/about-us/company.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

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

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

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

  "rich-text#title--company": {
    "props": {
      "text": "# Company",
      "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 b2cstoreqa.theme/store/blocks/pages/institutional/about-us/sell.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

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

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

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

  "rich-text#title--sell": {
    "props": {
      "text": "# Sell with VTEX",
      "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 b2cstoreqa.theme/store/blocks/pages/institutional/customer-service/customer-services.jsonc from the b2cstoreqa.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 b2cstoreqa.theme/store/blocks/pages/institutional/customer-service/recalls.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

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

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

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

  "rich-text#title--recalls": {
    "props": {
      "text": "# Product Recalls",
      "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 b2cstoreqa.theme/store/blocks/pages/institutional/customer-service/pickup.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

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

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

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

  "rich-text#title--pickup": {
    "props": {
      "text": "# Store Pickup",
      "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 b2cstoreqa.theme/store/blocks/pages/institutional/customer-service/accessibility.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

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

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

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

  "rich-text#title--accessibility": {
    "props": {
      "text": "# Accessibility",
      "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 b2cstoreqa.theme/store/blocks/pages/institutional/customer-service/returns.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

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

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

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

  "rich-text#title--returns": {
    "props": {
      "text": "# Returns",
      "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 b2cstoreqa.theme/store/blocks/pages/institutional/customer-service/help-center.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

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

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

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

  "rich-text#title--help-center": {
    "props": {
      "text": "# Help Center",
      "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 b2cstoreqa.theme/store/blocks/pages/institutional/customer-service/contact.jsonc from the b2cstoreqa.theme VTEX app.

[Assistant]
Here's the implementation:

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

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

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

  "rich-text#title--contact": {
    "props": {
      "text": "# Contact Us",
      "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 audara/docs/README.md from the audara VTEX app.

[Assistant]
Here's the implementation:

```markdown
# Audara

> VTEX Audara first-party app

## Setup

Open a terminal and type:

```sh
vtex install vtex.audara@1.x
```

Open your admin in the Apps section:

https://YOURSTORENAME.myvtex.com/admin/apps/vtex.audara@1.0.0/setup

Fill in your Audara's Account ID and click save.
```


[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 list-wallet/messages/nl.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "titles.value.gift.card": "Cadeaubon waarde: ",
  "titles.credit": "Krediet: ",
  "titles.redemption": "Inwisseling genereren:",
  "input.value.label": "Voer het bedrag in",
  "input.value.button": "INWISSELEN",
  "input.tooltip": "Code om cadeaubon in te wisselen. Deze code is uniek. Gebruik deze voor alle aankopen in de winkel.",
  "input.value.tooltip": "Zet uw krediet om in cadeaubonnen.",
  "input.code.label": "Code geschenkkaart",
  "input.code.placeholder": "Code",
  "input.code.button": "CODE KOPIËREN",
  "input.code.loading": "Laden...",
  "history.open.button": "Verklaring",
  "history.empty.title": "Geen activiteit",
  "history.empty.message": "Uw wallet heeft geen wijzigingen in de balans gehad.",
  "history.credit.description": "Krediet ontvangen",
  "history.debit.description": "Krediet omgezet in cadeaubon",
  "history.credit.status": "Krediet",
  "history.debit.status": "Debet",
  "history.date.title": "Datum",
  "history.description.title": "Beschrijving",
  "history.value.title": "Bedrag",
  "history.status.title": "Status",
  "history.pagination.of": "van",
  "history.filter.clear": "Filters wissen",
  "history.filter.all": "Alle",
  "history.filter.is": "is",
  "history.filter.between": "Tussen",
  "history.filter.and": "en",
  "history.filter.date": "Datum",
  "history.filter.status": "Status",
  "history.filter.status.credit": "Krediet",
  "history.filter.status.debit": "Debet",
  "collapsible.title": "Mijn wallet",
  "provider.without.code": "Geen code",
  "provider.missing.value": "Voer een terugbetalingsbedrag in",
  "provider.value.negative": "Voeg een bedrag toe dat groter is dan 0",
  "provider.value.bigger.than.could.be": "Voer een bedrag in kleiner dan of gelijk aan ",
  "toast.rescue.value": "Bedrag van ",
  "toast.rescue.sucess": "Met succes ingewisseld!",
  "toast.rescue.error": "Fout bij toevoegen van bedrag aan cadeaubon",
  "toast.code": "Code ",
  "toast.copy": "Succesvol gekopieerd",
  "toast.copy.error": "Fout bij kopiëren code",
  "toast.without.code": "Geen code"
}

```


[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 list-wallet/messages/de.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "titles.value.gift.card": "Guthaben der Geschenkkarte: ",
  "titles.credit": "Guthaben: ",
  "titles.redemption": "Erhalte die Rückzahlung:",
  "input.value.label": "Betrag eingeben",
  "input.value.button": "EINLÖSEN",
  "input.tooltip": "Code zum Einlösen der Geschenkkarte. Dieser Code ist einzigartig. Verwenden Sie ihn für alle Ihre Einkäufe im Geschäft.",
  "input.value.tooltip": "Wandeln Sie Ihr Guthaben in ein Geschenkguthaben um.",
  "input.code.label": "Code der Geschenkkarte",
  "input.code.placeholder": "Code",
  "input.code.button": "CODE KOPIEREN",
  "input.code.loading": "Laden...",
  "history.open.button": "Auszug",
  "history.empty.title": "Keine Aktivität",
  "history.empty.message": "In Ihrer Geldbörse hat sich der Kontostand nicht geändert.",
  "history.credit.description": "Gutschrift erhalten",
  "history.debit.description": "Guthaben in eine Geschenkkarte umgewandelt",
  "history.credit.status": "Guthaben",
  "history.debit.status": "Abbuchung",
  "history.date.title": "Datum",
  "history.description.title": "Beschreibung",
  "history.value.title": "Betrag",
  "history.status.title": "Status",
  "history.pagination.of": "von",
  "history.filter.clear": "Filter löschen",
  "history.filter.all": "Alle",
  "history.filter.is": "ist",
  "history.filter.between": "Zwischen",
  "history.filter.and": "und",
  "history.filter.date": "Datum",
  "history.filter.status": "Status",
  "history.filter.status.credit": "Guthaben",
  "history.filter.status.debit": "Abbuchung",
  "collapsible.title": "Meine Geldbörse",
  "provider.without.code": "Kein Code",
  "provider.missing.value": "Geben Sie einen Rückzahlungsbetrag ein",
  "provider.value.negative": "Einen Betrag größer als 0 hinzufügen",
  "provider.value.bigger.than.could.be": "Geben Sie einen Betrag ein, der kleiner oder gleich ist ",
  "toast.rescue.value": "Betrag von ",
  "toast.rescue.sucess": "Erfolgreich eingelöst!",
  "toast.rescue.error": "Fehler beim Hinzufügen des Betrags zur Geschenkkarte",
  "toast.code": "Code ",
  "toast.copy": "Erfolgreich kopiert",
  "toast.copy.error": "Fehler beim Kopieren des Codes",
  "toast.without.code": "Kein Code"
}

```


[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 list-wallet/messages/ru.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "titles.value.gift.card": "Баланс на подарочной карте: ",
  "titles.credit": "Кредит: ",
  "titles.redemption": "Сгенерировать погашение:",
  "input.value.label": "Введите сумму",
  "input.value.button": "АКТИВИРОВАТЬ",
  "input.tooltip": "Уникальный код для активации подарочной карты. Используйте его для покупок в магазине.",
  "input.value.tooltip": "Конвертируйте свои кредиты в баланс подарочной карты.",
  "input.code.label": "Код подарочной карты",
  "input.code.placeholder": "Код",
  "input.code.button": "КОПИРОВАТЬ КОД",
  "input.code.loading": "Загрузка...",
  "history.open.button": "Отчет",
  "history.empty.title": "Нет действий",
  "history.empty.message": "В вашем кошельке не произошло изменений баланса.",
  "history.credit.description": "Кредит получен",
  "history.debit.description": "Кредит переведен на подарочную карту",
  "history.credit.status": "Кредит",
  "history.debit.status": "Дебет",
  "history.date.title": "Дата",
  "history.description.title": "Описание",
  "history.value.title": "Сумма",
  "history.status.title": "Статус",
  "history.pagination.of": "от",
  "history.filter.clear": "Сбросить фильтры",
  "history.filter.all": "Все",
  "history.filter.is": "содержится",
  "history.filter.between": "Между",
  "history.filter.and": "и",
  "history.filter.date": "Дата",
  "history.filter.status": "Статус",
  "history.filter.status.credit": "Кредиты",
  "history.filter.status.debit": "Дебеты",
  "collapsible.title": "Мой кошелёк",
  "provider.without.code": "Нет кода",
  "provider.missing.value": "Введите сумму погашения",
  "provider.value.negative": "Добавьте сумму больше 0",
  "provider.value.bigger.than.could.be": "Введите сумму меньше или равную ",
  "toast.rescue.value": "Сумма в ",
  "toast.rescue.sucess": "Готово!",
  "toast.rescue.error": "Ошибка начисления суммы на подарочную карту",
  "toast.code": "Код ",
  "toast.copy": "Скопировано",
  "toast.copy.error": "Ошибка копирования кода",
  "toast.without.code": "Нет кода"
}

```


[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 list-wallet/messages/pl.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "titles.value.gift.card": "Saldo karty podarunkowej: ",
  "titles.credit": "Kredyt: ",
  "titles.redemption": "Wygeneruj umorzenie:",
  "input.value.label": "Wprowadź kwotę",
  "input.value.button": "ZREALIZUJ",
  "input.tooltip": "Kod do realizacji karty podarunkowej. Ten kod jest unikalny. Używaj go do wszystkich zakupów w sklepie.",
  "input.value.tooltip": "Konwertuj swoje kredyty na saldo karty upominkowej.",
  "input.code.label": "Kod karty podarunkowej",
  "input.code.placeholder": "Kod",
  "input.code.button": "SKOIPUJ KOD",
  "input.code.loading": "Ładuję...",
  "history.open.button": "Oświadczenie",
  "history.empty.title": "Brak aktywności",
  "history.empty.message": "Twój portfel nie miał żadnych zmian salda.",
  "history.credit.description": "Uznanie otrzymane",
  "history.debit.description": "Uznanie przekonwertowane na kartę podarunkową",
  "history.credit.status": "Uznanie",
  "history.debit.status": "Debet",
  "history.date.title": "Data",
  "history.description.title": "Opis",
  "history.value.title": "Kwota",
  "history.status.title": "Status",
  "history.pagination.of": "od",
  "history.filter.clear": "Wyczyść filtry",
  "history.filter.all": "Wszystkie",
  "history.filter.is": "jest",
  "history.filter.between": "Pomiędzy",
  "history.filter.and": "i",
  "history.filter.date": "Data",
  "history.filter.status": "Status",
  "history.filter.status.credit": "Uznania",
  "history.filter.status.debit": "Debety",
  "collapsible.title": "Mój portfel",
  "provider.without.code": "Brak kodu",
  "provider.missing.value": "Wprowadź kwotę wykupu",
  "provider.value.negative": "Dodaj kwotę większą niż 0",
  "provider.value.bigger.than.could.be": "Wprowadź kwotę mniejszą lub równą ",
  "toast.rescue.value": "Kwota ",
  "toast.rescue.sucess": "Pomyślnie zrealizowano!",
  "toast.rescue.error": "Błąd dodawania kwoty do karty podarunkowej",
  "toast.code": "Kod ",
  "toast.copy": "Skopiowano pomyślnie",
  "toast.copy.error": "Błąd podczas kopiowania kodu",
  "toast.without.code": "Brak kodu"
}

```


[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 list-wallet/messages/fi.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "titles.value.gift.card": "Lahjakortin saldo: ",
  "titles.credit": "Hyvitys: ",
  "titles.redemption": "Luo lunastus:",
  "input.value.label": "Syötä summa",
  "input.value.button": "LUNASTA",
  "input.tooltip": "Koodi lahjakortin lunastamiseksi. Tämä koodi on ainutlaatuinen. Käytä sitä kaikissa ostoksissasi myymälässä.",
  "input.value.tooltip": "Muunna hyvityksesi lahjakorttisaldoksi.",
  "input.code.label": "Lahjakortin koodi",
  "input.code.placeholder": "Koodi",
  "input.code.button": "KOPIOI KOODI",
  "input.code.loading": "Ladataan...",
  "history.open.button": "Lauseke",
  "history.empty.title": "Ei toimintaa",
  "history.empty.message": "Lompakkosi saldo ei ole muuttunut.",
  "history.credit.description": "Hyvitys vastaanotettu",
  "history.debit.description": "Hyvitys muunnettu lahjakortiksi",
  "history.credit.status": "Hyvitys",
  "history.debit.status": "Veloitus",
  "history.date.title": "Päivämäärä",
  "history.description.title": "Kuvaus",
  "history.value.title": "Summa",
  "history.status.title": "Tila",
  "history.pagination.of": "alkaen",
  "history.filter.clear": "Tyhjennä suodattimet",
  "history.filter.all": "Kaikki",
  "history.filter.is": "on",
  "history.filter.between": "–",
  "history.filter.and": "ja",
  "history.filter.date": "Päivämäärä",
  "history.filter.status": "Tila",
  "history.filter.status.credit": "Hyvitykset",
  "history.filter.status.debit": "Veloitukset",
  "collapsible.title": "Minun lompakkoni",
  "provider.without.code": "Ei koodia",
  "provider.missing.value": "Syötä lunastussumma",
  "provider.value.negative": "Lisää summa, joka on suurempi kuin 0",
  "provider.value.bigger.than.could.be": "Syötä summa, joka on vähemmän tai yhtä suuri kuin ",
  "toast.rescue.value": "Määrä: ",
  "toast.rescue.sucess": "Lunastus onnistui!",
  "toast.rescue.error": "Virhe summan lisäämisessä lahjakortille",
  "toast.code": "Koodi ",
  "toast.copy": "Kopioitu onnistuneesti",
  "toast.copy.error": "Koodin kopiointi epäonnistui",
  "toast.without.code": "Ei koodia"
}

```


[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 list-wallet/messages/sk.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "titles.value.gift.card": "Zostatok na darčekovej karte: ",
  "titles.credit": "Kredity: ",
  "titles.redemption": "Vygenerovať odkúpenie:",
  "input.value.label": "Zadajte sumu",
  "input.value.button": "UPLATNIŤ",
  "input.tooltip": "Kód na uplatnenie darčekovej karty. Tento kód je jedinečný. Používajte ho pri všetkých nákupoch v obchode.",
  "input.value.tooltip": "Preveďte svoje kredity na zostatok na darčekovej karte.",
  "input.code.label": "Kód darčekovej karty",
  "input.code.placeholder": "Kód",
  "input.code.button": "KOPÍROVAŤ KÓD",
  "input.code.loading": "Načítava sa...",
  "history.open.button": "Výpis",
  "history.empty.title": "Žiadna aktivita",
  "history.empty.message": "Vo vašej peňaženke nedošlo k žiadnym zmenám zostatku.",
  "history.credit.description": "Prijaté kredity",
  "history.debit.description": "Kredity prevedené na darčekovú kartu",
  "history.credit.status": "V kredite",
  "history.debit.status": "V debete",
  "history.date.title": "Dátum",
  "history.description.title": "Popis",
  "history.value.title": "Suma",
  "history.status.title": "Stav",
  "history.pagination.of": "od",
  "history.filter.clear": "Vymazať filtre",
  "history.filter.all": "Všetko",
  "history.filter.is": "je",
  "history.filter.between": "Medzi",
  "history.filter.and": "a",
  "history.filter.date": "Dátum",
  "history.filter.status": "Stav",
  "history.filter.status.credit": "Kredity",
  "history.filter.status.debit": "Debety",
  "collapsible.title": "Moja peňaženka",
  "provider.without.code": "Žiadny kód",
  "provider.missing.value": "Zadajte sumu, ktorú chcete uplatniť",
  "provider.value.negative": "Zadajte sumu vyššiu ako 0",
  "provider.value.bigger.than.could.be": "Zadajte sumu menšiu alebo rovnú ",
  "toast.rescue.value": "Celková hodnota ",
  "toast.rescue.sucess": "Uplatnenie prebehlo úspešne!",
  "toast.rescue.error": "Vyskytla sa chyba pri pridávaní sumy na darčekovú kartu",
  "toast.code": "Kód ",
  "toast.copy": "Úspešne skopírované",
  "toast.copy.error": "Vyskytla sa chyba pri kopírovaní textu",
  "toast.without.code": "Žiadny kód"
}

```


[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 list-wallet/messages/pt.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "titles.value.gift.card": "Saldo do vale-presente: ",
  "titles.credit": "Crédito: ",
  "titles.redemption": "Gerar resgate:",
  "input.value.label": "Digite o valor",
  "input.value.button": "RESGATAR",
  "input.tooltip": "Código para resgatar o vale-presente. Este código é individual. Utilize-o em todas as suas compras na loja",
  "input.value.tooltip": "Converta seus créditos em saldo de vale-presente.",
  "input.code.label": "Código do vale-presente",
  "input.code.placeholder": "Código",
  "input.code.button": "COPIAR CÓDIGO",
  "input.code.loading": "Carregando...",
  "history.open.button": "Extrato",
  "history.empty.title": "Nenhuma movimentação",
  "history.empty.message": "Sua carteira ainda não teve movimentações de valores.",
  "history.credit.description": "Crédito recebido",
  "history.debit.description": "Crédito convertido em vale-presente",
  "history.credit.status": "Entrada",
  "history.debit.status": "Saída",
  "history.date.title": "Data",
  "history.description.title": "Descrição",
  "history.value.title": "Valor",
  "history.status.title": "Status",
  "history.pagination.of": "de",
  "history.filter.clear": "Limpar filtros",
  "history.filter.all": "Tudo",
  "history.filter.is": "é",
  "history.filter.between": "entre",
  "history.filter.and": "e",
  "history.filter.date": "Data",
  "history.filter.status": "Status",
  "history.filter.status.credit": "Entradas",
  "history.filter.status.debit": "Saídas",
  "collapsible.title": "Minha carteira",
  "provider.without.code": "Código inexistente",
  "provider.missing.value": "Insira um valor para resgatar",
  "provider.value.negative": "Adicione um valor maior que 0",
  "provider.value.bigger.than.could.be": "Insira um valor menor ou igual a ",
  "toast.rescue.value": "Valor de ",
  "toast.rescue.sucess": "Resgatado com sucesso!",
  "toast.rescue.error": "Erro ao adicionar valor ao vale-presente",
  "toast.code": "Código ",
  "toast.copy": "Copiado com sucesso",
  "toast.copy.error": "Erro ao copiar código",
  "toast.without.code": "Código inexistente"
}

```


[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 list-wallet/messages/en.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "titles.value.gift.card": "Gift card balance: ",
  "titles.credit": "Credit: ",
  "titles.redemption": "Generate redemption:",
  "input.value.label": "Enter the amount",
  "input.value.button": "REDEEM",
  "input.tooltip": "Code to redeem gift card. This code is unique. Use it for all your purchases in the store.",
  "input.value.tooltip": "Convert your credits into gift card balance.",
  "input.code.label": "Gift card code",
  "input.code.placeholder": "Code",
  "input.code.button": "COPY CODE",
  "input.code.loading": "Loading...",
  "history.open.button": "Statement",
  "history.empty.title": "No activity",
  "history.empty.message": "Your wallet hasn't had any balance changes.",
  "history.credit.description": "Credit received",
  "history.debit.description": "Credit converted to gift card",
  "history.credit.status": "Credit",
  "history.debit.status": "Debit",
  "history.date.title": "Date",
  "history.description.title": "Description",
  "history.value.title": "Amount",
  "history.status.title": "Status",
  "history.pagination.of": "from",
  "history.filter.clear": "Clear Filters",
  "history.filter.all": "All",
  "history.filter.is": "is",
  "history.filter.between": "Between",
  "history.filter.and": "and",
  "history.filter.date": "Date",
  "history.filter.status": "Status",
  "history.filter.status.credit": "Credits",
  "history.filter.status.debit": "Debits",
  "collapsible.title": "My Wallet",
  "provider.without.code": "No code",
  "provider.missing.value": "Enter a redemption amount",
  "provider.value.negative": "Add an amount greater than 0",
  "provider.value.bigger.than.could.be": "Enter an amount less than or equal to ",
  "toast.rescue.value": "Amount of ",
  "toast.rescue.sucess": "Redeemed successfully!",
  "toast.rescue.error": "Error adding amount to gift card",
  "toast.code": "Code ",
  "toast.copy": "Copied successfully",
  "toast.copy.error": "Error copying code",
  "toast.without.code": "No code"
}

```


[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 list-wallet/messages/it.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "titles.value.gift.card": "Saldo del buono regalo: ",
  "titles.credit": "Credito: ",
  "titles.redemption": "Genera riscatto:",
  "input.value.label": "Inserisci l'importo",
  "input.value.button": "RISCATTA",
  "input.tooltip": "Codice per riscattare il buono regalo. Questo codice è univoco. Utilizzalo per tutti i tuoi acquisti nel negozio.",
  "input.value.tooltip": "Trasforma i tuoi crediti in saldo per il buono regalo.",
  "input.code.label": "Codice del buono regalo",
  "input.code.placeholder": "Codice",
  "input.code.button": "COPIA CODICE",
  "input.code.loading": "Caricamento in corso...",
  "history.open.button": "Estratto",
  "history.empty.title": "Nessun movimento",
  "history.empty.message": "Il tuo portafoglio non ha ancora registrato movimenti.",
  "history.credit.description": "Credito ricevuto",
  "history.debit.description": "Credito convertito in buono regalo",
  "history.credit.status": "Entrata",
  "history.debit.status": "Uscita",
  "history.date.title": "Data",
  "history.description.title": "Descrizione",
  "history.value.title": "Importo",
  "history.status.title": "Stato",
  "history.pagination.of": "da",
  "history.filter.clear": "Rimuovi filtri",
  "history.filter.all": "Tutto",
  "history.filter.is": "è",
  "history.filter.between": "compreso tra",
  "history.filter.and": "e",
  "history.filter.date": "Data",
  "history.filter.status": "Stato",
  "history.filter.status.credit": "Entrate",
  "history.filter.status.debit": "Uscite",
  "collapsible.title": "Il mio portafoglio",
  "provider.without.code": "Codice inesistente",
  "provider.missing.value": "Inserisci un importo da riscattare",
  "provider.value.negative": "Aggiungi un importo superiore a 0",
  "provider.value.bigger.than.could.be": "Inserisci un importo inferiore o uguale a ",
  "toast.rescue.value": "Importo di ",
  "toast.rescue.sucess": "Riscattato correttamente!",
  "toast.rescue.error": "Errore nell'aggiungere l'importo al buono regalo",
  "toast.code": "Codice ",
  "toast.copy": "Copiato correttamente",
  "toast.copy.error": "Errore durante il tentativo di copiare il codice",
  "toast.without.code": "Nessun codice"
}

```


[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 list-wallet/messages/fr.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "titles.value.gift.card": "Solde de la carte-cadeau : ",
  "titles.credit": "Crédit : ",
  "titles.redemption": "Générer l'échange :",
  "input.value.label": "Entrer le montant",
  "input.value.button": "REMBOURSER",
  "input.tooltip": "Code pour échanger votre carte cadeau. Ce code est unique. Utilisez-le pour tous vos achats en magasin.",
  "input.value.tooltip": "Convertissez vos crédits en solde de carte-cadeau.",
  "input.code.label": "Code carte cadeau",
  "input.code.placeholder": "Code",
  "input.code.button": "CODE DE COPIE",
  "input.code.loading": "Chargement...",
  "history.open.button": "Relevé",
  "history.empty.title": "Aucune activité",
  "history.empty.message": "Votre portefeuille n'a pas subi de modifications de solde.",
  "history.credit.description": "Crédits reçus",
  "history.debit.description": "Crédit converti en carte-cadeau",
  "history.credit.status": "Crédit",
  "history.debit.status": "Débit",
  "history.date.title": "Date",
  "history.description.title": "Description",
  "history.value.title": "Montant",
  "history.status.title": "Statut",
  "history.pagination.of": "à partir de",
  "history.filter.clear": "Supprimer les filtres",
  "history.filter.all": "Tout",
  "history.filter.is": "est",
  "history.filter.between": "Entre",
  "history.filter.and": "et",
  "history.filter.date": "Date",
  "history.filter.status": "Statut",
  "history.filter.status.credit": "Crédits",
  "history.filter.status.debit": "Débits",
  "collapsible.title": "Mon Portefeuille",
  "provider.without.code": "Aucun code",
  "provider.missing.value": "Entrez un montant de rachat",
  "provider.value.negative": "Ajoutez un montant supérieur à 0",
  "provider.value.bigger.than.could.be": "Entrez un montant inférieur ou égal à ",
  "toast.rescue.value": "Montant de ",
  "toast.rescue.sucess": "Échangé avec succès !",
  "toast.rescue.error": "Erreur lors de l'ajout du montant de la carte cadeau",
  "toast.code": "Code ",
  "toast.copy": "Copié avec succès",
  "toast.copy.error": "Erreur lors de la copie du code",
  "toast.without.code": "Aucun code"
}

```


[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 list-wallet/messages/el.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "titles.value.gift.card": "Υπόλοιπο δωροεπιταγής: ",
  "titles.credit": "Πίστωση: ",
  "titles.redemption": "Γενική εξαργύρωση:",
  "input.value.label": "Εισαγωγή ποσού",
  "input.value.button": "ΕΞΑΡΓΥΡΩΣΗ",
  "input.tooltip": "Κωδικός για την εξαργύρωση της δωροκάρτας. Αυτός ο κωδικός είναι μοναδικός. Χρησιμοποιήστε τον για όλες τις αγορές σας στο κατάστημα.",
  "input.value.tooltip": "Μετατροπή των πιστώσεών σας σε υπόλοιπο δωροκάρτας.",
  "input.code.label": "Κωδικός κάρτας δώρου",
  "input.code.placeholder": "Κωδικός",
  "input.code.button": "ΚΩΔΙΚΟΣ ΑΝΤΙΓΡΑΦΗΣ",
  "input.code.loading": "Φορτώνει...",
  "history.open.button": "Δήλωση",
  "history.empty.title": "Καμία δραστηριότητα",
  "history.empty.message": "Το πορτοφόλι σας δεν είχε καμία αλλαγή υπολοίπου.",
  "history.credit.description": "Ελήφθη πίστωση",
  "history.debit.description": "Η πίστωση μετατράπηκε σε δωροκάρτα",
  "history.credit.status": "Πίστωση",
  "history.debit.status": "Χρέωση",
  "history.date.title": "Ημερομηνία",
  "history.description.title": "Περιγραφή",
  "history.value.title": "Ποσό",
  "history.status.title": "Κατάσταση",
  "history.pagination.of": "από",
  "history.filter.clear": "Καθαρισμός φίλτρων",
  "history.filter.all": "Όλα",
  "history.filter.is": "είναι",
  "history.filter.between": "Μεταξύ",
  "history.filter.and": "και",
  "history.filter.date": "Ημερομηνία",
  "history.filter.status": "Κατάσταση",
  "history.filter.status.credit": "Πιστώσεις",
  "history.filter.status.debit": "Χρεώσεις",
  "collapsible.title": "Το πορτοφόλι μου",
  "provider.without.code": "Δεν υπάρχει κωδικός",
  "provider.missing.value": "Εισαγωγή ποσού εξαργύρωσης",
  "provider.value.negative": "Προσθήκη ποσού μεγαλύτερου από 0",
  "provider.value.bigger.than.could.be": "Εισαγωγή ποσού μικρότερου ή ίσου με ",
  "toast.rescue.value": "Ποσό του ",
  "toast.rescue.sucess": "Εξαργυρώθηκε με επιτυχία!",
  "toast.rescue.error": "Σφάλμα στην προσθήκη ποσού στη δωροκάρτα",
  "toast.code": "Κωδικός ",
  "toast.copy": "Επιτυχής αντιγραφή",
  "toast.copy.error": "Σφάλμα στην αντιγραφή κωδικού",
  "toast.without.code": "Δεν υπάρχει κωδικός"
}

```


[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 list-wallet/messages/ro.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "titles.value.gift.card": "Sold card cadou: ",
  "titles.credit": "Credit: ",
  "titles.redemption": "Generează răscumpărare:",
  "input.value.label": "Introdu suma",
  "input.value.button": "RĂSCUMPĂRĂ",
  "input.tooltip": "Cod pentru răscumpărarea cardului cadou. Acest cod este unic. Folosește-l pentru toate achizițiile tale din magazin.",
  "input.value.tooltip": "Convertește-ți creditele în sold pe cardul cadou.",
  "input.code.label": "Cod card cadou",
  "input.code.placeholder": "Cod",
  "input.code.button": "COPIAZĂ CODUL",
  "input.code.loading": "Se încarcă...",
  "history.open.button": "Extras",
  "history.empty.title": "Nicio activitate",
  "history.empty.message": "Portofelul tău nu a înregistrat modificări ale soldului.",
  "history.credit.description": "Creditul a fost primit",
  "history.debit.description": "Creditul a fost convertit în card cadou",
  "history.credit.status": "Credit",
  "history.debit.status": "Debit",
  "history.date.title": "Data",
  "history.description.title": "Descriere",
  "history.value.title": "Sumă",
  "history.status.title": "Stare",
  "history.pagination.of": "de la",
  "history.filter.clear": "Elimină filtrele",
  "history.filter.all": "Toate",
  "history.filter.is": "sunt",
  "history.filter.between": "Între",
  "history.filter.and": "și",
  "history.filter.date": "Data",
  "history.filter.status": "Stare",
  "history.filter.status.credit": "Creditări",
  "history.filter.status.debit": "Debitări",
  "collapsible.title": "Portofelul meu",
  "provider.without.code": "Fără cod",
  "provider.missing.value": "Introdu o sumă de răscumpărat",
  "provider.value.negative": "Adaugă o sumă mai mare decât 0",
  "provider.value.bigger.than.could.be": "Introdu o sumă mai mică sau egală cu ",
  "toast.rescue.value": "Suma de ",
  "toast.rescue.sucess": "Răscumpărare realizată cu succes!",
  "toast.rescue.error": "Eroare la adăugarea sumei pe cardul cadou",
  "toast.code": "Cod ",
  "toast.copy": "Copiere efectuată cu succes",
  "toast.copy.error": "Eroare la copierea codului",
  "toast.without.code": "Fără cod"
}

```


[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 list-wallet/messages/ca.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "titles.value.gift.card": "Saldo de la targeta de regal: ",
  "titles.credit": "Crèdit: ",
  "titles.redemption": "Genereu el bescanvi:",
  "input.value.label": "Introduïu l'import",
  "input.value.button": "BESCANVIA",
  "input.tooltip": "Codi per bescanviar la targeta de regal. Aquest codi és únic. Utilitzeu-lo per a totes les compres que feu a la botiga.",
  "input.value.tooltip": "Convertiu els crèdits en saldo de la targeta de regal.",
  "input.code.label": "Codi de la targeta de regal",
  "input.code.placeholder": "Codi",
  "input.code.button": "COPIA EL CODI",
  "input.code.loading": "S'està carregant...",
  "history.open.button": "Extracte",
  "history.empty.title": "Sense activitat",
  "history.empty.message": "El saldo del moneder no ha canviat.",
  "history.credit.description": "S'ha rebut el crèdit",
  "history.debit.description": "El crèdit s'ha convertit a la targeta de regal",
  "history.credit.status": "Crèdit",
  "history.debit.status": "Dèbit",
  "history.date.title": "Data",
  "history.description.title": "Descripció",
  "history.value.title": "Import",
  "history.status.title": "Estat",
  "history.pagination.of": "des del",
  "history.filter.clear": "Esborra els filtres",
  "history.filter.all": "Tot",
  "history.filter.is": "és",
  "history.filter.between": "Entre",
  "history.filter.and": "i",
  "history.filter.date": "Data",
  "history.filter.status": "Estat",
  "history.filter.status.credit": "Crèdits",
  "history.filter.status.debit": "Dèbits",
  "collapsible.title": "El meu moneder",
  "provider.without.code": "Sense codi",
  "provider.missing.value": "Introduïu un import de bescanvi",
  "provider.value.negative": "Afegiu un import superior a 0",
  "provider.value.bigger.than.could.be": "Introduïu un import inferior o igual a ",
  "toast.rescue.value": "Import de ",
  "toast.rescue.sucess": "S'ha realitzat correctament el bescanvi!",
  "toast.rescue.error": "S'ha produït un error en afegir l'import a la targeta de regal",
  "toast.code": "Codi ",
  "toast.copy": "S'ha copiat correctament",
  "toast.copy.error": "S'ha produït un error en copiar el codi",
  "toast.without.code": "Sense codi"
}

```


[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 list-wallet/messages/ko.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "titles.value.gift.card": "기프트 카드 잔액: ",
  "titles.credit": "크레딧: ",
  "titles.redemption": "상환 생성:",
  "input.value.label": "금액 입력",
  "input.value.button": "사용",
  "input.tooltip": "기프트 카드를 사용하는 코드입니다. 이 코드는 고유합니다. 스토어에서 모든 구매에 사용하세요.",
  "input.value.tooltip": "크레딧을 기프트 카드 잔액으로 전환하세요.",
  "input.code.label": "기프트 카드 코드",
  "input.code.placeholder": "코드",
  "input.code.button": "코드 복사",
  "input.code.loading": "로딩 중입니다.",
  "history.open.button": "내역서",
  "history.empty.title": "활동 없음",
  "history.empty.message": "귀하의 지갑에는 잔액이 변경되지 않았습니다.",
  "history.credit.description": "받은 크레딧",
  "history.debit.description": "크레딧이 기프트 카드로 전환됨",
  "history.credit.status": "크레딧",
  "history.debit.status": "직불",
  "history.date.title": "일",
  "history.description.title": "설명",
  "history.value.title": "금액",
  "history.status.title": "상태",
  "history.pagination.of": "에서",
  "history.filter.clear": "필터 지우기",
  "history.filter.all": "모두",
  "history.filter.is": "은/는",
  "history.filter.between": "사이",
  "history.filter.and": "및",
  "history.filter.date": "일",
  "history.filter.status": "상태",
  "history.filter.status.credit": "크레딧",
  "history.filter.status.debit": "직불",
  "collapsible.title": "내 지갑",
  "provider.without.code": "코드 없음",
  "provider.missing.value": "상환 금액 입력",
  "provider.value.negative": "0보다 큰 금액 추가",
  "provider.value.bigger.than.could.be": "다음 이하의 금액을 입력하세요 ",
  "toast.rescue.value": "금액 ",
  "toast.rescue.sucess": "성공적으로 사용되었습니다!",
  "toast.rescue.error": "기프트 카드에 금액을 추가하는 중 오류 발생",
  "toast.code": "코드 ",
  "toast.copy": "복사 성공",
  "toast.copy.error": "코드 복사 오류",
  "toast.without.code": "코드 없음"
}

```


[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 list-wallet/messages/cs.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "titles.value.gift.card": "Zůstatek na dárkové kartě: ",
  "titles.credit": "Kredit: ",
  "titles.redemption": "Kód pro uplatnění:",
  "input.value.label": "Zadejte částku",
  "input.value.button": "UPLATNIT",
  "input.tooltip": "Kód pro uplatnění dárkové karty. Tento kód je jedinečný. Můžete ho použít při všech svých nákupech v obchodě.",
  "input.value.tooltip": "Převeďte své kredity na dárkovou kartu.",
  "input.code.label": "Kód dárkové karty",
  "input.code.placeholder": "Kód",
  "input.code.button": "KOPÍROVACÍ KÓD",
  "input.code.loading": "Načítání...",
  "history.open.button": "Výpis",
  "history.empty.title": "Žádná aktivita",
  "history.empty.message": "Ve vaší peněžence nedošlo k žádným změnám zůstatku.",
  "history.credit.description": "Obdržený kredit",
  "history.debit.description": "Kredit převedený na dárkovou kartu",
  "history.credit.status": "Kredit",
  "history.debit.status": "Dluh",
  "history.date.title": "Datum",
  "history.description.title": "Popis",
  "history.value.title": "Částka",
  "history.status.title": "Stav",
  "history.pagination.of": "z",
  "history.filter.clear": "Vymazat filtry",
  "history.filter.all": "Vše",
  "history.filter.is": "je",
  "history.filter.between": "Mezi",
  "history.filter.and": "a",
  "history.filter.date": "Datum",
  "history.filter.status": "Stav",
  "history.filter.status.credit": "Kredity",
  "history.filter.status.debit": "Dluhy",
  "collapsible.title": "Moje peněženka",
  "provider.without.code": "Žádný kód",
  "provider.missing.value": "Zadejte uplatňovanou částku",
  "provider.value.negative": "Přidejte částku vyšší než 0",
  "provider.value.bigger.than.could.be": "Zadejte částku menší nebo rovnou ",
  "toast.rescue.value": "Množství ",
  "toast.rescue.sucess": "Úspěšně uplatněno!",
  "toast.rescue.error": "Chyba při přidávání částky na dárkovou kartu",
  "toast.code": "Kód ",
  "toast.copy": "Úspěšně zkopírováno",
  "toast.copy.error": "Chybný kód pro kopírování",
  "toast.without.code": "Žádný kód"
}

```


[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 list-wallet/messages/no.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "titles.value.gift.card": "Gavekortsaldo: ",
  "titles.credit": "Kreditt: ",
  "titles.redemption": "Generer innløsning:",
  "input.value.label": "Skriv inn beløpet",
  "input.value.button": "INNLØS",
  "input.tooltip": "Kode for å løse inn gavekortet. Denne koden er unik. Bruk den for alle kjøpene dine i butikken.",
  "input.value.tooltip": "Konverter kredittene dine til gavekortsaldo.",
  "input.code.label": "Gavekortkode",
  "input.code.placeholder": "Kode",
  "input.code.button": "KOPIER KODE",
  "input.code.loading": "Laster inn...",
  "history.open.button": "Uttalelse",
  "history.empty.title": "Ingen aktivitet",
  "history.empty.message": "Lommeboken har ikke hatt noen balanseendringer.",
  "history.credit.description": "Kreditt mottatt",
  "history.debit.description": "Kreditt konvertert til gavekort",
  "history.credit.status": "Kreditt",
  "history.debit.status": "Debet",
  "history.date.title": "Dato",
  "history.description.title": "Beskrivelse",
  "history.value.title": "Beløp",
  "history.status.title": "Status",
  "history.pagination.of": "fra",
  "history.filter.clear": "Tilbakestill filtre",
  "history.filter.all": "Alle",
  "history.filter.is": "er",
  "history.filter.between": "Mellom",
  "history.filter.and": "og",
  "history.filter.date": "Dato",
  "history.filter.status": "Status",
  "history.filter.status.credit": "Kredittenheter",
  "history.filter.status.debit": "Debetenheter",
  "collapsible.title": "Min lommebok",
  "provider.without.code": "Ingen kode",
  "provider.missing.value": "Skriv inn et innløsningsbeløp",
  "provider.value.negative": "Legg til et beløp større enn 0",
  "provider.value.bigger.than.could.be": "Angi et beløp mindre enn eller lik ",
  "toast.rescue.value": "Antall av ",
  "toast.rescue.sucess": "Innløst!",
  "toast.rescue.error": "Feil ved tillegging av beløp til gavekort",
  "toast.code": "Kode ",
  "toast.copy": "Kopiert",
  "toast.copy.error": "Feil ved kopiering av kode",
  "toast.without.code": "Ingen kode"
}

```


[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 list-wallet/messages/da.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "titles.value.gift.card": "Gavekort saldo: ",
  "titles.credit": "Kredit: ",
  "titles.redemption": "Generer indløsning:",
  "input.value.label": "Indtast beløbet",
  "input.value.button": "INDLØS",
  "input.tooltip": "Kode til at indløse gavekort. Denne kode er unik. Brug den til alle dine køb i butikken.",
  "input.value.tooltip": "Konverter dine kreditter til gavekort saldo.",
  "input.code.label": "Gavekort kode",
  "input.code.placeholder": "Kode",
  "input.code.button": "KOPIÉR KODE",
  "input.code.loading": "Indlæser...",
  "history.open.button": "Opgørelse",
  "history.empty.title": "Ingen aktivitet",
  "history.empty.message": "Din tegnebog har ikke haft nogle saldoændringer.",
  "history.credit.description": "Kredit modtaget",
  "history.debit.description": "Kredit konverteret til gavekort",
  "history.credit.status": "Kredit",
  "history.debit.status": "Debet",
  "history.date.title": "Dato",
  "history.description.title": "Beskrivelse",
  "history.value.title": "Beløb",
  "history.status.title": "Status",
  "history.pagination.of": "fra",
  "history.filter.clear": "Ryd filtre",
  "history.filter.all": "Alle",
  "history.filter.is": "er",
  "history.filter.between": "Mellem",
  "history.filter.and": "og",
  "history.filter.date": "Dato",
  "history.filter.status": "Status",
  "history.filter.status.credit": "Kreditter",
  "history.filter.status.debit": "Debiteringer",
  "collapsible.title": "Min tegnebog",
  "provider.without.code": "Ingen kode",
  "provider.missing.value": "Angiv et indløsningsbeløb",
  "provider.value.negative": "Tilføj et beløb større end 0",
  "provider.value.bigger.than.could.be": "Indtast et beløb mindre end eller lig med ",
  "toast.rescue.value": "Mængde af ",
  "toast.rescue.sucess": "Indløst med succes!",
  "toast.rescue.error": "Fejl ved tilføjelse af beløb til gavekort",
  "toast.code": "Kode ",
  "toast.copy": "Kopieret med succes",
  "toast.copy.error": "Fejl under kopiering af kode",
  "toast.without.code": "Ingen kode"
}

```


[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 list-wallet/messages/th.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "titles.value.gift.card": "ยอดคงเหลือในบัตรกำนัล: ",
  "titles.credit": "เครดิต: ",
  "titles.redemption": "สร้างการเติมเงิน:",
  "input.value.label": "กรอกจำนวนเงิน",
  "input.value.button": "เติมเงิน",
  "input.tooltip": "โค้ดเพื่อเติมเงินในบัตรกำนัล เป็นรหัสที่เป็นเอกลักษณ์ ใช้กับการซื้อทั้งหมดของคุณในร้านค้า",
  "input.value.tooltip": "แปลงเครดิตของคุณลงในยอดเงินบัตรกำนัล",
  "input.code.label": "โค้ดบัตรกำนัล:",
  "input.code.placeholder": "โค้ด",
  "input.code.button": "คัดลอกโค้ด",
  "input.code.loading": "กำลังโหลด...",
  "history.open.button": "สเตทเมนต์",
  "history.empty.title": "ไม่มีกิจกรรม",
  "history.empty.message": "กระเป๋าเงินของคุณไม่มีการเปลี่ยนแปลงยอดเงินใด ๆ",
  "history.credit.description": "รับเครดิตแล้ว",
  "history.debit.description": "แปลงเครดิตไปที่บัตรกำนัล",
  "history.credit.status": "เครดิต",
  "history.debit.status": "เดบิต",
  "history.date.title": "วันที่",
  "history.description.title": "คำอธิบาย",
  "history.value.title": "จำนวน",
  "history.status.title": "สถานะ",
  "history.pagination.of": "ตั้งแต่",
  "history.filter.clear": "ล้างตัวกรอง",
  "history.filter.all": "ทั้งหมด",
  "history.filter.is": "เป็น",
  "history.filter.between": "ระหว่าง",
  "history.filter.and": "และ",
  "history.filter.date": "วันที่",
  "history.filter.status": "สถานะ",
  "history.filter.status.credit": "เครดิต",
  "history.filter.status.debit": "เดบิต",
  "collapsible.title": "กระเป๋าเงินของฉัน",
  "provider.without.code": "ไม่มีโค้ด",
  "provider.missing.value": "กรอกจำนวนเงินเติม",
  "provider.value.negative": "เพิ่มด้วยจำนวนที่มากกว่า 0",
  "provider.value.bigger.than.could.be": "กรอกจำนวนที่น้อยกว่าหรือเท่ากับ ",
  "toast.rescue.value": "จำนวน ",
  "toast.rescue.sucess": "เติมเงินเรียบร้อยแล้ว!",
  "toast.rescue.error": "มีข้อผิดพลาดขณะเพิ่มจำนวนเงินในบัตรกำนัล",
  "toast.code": "โค้ด ",
  "toast.copy": "คัดลอกเรียบร้อยแล้ว",
  "toast.copy.error": "มีข้อผิดพลาดการคัดลอกโค้ด",
  "toast.without.code": "ไม่มีโค้ด"
}

```


[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 list-wallet/messages/sv.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "titles.value.gift.card": "Presentkort saldo: ",
  "titles.credit": "Kredit: ",
  "titles.redemption": "Generera inlösning:",
  "input.value.label": "Ange beloppet",
  "input.value.button": "INLÖSA",
  "input.tooltip": "Kod för att lösa in presentkort. Denna kod är unik. Använd den för alla dina inköp i butiken.",
  "input.value.tooltip": "Omvandla dina krediter till presentkort saldo.",
  "input.code.label": "Presentkorts kod",
  "input.code.placeholder": "Kod",
  "input.code.button": "KOPIERA KOD",
  "input.code.loading": "Laddar...",
  "history.open.button": "Uttalande",
  "history.empty.title": "Ingen aktivitet",
  "history.empty.message": "Din plånbok har inte haft några saldoändringar.",
  "history.credit.description": "Kredit mottagen",
  "history.debit.description": "Kredit omvandlad till presentkort",
  "history.credit.status": "Kredit",
  "history.debit.status": "Debet",
  "history.date.title": "Datum",
  "history.description.title": "Beskrivning",
  "history.value.title": "Belopp",
  "history.status.title": "Status",
  "history.pagination.of": "från",
  "history.filter.clear": "Rensa filter",
  "history.filter.all": "Alla",
  "history.filter.is": "är",
  "history.filter.between": "Mellan",
  "history.filter.and": "och",
  "history.filter.date": "Datum",
  "history.filter.status": "Status",
  "history.filter.status.credit": "Krediter",
  "history.filter.status.debit": "Debet",
  "collapsible.title": "Min plånbok",
  "provider.without.code": "Ingen kod",
  "provider.missing.value": "Ange ett inlösenbelopp",
  "provider.value.negative": "Lägg till ett belopp större än 0",
  "provider.value.bigger.than.could.be": "Ange ett belopp mindre än eller lika med ",
  "toast.rescue.value": "Ett belopp på ",
  "toast.rescue.sucess": "Framgångsrikt inlöst!",
  "toast.rescue.error": "Kunde inte lägga till beloppet till presentkorten",
  "toast.code": "Kod ",
  "toast.copy": "Kopierad",
  "toast.copy.error": "Fel vid kopiering av kod",
  "toast.without.code": "Ingen kod"
}

```


[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 list-wallet/messages/es.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "titles.value.gift.card": "Saldo de la tarjeta de regalo: ",
  "titles.credit": "Crédito: ",
  "titles.redemption": "Canjear:",
  "input.value.label": "Ingresa el valor",
  "input.value.button": "CANJEAR",
  "input.tooltip": "Código para canjear la tarjeta de regalo. Este código es único. Utilízalo en todas tus compras en la tienda.",
  "input.value.tooltip": "Convierte tus créditos en saldo para la tarjeta de regalo.",
  "input.code.label": "Código de la tarjeta de regalo",
  "input.code.placeholder": "Código",
  "input.code.button": "COPIAR CÓDIGO",
  "input.code.loading": "Cargando...",
  "history.open.button": "Estado de cuenta",
  "history.empty.title": "Ningún movimiento",
  "history.empty.message": "Tu cartera aún no ha tenido ningún cambio de valores.",
  "history.credit.description": "Crédito recibido",
  "history.debit.description": "Crédito convertido en tarjeta de regalo",
  "history.credit.status": "Entrada",
  "history.debit.status": "Salida",
  "history.date.title": "Fecha",
  "history.description.title": "Descripción",
  "history.value.title": "Valor",
  "history.status.title": "Status",
  "history.pagination.of": "de",
  "history.filter.clear": "Limpiar filtros",
  "history.filter.all": "Todo",
  "history.filter.is": "es",
  "history.filter.between": "entre",
  "history.filter.and": "y",
  "history.filter.date": "Fecha",
  "history.filter.status": "Status",
  "history.filter.status.credit": "Entradas",
  "history.filter.status.debit": "Salidas",
  "collapsible.title": "Mi cartera",
  "provider.without.code": "Ningún código",
  "provider.missing.value": "Insira um valor para resgatar",
  "provider.value.negative": "Introduce un valor mayor que 0",
  "provider.value.bigger.than.could.be": "Introduce un valor menor o igual a ",
  "toast.rescue.value": "Valor de ",
  "toast.rescue.sucess": "¡Canjeado con éxito!",
  "toast.rescue.error": "Error al agregar valor a la tarjeta de regalo",
  "toast.code": "Código ",
  "toast.copy": "Copiado con éxito",
  "toast.copy.error": "Error al copiar el código",
  "toast.without.code": "Ningún código"
}

```


[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 list-wallet/messages/ar.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "titles.value.gift.card": "رصيد بطاقة الهدايا: ",
  "titles.credit": "الرصيد: ",
  "titles.redemption": "توليد الاستخلاص:",
  "input.value.label": "أدخل المبلغ",
  "input.value.button": "إسترداد",
  "input.tooltip": "رمز لاسترداد بطاقة الهدايا. هذا الرمز فريد من نوعه. استخدمه لجميع مشترياتك في المتجر.",
  "input.value.tooltip": "تحويل رصيدك إلى رصيد بطاقة الهدايا.",
  "input.code.label": "رمز بطاقة الهدايا",
  "input.code.placeholder": "الرمز",
  "input.code.button": "نسخ الرمز",
  "input.code.loading": "جاري التحميل...",
  "history.open.button": "البيان",
  "history.empty.title": "لا يوجد نشاط",
  "history.empty.message": "لم تسجل محفظتك أي تغييرات في الرصيد.",
  "history.credit.description": "الرصيد المستلم",
  "history.debit.description": "الرصيد المحوّل إلى بطاقة هدايا",
  "history.credit.status": "الائتمان",
  "history.debit.status": "الخصم",
  "history.date.title": "التاريخ",
  "history.description.title": "الوصف",
  "history.value.title": "المبلغ",
  "history.status.title": "الحالة",
  "history.pagination.of": "من",
  "history.filter.clear": "مسح الفلاتر",
  "history.filter.all": "الكل",
  "history.filter.is": "هو",
  "history.filter.between": "بين",
  "history.filter.and": "و",
  "history.filter.date": "التاريخ",
  "history.filter.status": "الحالة",
  "history.filter.status.credit": "الائتمانات",
  "history.filter.status.debit": "الخصومات",
  "collapsible.title": "محفظتى",
  "provider.without.code": "بدون رمز",
  "provider.missing.value": "أدخل مبلغ الاسترداد",
  "provider.value.negative": "إضافة مبلغ أكبر من 0",
  "provider.value.bigger.than.could.be": "أدخل مبلغ أقل من أو يساوي ",
  "toast.rescue.value": "مبلغ الـ ",
  "toast.rescue.sucess": "تم الدفع بنجاح!",
  "toast.rescue.error": "خطأ في إضافة مبلغ إلى بطاقة الهدايا",
  "toast.code": "الرمز ",
  "toast.copy": "تم النسخ بنجاح",
  "toast.copy.error": "خطأ في نسخ الرمز",
  "toast.without.code": "بدون رمز"
}

```


[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 list-wallet/docs/README.md from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```markdown
# The Wallet of the Gift List Application

This application is a dependency of the [`vtex.list`](https://github.com/vtex/list) application. This app is a store-front application that allows a list owner to add credits to a gift card that has been previously generated by their gift list.

In the store, the list owner can check the available credit which can be added to the gift card, and the current balance of their gift card. In addition, it will be possible to make redemptions in the "Generate Redemption" field. The gift card code will also be available and can be copied by clicking on the "Copy Code" button. To finish, it's possible to see the
the account statement of gift card.

This app depends on `vtex.gift-card-list` configuration to work properly.

```


[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 list-wallet/react/WalletList.tsx from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'
import { PageHeader } from 'vtex.styleguide'

import './styles.global.css'
import ProviderStore from './provider/providerStore'
import CollapsibleArea from './Components/collapsibleArea'

const WalletList: StorefrontFunctionComponent = () => {
  return (
    <ProviderStore>
      <div className="bg-muted-5">
        <PageHeader
          title={
            <div className="padding-pageheader">
              <div>
                <CollapsibleArea />
              </div>
            </div>
          }
        />
      </div>
    </ProviderStore>
  )
}

export default WalletList

```


[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 list-wallet/react/package.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "name": "CHANGE_ME",
  "version": "1.8.1",
  "scripts": {
    "test": "vtex-test-tools test"
  },
  "dependencies": {
    "@types/big.js": "^6.1.3",
    "@vtex/styleguide": "^9.145.2",
    "apollo-client": "^2.6.8",
    "big.js": "6.1.1",
    "react": "^16.12.0",
    "react-apollo": "^3.1.3",
    "react-dom": "^16.12.0",
    "react-intl": "^3.12.0"
  },
  "devDependencies": {
    "@apollo/react-testing": "^3.1.3",
    "@types/jest": "^25.1.4",
    "@types/node": "^13.9.8",
    "@types/react": "^16.9.31",
    "@vtex/test-tools": "^3.3.2",
    "@vtex/tsconfig": "^0.4.4",
    "apollo-cache-inmemory": "^1.6.5",
    "graphql": "^14.6.0",
    "react-intl-currency-input": "^0.2.6",
    "typescript": "3.9.7",
    "vtex.gift-card-list": "http://vtex.vtexassets.com/_v/public/typings/v1/vtex.gift-card-list@1.14.0/public/@types/vtex.gift-card-list",
    "vtex.list-wallet": "http://vtex.vtexassets.com/_v/public/typings/v1/vtex.list-wallet@1.0.1/public/@types/vtex.list-wallet",
    "vtex.render-runtime": "http://vtex.vtexassets.com/_v/public/typings/v1/vtex.render-runtime@8.132.4/public/@types/vtex.render-runtime",
    "vtex.styleguide": "http://vtex.vtexassets.com/_v/public/typings/v1/vtex.styleguide@9.146.1/public/@types/vtex.styleguide"
  }
}

```


[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 list-wallet/react/styles.global.css from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```css
p:disabled {
  background: transparent;
}

.border-red {
  border-color: red;
}

input:read-only {
  background-color: transparent;
}

.padding-pageheader {
  text-align: center
}

.rescue {
  text-align: left
}

.display {
  display: inline;
}

.width-input {
  width: 30%;
}

.width-divider {
  width: 30%;
}

.text-align-center {
  text-align: center
}

.inputs {
  margin-left: auto;
  margin-right: auto;
}

.ph6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0em !important;
  padding-bottom: 0em !important;
}

.b--action-primary,
.bg-action-primary,
.bg-action-primary:hover,
.bg-action-primary:active,
.bg-action-primary:focus {
  background-color: #134cd8;
  border-color: #134cd8;
}

.notification-container {
  font-size: 14px;
  box-sizing: border-box;
  position: fixed;
  z-index: 999999
}

.bottom-left {
  bottom: 12px;
  left: 12px;
  transition: transform .6s ease-in;
  animation: toast-in-left .7s;
}

.bg-color-sucess {
  background: #5cb85c;
}

.bg-color-error {
  background: #d9534f;
}

.notification {
  transition: .3s ease;
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 30px;
  margin-bottom: 15px;
  width: 300px;
  max-height: 100px;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 0 10px #999;
  color: #000;
  opacity: .9;
  background-position: 15px;
  background-repeat: no-repeat;
}

.notification-title {
  font-weight: 700;
  font-size: 16px;
  text-align: left;
  margin-top: 0;
  margin-bottom: 6px;
  width: 100%;
  height: 18px;
}

.notification-middle {
  font-weight: 700;
  font-size: 16px;
  text-align: left;
  margin-top: 2%;
  margin-bottom: 0;
  width: 100%;
  height: 18px;
}

.notification-message {
  margin: 0;
  text-align: left;
  height: 18px;
  margin-left: -1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notification-image {
  float: left;
  margin-right: 15px;
}

.notification-image img {
  width: 30px;
  height: 30px;
}

.toast {
  height: 100%;
  width: 130%;
  min-width: 300px;
  color: #fff;
  padding: 20px 15px 20px 10px;
}

.desktop-or-mobile {
  -webkit-box-pack: justify;
  justify-content: space-between;
  display: flex;
}

.vtex-modal__modal,
.vtex-styleguide-9-x-mh100 {
  height: calc(100% / (var(--aspect-ratio)));
  aspect-ratio: 4/3;
}

@keyframes toast-in-left {
  from {
    transform: translateX(-100%);

  }

  to {
    transform: translateX(0);
  }
}

.history {
  position: absolute;
}

@media screen and (max-width: 85em) {
  .width-input {
    width: 50%;
  }

  .width-divider {
    width: 50%;
  }

}

@media screen and (max-width: 40em) {
  .width-input {
    width: 100%;
  }

  .width-divider {
    width: 100%;
  }

  .money {
    display: block;
    margin-top: 4px;
  }

  .history {
    margin-top: 4px;
    position: initial;
    text-align: center;
    display: block;
  }

  .toast {
    height: 100%;
    width: 110%;
    min-width: 300px;
    color: #fff;
    padding: 20px 15px 20px 10px;
  }

  .desktop-or-mobile {
    display: block
  }

  .b--action-primary {
    width: 100%
  }

}

```


[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 list-wallet/store/interfaces.json from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "store-wallet-list": {
    "component": "WalletList"
  }
}

```


[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 list-wallet/react/typings/storefront.d.ts from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```typescript
/* eslint-disable @typescript-eslint/ban-types */
import type { FunctionComponent } from 'react'

declare global {
  interface StorefrontFunctionComponent<P = {}> extends FunctionComponent<P> {
    getSchema?(props: P): object
    schema?: object
  }

  interface StorefrontComponent<P = {}, S = {}> extends Component<P, S> {
    getSchema?(props: P): object
    schema: object
  }
}

```


[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 list-wallet/react/typings/tableHistory.d.ts from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```typescript
interface TableHistory {
  value: string
  description: string
  dateAndTime: string
  status: boolean
}

interface FilterHistory {
  dateAndTime?: DateRange
  status?: boolean
}

interface DateRange {
  startDate: string
  endDate: string
}

```


[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 list-wallet/react/typings/gql.d.ts from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```typescript
declare module '*.gql' {
  import { DocumentNode } from 'graphql'

  const Schema: DocumentNode

  export default Schema
}

declare module '*.graphql' {
  import { DocumentNode } from 'graphql'

  const schema: DocumentNode

  export default Schema
}

```


[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 list-wallet/react/typings/css.d.ts from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```typescript
declare module '*.css' {
  type Styles = {
    [selector: string]: string
  }

  const styles: Styles

  export default styles
}

```


[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 list-wallet/react/queries/getRouteRedemptionCode.gql from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```graphql
query getRouteRedemptionCode {
  getRouteRedemptionCode
}

```


[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 list-wallet/react/queries/getRouteHistory.gql from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```graphql
query getRouteHistory(
    $page: Int
    $pageSize: Int
    $filters: HistoryFiltersInput
    $sorting: HistorySortingInput
  ) {
  getRouteHistory(page: $page, pageSize: $pageSize, filters: $filters, sorting: $sorting) {
    value
    dateAndTime
  }
}
```


[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 list-wallet/react/queries/updateGiftCard.gql from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```graphql
mutation updateGiftCard($value: Float){
  updateGiftCard(value: $value) @context(provider: "vtexbr.gift-card-list@0.x")
}

```


[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 list-wallet/react/queries/getValueAlreadyInGiftCard.gql from the list-wallet VTEX app.

[Assistant]
Here's the implementation:

```graphql
query getValueAlreadyInGiftCard{
  getValueAlreadyInGiftCard
}

```