# ZERO ==> Changelog

All notable changes to this project will be documented in this file.
​
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

​> **Tags:**
> - :rocket: [New feature]
> - :bug: [Bug fix]
> - :memo: [Documentation]
> - :nail_care: [Improvement]
> - :house: [Internal]

---

# Unreleased

---

## [:rocket: Data model and adding API requests | [08/07/2020]](https://gitlab.com/laborit/webmotors-projects/zero-client/-/merge_requests/14) (Caio Batista)

### Added
- `ChatBox` update to receive data from the `talk` store
- `ChatBoxBody` update to take turns and render an interaction mapping
- update of the dialogue balloon to receive a title and message based on the stage
- updating `Contexts` for more semantic names

### Changed
- creation of the `TextField` component, which uses the `react-text-mask` library for masks and common input
- creation of the inputText context that receives a textfield based on the masks
- adding shifts in mocks, including the data model
- inclusion of a new Commons icon, `arrowRightWhite.svg`
- inclusion of a new library for masks in the inputs, `react-text-mask`
- creation of the turn resource that requests the API, in `resources/talk/requests.js`



---

## [:rocket: Creating a flow based on message and context | [06/07/2020]](https://gitlab.com/laborit/webmotors-projects/zero-client/-/merge_requests/13) (Caio Batista)

### Added
- creation of the Context component that basically receives a context, filters and sends back the ideal context for the conversation
- creation of the Interaction component, which displays messages and contexts based on a round
- creation of the Message component basically receives message type, filters and returns messages based on its type
- creation of the stages, return title and message to the dialogue balloon
- creation of a Context called UserCPF, just a Text input
- creation of the UserStart context that displays a button and triggers an action to change the stage
- creation of internship constants


### Changed
- component update: src / components / ChatBox / ChatBox.jsx, to use the `talk` feature and send properties to Messages and / or Contexts
- DialogBalloon update, to display messages and titles based on stage
- component update: src / components / ChatBoxBody / ChatBoxBody.jsx to receive the interactions property
- component update: src / components / ChatBoxFooter / ChatBoxFooter.jsx to use the `talk` resources and create Contexts


---

## [:rocket: Creating a flow based on message and context | [06/07/2020]](https://gitlab.com/laborit/webmotors-projects/zero-client/-/merge_requests/13) (Caio Batista)

### Added
- creation of the Context component that basically receives a context, filters and sends back the ideal context for the conversation
- creation of the Interaction component, which displays messages and contexts based on a round
- creation of the Message component basically receives message type, filters and returns messages based on its type
- creation of the stages, return title and message to the dialogue balloon
- creation of a Context called UserCPF, just a Text input
- creation of the UserStart context that displays a button and triggers an action to change the stage
- creation of internship constants


### Changed
- component update: src / components / ChatBox / ChatBox.jsx, to use the `talk` feature and send properties to Messages and / or Contexts
- DialogBalloon update, to display messages and titles based on stage
- component update: src / components / ChatBoxBody / ChatBoxBody.jsx to receive the interactions property
- component update: src / components / ChatBoxFooter / ChatBoxFooter.jsx to use the `talk` resources and create Contexts


---

## [:bug: correction and improvement in the UI of the components | [30/06/2020]](https://gitlab.com/laborit/webmotors-projects/zero-client/-/merge_requests/12) (Caio Batista)

### Added
- addition of the `brand` property in the <VehicleVersion> component, to change the color of the make and version of the vehicle
- addition of the `brand` property in the <OfferCard> component, to change the color of the brand and version of the vehicle
- addition of the `brand` property in the <OfferMessagesItem> component, to change the color of the vehicle brand and version

### Changed

- change in size of Avatar icon to 36px and its border rounded to 18px
- changing text types to sub in <OfferCard>
- change the height of the details card from <OfferCard> to 122px
- update of the mock in `constants / mock.js` to contain the brand property in the` simpleList`, `vehicle` and` simpleVehicle`

### Removed
- removal of `__REDUX_DEVTOOLS_EXTENSION_COMPOSE__` which for the moment was causing a validation problem


---


## [:rocket: Vehicle details component | [25/06/2020]](https://gitlab.com/laborit/webmotors-projects/zero-client/-/merge_requests/11) (Caio Batista)

### Added
 - `VehicleDetails` componentization. Until then fully mocked, but well done.
 - addition of the `re-carousel` library. Approximately 3kb in size.
 - creation of the Carousel component, based on the new library
 - creation of the Navigation component for Carousel
 - creation of the Dots component for the Carousel

### Changed
 - Update of the Button component with the new properties `border` and` shadow`.

### Removed
 - removal of `react-slick` lib
 - removal of the `ListMessagesCarousel` component


---


## [:rocket: New features for existing components | [23/06/2020]](https://gitlab.com/laborit/webmotors-projects/zero-client/-/merge_requests/10) (Caio Batista)

### Added
 - creation of the Brand component. Which is used to simply display the logo from scratch or webmotors.
 - addition of handleClose functionality in ChatBox

