Criar uma nova aba custom em vtex my account

[vitormetzner-lm]

Ola estou tentando criar uma uma nova ab custom em vtex my account usando o componente Pages com React e estou com dificuldades de entender o comportamento dele

O primeiro ponto onde não estou conseguindo linkar , sendo que ja preenchi o formulario

[vitormetzner-lm]

E o que eu gostaria seria adiconar uma nova aba em baixo de cartões chamada (“Meus Vales”)

[Saito]

Opa, a liberação não é automática. A VTEX te respondeu que foi liberado?

Em relação ao My Account, chegou a ver a página GitHub - vtex-apps/my-account ?

[vitormetzner-lm]

Sim to usando ele porem não estou sabendo tratar os erros do react

[georgebrindeiro]

Pela mensagem de erro, parece que você tá com um problema na declaração do messages builder, que cuida de tradução de strings.

Você poderia compartilhar o conteúdo do manifest.json do grupolamoda-theme?

[vitormetzner-lm]

manifest.json do my-account-lm, baseado no my-account-extension-example:

{

  "name": "my-account-lm",

  "vendor": "grupolamoda",

  "version": "0.0.0",

  "title": "My Account Extension Example",

  "description": "Example on how to extend the MyAccount page.",

  "dependencies": {

    "vtex.my-account-commons": "0.x",

    "vtex.store-graphql": "2.x"

  },

  "builders": {

    "react": "3.x",

    "messages": "1.x",

    "docs": "0.x",

    "store": "0.x",

    "pages": "0.x"

  },

  "scripts": {

    "postreleasy": "vtex publish --verbose"

  },

  "$schema": "https://raw.githubusercontent.com/vtex/node-vtex-api/master/gen/manifest.schema"

}

[vitormetzner-lm]

manifest.json do grupolamoda-theme, baseado no store-theme:

{

  "vendor": "grupolamoda",

  "name": "grupolamoda-theme",

  "version": "0.0.1",

  "builders": {

    "styles": "2.x",

    "store": "0.x",

    "sitemap": "0.x",

    "docs": "0.x",

    "react": "3.x",

    "messages": "1.x"

  },

  "mustUpdateAt": "2018-09-05",

  "scripts": {

    "postreleasy": "vtex publish --verbose"

  },

  "dependencies": {

    "vtex.store": "2.x",

    "vtex.store-header": "2.x",

    "vtex.product-summary": "2.x",

    "vtex.store-footer": "2.x",

    "vtex.store-components": "3.x",

    "vtex.styleguide": "9.x",

    "vtex.slider": "0.x",

    "vtex.carousel": "2.x",

    "vtex.shelf": "1.x",

    "vtex.menu": "2.x",

    "vtex.minicart": "2.x",

    "vtex.product-details": "1.x",

    "vtex.product-kit": "1.x",

    "vtex.search-result": "3.x",

    "vtex.login": "2.x",

    "vtex.my-account": "1.x",

    "vtex.flex-layout": "0.x",

    "vtex.rich-text": "0.x",

    "vtex.store-drawer": "0.x",

    "vtex.locale-switcher": "0.x",

    "vtex.product-quantity": "1.x",

    "vtex.product-identifier": "0.x",

    "vtex.breadcrumb": "1.x",

    "vtex.sticky-layout": "0.x",

    "vtex.product-customizer": "2.x",

    "vtex.stack-layout": "0.x",

    "vtex.product-specification-badges": "0.x",

    "vtex.product-review-interfaces": "1.x",

    "vtex.telemarketing": "2.x",

    "vtex.order-placed": "2.x",

    "vtex.checkout-summary": "0.x",

    "vtex.product-list": "0.x",

    "vtex.add-to-cart-button": "0.x",

    "vtex.product-bookmark-interfaces": "1.x",

    "vtex.responsive-layout": "0.x",

    "vtex.slider-layout": "0.x",

    "vtex.store-image": "0.x",

    "vtex.store-icons": "0.x",

    "vtex.modal-layout": "0.x",

    "vtex.store-link": "0.x",

    "vtex.store-video": "1.x",

    "vtex.product-gifts": "0.x",

    "vtex.product-price": "1.x",

    "vtex.disclosure-layout": "1.x",

    "vtex.store-form": "0.x",

    "vtex.product-highlights": "2.x",

    "vtex.product-specifications": "1.x",

    "vtex.tab-layout": "0.x",

    "vtex.condition-layout": "2.x",

    "vtex.css-handles": "1.x",

    "vtex.my-cards": "0.x",

    "vtex.my-orders-app": "2.x",

    "vtex.my-account-commons": "0.x",

    "vtex.store-graphql": "2.x",

    "vtex.profile-form": "2.x",

    "vtex.country-codes": "1.x",

    "vtex.address-form": "3.x"

  },

  "peerDependencies": {

    "vtex.cross-device-cart": "1.x"

  },

  "$schema": "https://raw.githubusercontent.com/vtex/node-vtex-api/master/gen/manifest.schema"

}

[georgebrindeiro]

Consegui fazer um exemplo bem simples aqui pra você replicar:

1. Copiar a pasta my-account-extension-example do repositório vtex-apps/my-account. Como você está usando Store Framework, é preciso pegar da branch 1.x, dá para pegar só a pasta facilmente usando o degit:

   npx degit 'vtex-apps/my-account/my-account-extension-example#1.x' vtex.my-account-extension-example
   

   Atenção para a versão de onde você está pegando o exemplo: a branch master é a que funciona para o CMS Legado (Portal) e a branch 1.x é a que funciona para o Store Framework (VTEX IO).

2. Crie um workspace de desenvolvimento e faça o link da app que você baixou:

   cd vtex.my-account-extension-example
   vtex login {accountName}
   vtex use {workspace} -r
   vtex link
   

   {accountName} é o nome da sua conta (ex: grupolamoda) e {workspace} é o nome do workspace de desenvolvimento que você quiser criar para testar (ex: mydevworkspace).

3. Visite a sua loja acessando {workspace}--{accountName}.myvtex.com e siga o fluxo de login como comprador. Você deve ver uma nova aba ao acessar a seção Minha conta (na rota /account#/support).

   

Espero que tenha ajudado!