All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog and this project adheres to Semantic Versioning.
- Format currency based on sales channel configuration.
- Protect against undefined assemblyOptions in state.
- Add support for adding to cart Assembly Options in buy button.
- Add prop to show total price on buy button.
- Fix UserAddress Proptype.
- Make addressQuery query have ssr: false, because it has scope private.
- Use new address query on
UserAddress
.
- Uses product id as internal url
- Types of props on Availability Subscriber documentation.
- Documentation on Product Brand props.
- Product Brand and Product Image on the list of components of the main Read Me.
- Show SKUSelector even when SKU items is one.
- Read me of Availability subscriber. Explain that it doesn't warn users.
- Default text of component to make it less misleading.
htmlId
prop on InfoCard
- Deprecated the usage of
productId
to navigate to product urls
- Uses
productId
to navigate to product urls
- Issue with updating state of SKUSelector on ProductContext.
ProductDescription
- AddcollapseContent
prop.
- Prop
attemptPageTypeSearch
onsearch-bar
; iftrue
, uses the term the user has inputted to try to navigate to the proper page type (e.g. a department, a brand, a category)
- Build assets with new builder hub.
- Fixes NaN being sent to search result width.
- Slugify variation option name added to the variation item.
- Sets min width to search results box.
- Show option to search for term instead of showing "no matches" in search autocomplete.
- Fix spaces in search autocomplete list.
- ProductBrand component, along with product-brand block.
- NotificationBar is now editable via Storefront.
- Added support for rootPath in one click buy mode.
- Hardcoded "BRL" currency on Shipping Simulator component.
- Bug with vanishing
-
sign on DiscountLabel when it had empty labels.
- Wording on "added to cart" toast.
- "View cart" button on "Added to cart" toast.
SKUSelector
now supports many variations for skus, not only 2.- Add layout prop
hideImpossibleCombinations
forSKUSelector
, with docs.
- Use require to conditionally import Swiper in
ProductImages
to not break SSR.
- See more button for SKUSelector with a lot of items in a variation.
- Schema for
SKUSelector
wtihseeMoreLabel, maxItems
prop.
- Issue on the SearchBar suggestions where the user couldn't select items, on mobile devices.
InfoCard
: MakeimageUrl
andmobileImageUrl
have image-uploader ui widget on storefront.
InfoCard
: change null default values to empty strings.
- Fixed issue that causes syntax error on IE11, due to the use of ES6 features.
- Fix bad release of 3.43.0 (no real change in code).
- i18n using
vtex.native-types
to allowNewsLetter
to respond properly to content i18n.
- Compatibility with custom non-flexible product-pages in all components used in ProductDetails.
- Bug where the product images thumbnail gallery would scroll infinitely.
- Hides SKU selector when there are no variations to be selected.
BuyButton
: use given props over context, if set.
- Use props as default value instead of context.
- Remove
showProductPrice
rule fromProductPrice
wrapper.
- HOTFIX: Rollback SKUSelector and ProductImage do version without Wrapper.
- Get image of smaller size for
SKUSelector
andProductImages
images.
- Wrapper to components to consume product context.
- Content schema to
ProductPrice
.
- Remove
showInstallPrompt
unused feature.
- Added props
sellingPriceRange, showListPriceRange
andshowSellingPriceRange, showListPriceRange
toproductPrice
component.
- Content schema to
InfoCard
.
- i18n using
vtex.native-types
to allowDiscountBadge
to respond properly to content i18n.
- Fix warnings on the components
Image
,BuyButton
, andLogo
.
- Added some CSS overrides classes to infocard and logo.
- Removed
w-100
fromDiscountBadge
to avoid it to pass the image width.
- Enable
ShippingSimulator
to accept any postal code format and validate using the country rules.
- 'Open Minicart' feature after click on
BuyButton
.
- Fixed bug where clicking on search result items would just close the search results list.
- Send to the service worker a 'installPrompt' event when clicking the
BuyButton
.
- Schema to
Logo
component.
labelListPrice
prop inProductPrice
.
- Fix z-index issue on the search ResultList component.
- Add the
carouselImagePlaceholder
CSS handler to allow custom image placeholders.
- Enable zoom with one click instead of two in
ProductImages
.
- Instead of rendering a content loader when there is no image to be rendered in
Carousel
, it now renders a placeholder.
- Hide
InstallmentsPrice
when there's only 1x options.
- Add zoom types and implement zoom
ìn-gallery
inProductImages
component.
- Add
brand
props to send to minicart onBuyButton
.
- Allow case insensitive product specifications filter.
- Added props
hiddenSpecifications
andvisibleSpecifications
toproductSpecifications
component.
- Availability of a specific variation is based on all SKU's now.
- Add isLayout to
InfoCard
props.
- CSS classes for reaching a sku variation name and value.
- Fix propType
ShippingSimulator
error, removed warning from console.
- Scopes messages by domain (
admin/
andstore/
)
- Notification bar width is now 100%.
- Make
UserAddress
use modal block.
- CSS class to
InfoCard
image.
- Make
InfoCard
headline and subline now support HTML and are sanitized before being displayed.
- Variations not being grouped.
- Blurred Loader image blinking.
- Remove sort of sku item variations.
- Added
container
CSS handle to Container.
- Reduced horizontal padding for Container on wide screen sizes.
- Ensure mutation to require acronym as String
- Use
insane
lib to sanitize HTML onNotificationBar
.
- Add
imageActionUrl
prop toInfoCard
.
- Limit width of Container
- New block
image
.
- Add safeguard to InfoCard
blockClass
prop
- Fix propType name for
showCategoriesHighlighted
inCategoriesHighlights
. - Fix SKUSelector displaying the wrong selected item.
- InfoCard new property
blockClass
.
- InfoCard schema.
- InfoCard CMS labels.
- Pinterest share option on
Share
.
- SKU Selector not changing selected item.
- Remove margin when there is no thumbnails on
ProductImages
.
- Place thumbs according to position on
ProductImages
.
- Misplaced
Logo
position on mobile.
- Changed
Logo
to be a functional component instead of a class. - Remove unused
VtexLogo
along with the propscolor
andshowLabel
inLogo
. - Replaced
withRuntime
HOC byuseRuntime
hook inLogo
.
- Refactoring
Greeting
.
- Use location-marker from
store-icons
onUserAddress
.
- New blocks
notification.bar
andnotification.inline
.
- Parse local state order form.
- Implement query to get pickup point checkedIn name on
UserAddress
.
- Fix labels to selling price and list price.
- Add
ProductHighlights
component. - Add
Newsletter
component.
- Use title in svg Logo.
- Allow adding link to logo.
- Set w-100 to search bar and add padding.
- Adjust default logo size and add padding.
- Fix local query on
UserAddress
.
- Add fallback to store-graphql add item on
BuyButton
.
- Use the new Apollo Local State management API to handle the orderForm operations.
- Fix zoom and slide change on
Carousel
ofProductImages
.
- Clicking the
BuyButton
will no more redirect if there is ananchor
tag ancestor.
- Change messages basic languages files.
- Add behavior test to SKUSelector.
- Behavior tests for BuyButton.
- Set
SearchBar
input focus when user click search icon.
- Change current product image when pressing on a thumbnail.
ProductImages
snapshot tests.
- logoUrl now support
{{account}}
in the string url. eg. store with account name gc-xoi8837: https://static.gocommerce.com/{{account}}/assets/logo.png it will render https://static.gocommerce.com/gc-xoi8837/assets/logo.png
- Using
react-testing-library
insteadenzyme
.
- Make
SKUSelector
more generic, add "step-by-step" mode, save state
- Using
store-icons
instead ofdreamstore-icons
.
- Change overall look of
SearchBar
on mobile and desktop in order to match the design.
- Make the clear button on
SearchBar
work as expected.
min-width
for Logo
UserAddress
component.- Added
ProductImages
docs.
- Improve CSS handles in
ProductImages
component.
- Snapshot tests for
Share
.
- Add
info-card
tointerfaces.json
- Snapshot tests for
ProductPrice
. - Snapshot tests for
BuyButton
. - Snapshot tests for
AvailabilitySubscriber
. - Snapshot tests for
Animation
. - Snapshot tests for
CollectionBadges
. - Snapshot tests for
Container
. - Snapshot tests for
DiscountBadge
. - Snapshot tests for
CategoriesHighlights
. - Snapshot tests for
GradientCollapse
. - Snapshot tests for
Greeting
. - Snapshot tests for
ProductNames
. - Better use of helpers in tests.
- Snapshot tests for
ProductDescription
. - Snapshot tests for
Logo
. - Snapshot tests for
ProductSpecifications
. - Snapshot tests for
SKUSelector
. - Snapshot tests for
ShippingSimulator
. - Snapshot tests for
SearchBar
. - Create
InfoCard
component.
- Fix product images carousel refresh bug.
- Quick fix on
AutocompleteInput
to remove warnings.
- Base settings for tests.
- Support to CSS Modules in
Share
.
- Undo the link-state changes.
- Wrong rebase.
- Use the new minicart's optimistic strategy on
BuyButton
.
- Fix
Logo
to only use maxWidth and maxHeight to define it's size.
- Add an API Docs to
ProductDescription
.
- Create an API Docs.
- Add an API Docs to
ProductName
. - Refactor
Product Description
component into two new components. - Create
ProductSpecifications
component allowing two visualizations modes. - Create
GradientCollapse
component.
- Improve
BuyButton
README.md
- Add callbacks to click event on
BuyButton
- After switching secondary variations on a product, those changes won't be kept on
history
.
- Remove scrolling to top after changing SKU in
SKUSelector
.
- Make it possible to be able to add items with assembly options on
BuyButton
- Declare interfaces for components used in
ProductDetail
.
- Error of not defined variable in the
Carousel
component.
- Fix
ProductName
container css class not being used.
- Move slides property to getter on
ProductImages
component.
- Fix
forceUpdate
being called on instantiation of theProductImage
component.
- Use icons from
vtex.dreamstore-icons
.
- Remove
inheritComponent
from blocks.
- Show installments with fee when the biggest with free is 1.
- Bump messages builder to
1.x
.
- Fix typo on added to cart message in english
- Support to CSS Modules in
ProductPrice
.
- Support to CSS modules in
CategoriesHighlights
.
- Props on
Slider
for custom classes.
- Emit
addToCart
event fromBuyButton
.
- Incorrect click area on product summary.
- Support to CSS modules in
ProductImages
. - Support to CSS modules in
SKUSelector
.
- Added props that allow search icon to be on left or right in
SearchBar
.
- Labels not pointing to input on
ShippingSimulator
.
- Bump dependencies majors.
- Bump vtex.styleguide to 9.x.
- Update React builder to
3.x
.
- Fixes warning of
propTypes
being passed toReact.forwardRef
.
- Use header elements in
ProductName
through tag prop.
- Use header elements in
ProductDetails
instead of span tags.
- Support to CSS modules in
SearchBar
. - Support to CSS modules in
ProductDescription
. - Support to CSS modules in
Greeting
. - Support to CSS modules in
CollectionBadges
. - Support to CSS modules in
DiscountBadge
. - Support to CSS modules in
AvailabilitySubscriber
. - Support to CSS modules in
Logo
. - Support to CSS modules in
ShippingSimulator
.
- Remove logo inline style css.
- Change default logo to Dreamstore logo.
- Add
SearchBar
padding in mobile view.
- Add CSS modules on
Slider
component.
- Remove undefined css classes of
ProductName
component.
- Change the syntax of routes
/
to.
.
- Proxy unused props of the
Container
component to the root element.
vtex.shipping-estimate-translator
app to translate and place the correct delivery time onShippingSimulator
- Bye
pages.json
! Welcomestore-builder
.
Container
component.
- Fix typing problem and crash on
BuyButton
- Support to messages builder.
- Converts
ShippingTableRow
price
prop value to decimal based number.
- Support to CSS modules in
ProductName
.
- BuyButton using
styleguide
Toast
.
- The root div of
DiscountBadge
is now always rendered.
- Fix how icons were displayed in
SearchBar
- Make
Logo
properly receive maxWidth and maxHeight properties.
- Add typography token to badge
- Add emphasis color to badge instead of red
- Left margin of the specifications at the ProductDetails component
- Share.label id to store-components.share.label
- Negative padding on
Slider
arrows.
- ShippingSimulator style
- ProductImages cursor style
- SKUSelector style
- Major refactor of ProductImage component
- ProductImage Zoom with two clicks or gesture
- ProductDescription design
- ProductDescription table
- Frontend Vimeo video support at ProductImage
- Blurred loader to ProductImages
- Collapse to ProductDescription
- Large prop to BuyButton
- Design tokens in
ShippingSimulator
.
- Add several props to style the
ProductPrice
component. - Add several props to style
ProductName
and removelarge
prop from it. - Add several props to style
Share
component. - Make
ProductDescription
use design tokens. - Make
AvailabilitySubscriber
use design tokens. - Make
SKUSelector
use design tokens. - Use style guide table in
ProductDescription
component.
- Fix design problems of
ShippingSimulator
. - Add
classes
andinstallmentsClasses
to ProductPrice component to style the component. - Use style guide table in
ProductDescription
component. - Make
Slider
receive custom classes. - Fix negative padding on arrows.
- Remove
Header
component. - Remove
Footer
component.
- Share label to
Share
component.
SelectedImage
not fitting properly its container.
- Fix svg warnings of
ProductName
andProductPrice
.
- Add onSKUSelected to SKUSelector props and call it when its defined.
- Slider crashing in store-componentes master
- Fix the number of items shown in slider.
- Image Zoom in product details was not working properly
- Assign correct size to arrow element.
- Add
vtex-page-padding
class to Greeting.
Account
component bundle.@vtex/styleguide
dependency.
Account
shared components.
- Removed call to
Array.from
breaking theShelf
on Internet Explorer.
- Make the Product Price's label editable through Storefront.
- Add
compactMode
props that change the design ofSearchBar
component to a compact layout.
- Remove
ContentLoader
ofProductDescription
.
- Remove CSS from ProductName and ProductPrice.
Greeting
component that renders a welcome message with the user first name
- Replace spinner by content loader in BuyButton.
Animation
component to use only CSS instead ofTransition
from thespring
module.
- Updated the product price and name colors.
- Discount badge positioning.
- Hability to handle more than one variation on the same sku in the
SKUSelector
- Availability prop to
BuyButton
component.
- Update
ProductDescription
css and move to tachyons classes.
Header
default padding to match the page's padding.
- Update header padding to match the whole store.
- propTypes console errors.
Animation
component.
- Update
Price
props documentation. Header
to import theLogo
andHeader
as extension points.
- Update css to use tachyons classes
Footer
component top margin, in order to not collapse withLogin
TopMenu
to pass classnames to change the icon and label of theMiniCart
andLogin
instead of pass the hexadecimal color.
Footer
propTypes error.
- Fix design issues.
- Refact the
ProductPrice
component.
- Update the propTypes of the components:
BuyButton
,ProductPrice
,ProductName
.
QuantitySelector
that should not exist because the styleguide has a component with the same purpose, theNumericStepper
.
- Refact
SearchBar
component.
SearchBar
proptype error on SSRFooter
proptype error
SearchBar
debouncing and search only inputs with a minimum of 2 characters
SearchBar
design.- Update
Header
design to a white style.
- Component name into the documentation of
CategoryHighlights
.
- Footer redesigned.
schema
to theProductName
component .
- prop
showSku
to theProductName
component.
- props
color
,width
,height
eshowLabel
toLogo
component. MobileSearch
component toSearchBar
.
Header
design.
- Breaking change rename of
CategoriesHighlights
.
- Undeprecate v1.13.0 version.
CategoryCard
shapes.
- All content loaders to work on Firefox.
- Undefined behavior of the
CategoriesHightlights
schema.
ImpersonateCustomer
component toHeader
.
- Link redirect to handleClick of
SKUSelector
.
- Correct function from
orderFormContext
to add a new item to the orderForm. ProductPrice
condition now usesisNil
function fromramda
.
ProductDescription
content loader.ProductName
andProductPrice
content loaders default style.
MainCategories
component.ProductDescription
content loader.
ProductName
,ProductPrice
andProductImages
content loaders.Share
andShippingSimulator
content loaders.- More
BuyButton
loading logic.
- Removed graphql queries from
BuyButton
- Added
OrderFormContext
to update the minicart onBuyButton
- Top menu not being rendered as an overlay on scroll down.
- Use tachyons classes in
AvailabilitySubscriber
.
- Added mutation in
AvailabilitySubscriber
to send the data for Master Data on the entityAS
.
- SSR to Slider component.
ProductPrice
propTypes, removed warning from console.Footer
positioned always at the bottom of the page.- ImageUrl warning in
SKUSelector
andProductImages
.
- Component loader on
ProductImages
Slider
adaptToScreen function.- Documentation of
BuyButton
.
- Migrate the
Footer
schema to use thetype: "array"
. MiniCart
position into theHeader
.
- Buy button support to add multiple sku items to the cart at the same time of
BuyButton
.
- Define
Footer
schema props that are layout type.
TopMenu
display on mobile screen.
- Hide fixed header while in edit mode.
- Unescape HTML in the product description.
- Logo link to be a
Link
component fromrender
.
- Vertical display of
ProductImage
. - Thumbnail image selection in
ProductImage
.
- Component
Header
.
- BuyButton don't wait add to cart to proceed to checkout page.
- BuyButton Component added isOneClickBuy attribute.
- BuyButton default props as static attribute.
- SKU Selector item with false value as class name.
- Debounce function to handle the increase and decrease events in the
QuantitySelector
.
- Make
onMaxReached
function not required inQuantitySelector
. - Use children prop in
ProductImage
to customize selected image render. - Update design of
CollectionBadges
.
- Internationalization to
SearchBar
. - Spinner to
SearchBar
. isLayout
toProductPrice
's schema properties.
QuantitySelector
input style for do not impact the others inputs.SearchBar
options link.
QuantitySelector
styleQuantitySelector
plus icon to use the StyleGuide one.
- Max height of the logo image.
- Added a title to the Share Component share url.
- Internationalization of the
Footer
schema. - Internationalization of the
Share
schema. - README documentation of Logo Component.
- SKU Selector with a different item selected on entering the product page.
- SKU Selector item's discount badge position.
- Put the ProductPrice schema inside it's Component.
- README typos.
- Inner zoom image to the product image.
- Discount badge to sku item.
- Slightly changed the layout of
ProductName
andSkuSelector
to accomplish proposed design. - Style of the unavailable sku to be different from the others.
- Change ProductName, added: showBrandName, showProductReference, productReference attributes.
- Customize Footer uiSchema.
- Vertical centralization of SKU Selector Items.
- Integration of the
ShippingComponent
with graphql.
- Fix ProductPrice Component when no Installments are passed.
- Add Share Component.
- Initial version of the availability subscriber component.
- Change ProductPrice's installments logic.
- Merge TechnicalSpecifications Component with ProductDescription.
TechnicalSpecifications
component.- Initial version of SKU selector component.
- Fix bug on Slider when has just one element.
- Fix bug in the url when search something in the product page and click enter.
- Footer component padding
- Delayed queries on BuyButton Component.
- Add error treatment on BuyButton Component.
- Update ProductImages Component.
- Update max visible slide items on thumbnail slider.
- Add arrow icons from Nucleo to the Slider.
- Fix ShippingSimulator Component CSS.
- Add all
product-details
components to Apps. - Add
Enter key
press to thesearch bar
. - Initial version of the shipping simulator.
- Transform
npm-storecomponents
in a app that can be used in a VTEX store. - Update Price Component.
- SSR Added SSR compliancy to the searchbar.
- Fix locales directory to work with linked Apps.
- Fix
search bar
when click on category result. - slider Fix infinite attribute of Slider settings.
- Fix Slider classNames.
- Fix Slider settings (slidesToScroll, slidesToShow).