### Changed
 - header update with back button functionality
 - header update with close button functionality
 - update of tests for the Fab component, DialogBalloon
 - update of types, with the type of logo and ways to display the brand component.

### Removed
 - deletion of the ZeroLogo component

---

## [:rocket: Refactoring patterns and launching the app | [22/06/2020]](https://gitlab.com/laborit/webmotors-projects/zero-client/-/merge_requests/9) (Caio Batista)

### Added
 - `ChatBox` componentization, subdividing into` ChatBoxBody`, `ChatBoxFooter`,` ChatBoxHeader`, `ChatBoxIntro`.
 - Addition of the entire contents of `ChatTextBox` in the component` ChatBoxFooter`

### Changed
 - Change in color pattern variables in src / styles / _colors.scss
 - Change in `NewRoot` to use only the` Fab` component, using stages to change the balloon styles
 - Addition of internship types in `constants / types.js`

### Removed
 - Removal of the `ChatTextBox` component
 - Removal of all state change functionality related to `NewRoot`, such as step changes and opening or closing

---


## [:rocket: VehicleVersions Component | [19/06/2020]](https://gitlab.com/laborit/webmotors-projects/zero-client/-/merge_requests/8) (Caio Batista)

### Added
 - Creation of the Vehicle Versions component, which will be used in flow A to see options for the same vehicle

### Changed
 - vehicle item mock update in `src / constants / mocks.js`


---

## [:rocket: OfferCard and ImageHelper Components | [18/06/2020]](https://gitlab.com/laborit/webmotors-projects/zero-client/-/merge_requests/7) (Caio Batista)

### Added
 - creation of the `OfferCard` component, to be used as a card to display cars or dealerships
 - creation of the `ImageHelper` component to replace missing images on cards

---

## [:rocket: OfferMessages Component | [17/06/2020]](https://gitlab.com/laborit/webmotors-projects/zero-client/-/merge_requests/6) (Caio Batista)

### Added
 - adding properties `label`, `image`, `active`, `onSelect`, `id` in OfferMessagesItem component

### Changed
 - update of the OfferMessages and OfferMessagesItem component, with new styles and properties
 - product list mock update in `src / constants / mocks.js`


## [:rocket: :house: structure refactoring | [16/06/2020]](https://gitlab.com/laborit/webmotors-projects/zero-client/-/merge_requests/5) (Caio Batista)

### Added
  - adding the redux structure to the project
  - adding namespaces with `@babel/plugin-proposal-export-namespace-from`
  - addition of optional chaining with `@babel/plugin-proposal-optional-chaining`
  - addition of the new folder structure for integrations and requests
  - addition of libraries: `axios`, `redux`, `react-redux`, `redux-multi`, `redux-promise`, `redux-thunk`

### Removed
  - removing the `storybook` structure
  - removal of all mentions to the project's `storybook`


---

# 0.0.3-beta
---

## [:rocket: miscellaneous components | [08/06/2020]](https://gitlab.com/laborit/webmotors-projects/zero-client/-/merge_requests/3) (Caio Batista)

### Added
  - component creation `<Carousel />` and its respective test. Carousel is just a replace for a lib of carousel.
  - component creation `<ChatBox />` and its respective test. ChatBox is the block that controls the entire chat, after the start of zero
  - component creation `<ChatMessages />` and its respective test. ChatMessages is where we will display all chat message interactions
  - component creation `<ChatTextBox />` and its respective test. ChatTextBox is where we will have interactions via text
  - component creation `<DialogBalloon />` and its respective test. DialogBalloon is an initial balloon that invites the user to start the chat
  - component creation `<ListMessages />` and its respective test. ListMessages is a type of message, where we have a list of items
  - component creation `<ListMessagesCarousel />` and its respective test. ListMessagesCarousel is a type of message, where we have a list of items displayed in a carousel
  - component creation `<OfferMessages />` and its respective test. OfferMessages is a type of message that contains offers
  - component creation `<TextMessages />` and its respective test. Text Messages is a common type of interaction, just text
  - component creation `<ZeroLogo />` and its respective test. ZeroLogo is the logo from product, we will use it with or without colors

### Changed
  - updating colors, sizes and font in `src/styles/`


## [:rocket: :nail_care: Float Action Button | [08/03/2020]](https://gitlab.com/laborit/webmotors-projects/zero-client/-/merge_requests/2) (Caio Batista)

### Added

  - Inclusão do componente `<Text />`. Para inserção de qualquer tipo de textos, seguindo um padrão de cor e tipo.
  - Inclusão do componente `<Button />`. Para inserção de botões, padronizado por tipo e cor.
  - Inclusão do componente `<Fab />` que faz uso de `<Button />`.
  - Inclusão de testes para `welcome, stories`.
  - Inclusão de contantes de tipos. Para guardar padrões usados nos componentes.


## [:house: :memo: :rocket: Initial application | [18/02/2020]](https://gitlab.com/laborit/webmotors-projects/zero-client/-/merge_requests/1) (Caio Batista)

### Added

  - Inclusão de todo o projeto, com estrutura de pastas, lint, teste e deploy.
