feat: sku matrix packages api #2504
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
feat: sku matrix packages api
ramondorosario-ct
requested review from
eduardoformiga and
pedromtec
and removed request for
a team
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
ramondorosario-ct
added
enhancement
lariciamota
reviewed
Oct 18, 2024
The build is indeed failing because it has #2505 as a dependency. To validate everything properly, just check the #2507 . In this PR, we've merged all the others with the goal of generating the preview. The build on this branch is working correctly. |
|
@ramondorosario-ct I will proceed with this merge to we are aiming to do a final review with all the parts together. |
hellofanny
pushed a commit
that referenced
this pull request
Dec 10, 2024
Este PR conta com a implementação do `SKUMatrix` na ProductDetails. Dentro do @faststore/core na pasta ui, foi criada uma abstração do `SKUMatrixSidebar`. Toda a lógica de captura dos dados e formatação do mesmo é feita nessa abstração. Para fazer a requisição dos dados, foi criado uma nova query. Para utiliza-la basta chamar o hook useAllVariantProducts (toda a construção dessa nova query está presente no PR #2504 ). Para consumir esse hook, é necessário passar algumas propriedades, das quais podemos destacar o callBack e enabled. Dentro dessa abstração do `SKUMatrixSidebar`, deve haver o consumo do contexto do `SKUMatrix`. O contexto que irá controlar todos os estados, como por exemplo, informar ao contexto a lista das variações do produto. Como essa abstração que ficará responsável por fazer a requisição e informar os dados para o contexto, o callBack que é passado no `useAllVariantProducts`, será o método de adicionar os itens que serão exibidos na tabela do `SKUMatrixSidebar`, portanto deve ser atribuído o método `setAllVariantProducts `presente no contexto do `SKUMatrix`, dessa forma, os dados que já serão retornados formatados, serão informados ao contexto e posteriormente, o `SKUMatrixSidebar `vai poder consumir esses dados e exibir em tela. Falando um pouco sobre o `useBuyButton`, este hook é responsável por adicionar os itens selecionados no carrinho. Anteriormente, o mesmo não aceitava uma lista de itens, logo, foi necessário modifica-lo para que a nova demanda fosse atendida. Como o hook deve consumir algumas informações para posteriormente informar o buyButtonProps (reposável por preparar os dados a serem inseridos no carrinho), ele precisa observar os dados dos produtos a serem adicionados no carrinho. Esses dados, são retornados do contexto do SKUMatrix, por tanto, sempre que existir qualquer tipo de modificação no estado do contexto (por exemplo, uma alteração na quantidade de um SKU dentro da tabela do `SKUMatrixSidebar`), irá refletir no hook do `useBuyButton`, e as propriedades serão geradas corretamente. Para finalizar, toda a configuração do headless CMS foi desenvolvida nesse PR. Este PR tem como dependência: #2503 e #2504 ## Printscreens Headless CMS 
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Este PR conta com a construção da nova query, que será utilizada pelo SKUMatrix e por toda a geração dos novos tipos.
Criamos um hook chamado
useAllVariantProducts, responsável por fazer a request e devolver os dados formatados, conforme esperado peloSKUMatrixSidebar. Para consumir esse hook, é necessário passar algumas propriedades, das quais podemos destacar o callBack e enabled.callBack: é uma função que será executada apenas quando a requisição tiver sucesso e retornar todos os dados. Esse método irá retornar os dados totalmente formatados seguindo o formato pré-estabelecido no componente
SKUMatrixSidebarenabled: é um booleano (verdadeiro/falso). Ele irá informar para query se o
SKUMatrixSidebarestá aberto ou não. A requisição só será feita se o slider estiver aberto, caso contrário não, evitando requisição desnecessária