Skip to content

12.3.0
Compare
Choose a tag to compare
@dpatil-magento dpatil-magento released this 14 Mar 18:00
· 299 commits to develop since this release
v12.3.0
c129a7a

PWA Studio Release 12.3.0

NOTE:
This changelog contains release notes for PWA Studio and Venia 12.3.0
For older release notes, see PWA Studio releases.

12.3.0 Highlights

Personalized content support

  • Added shimmer loaders for Dynamic blocks to avoid layout shift. Shimmer loaders are only rendered if minHeight is specified on the Row containing the Dynamic block. This implementation gives you a choice: You can set the Row's minHeight to render the shimmer or remove the minHeight to remove the shimmer. For Dynamic blocks that rarely render, we recommend removing the minHeight property from the Rows containing those Dynamic blocks. — 3713
  • Added the new PersonalizedContentSampleDataVenia module that contains customer segments, dynamic blocks, and cart rule promotion sample data for personalized content. — 19,2,3670
  • Shopping cart promotions are now properly displayed depending on customer segment. — 3609
  • You can now make GraphQL queries for dynamic blocks. — 3587,2

ReCaptcha support

  • You can now use ReCaptcha V3 on the Braintree payment form and the Place Order form. — 3691,24
  • reCAPTCHA V3 validation is now available on the following customer forms:
    • Customer Login
    • Customer account creation
    • Customer information change (password) — 3702
    • Forgot Password form. — 3604,12,20

PageBuilder content optimization

  • Shimmers are now loaded when rendering a Page Builder CMS page. This helps reduce CLS and increase load speed. — 3711
  • Images from Page Builder content now include height and width dimensions. This helps reduce CLS when rendering the images. — 3712
  • Store-view specific label and localization support has been added for product attributes. — 17
  • PWA Studio can now retrieve image metadata from Page Builder. — 16,17

Other highlights

  • In the Link component, prefetchType property has been renamed to shouldPrefetch. This helps to clarify that it is a boolean, rather a property that returns a type. prefetchType is deprecated but not removed. — 3646
  • Refactored the reCaptcha to ensure it is backwards compatible with 12.2.0. — 3696
  • The "Sign In" link has been removed from the 2nd stage of checkout. This ensures the cart configuration (guest or account holder) does not change in the middle of checkout. — 3672
  • Dependency packages have been updated. See #3611 for more details about specific package versions. — 3611
  • Reporting has been improved when running Cypress tests on a headless instance. — 3613
  • Adobe Commerce users can now set gift options on the Order level. — 3540
  • Long Wish List names no longer break the layout or force users to scroll in order to close modal dialogs. — 3706
  • Products with configurable product variants are now properly added to Wish Lists. Previously, adding a configurable product threw an error. — 3703
  • The virtual products extension has been removed. — 3612
  • To increase performance, instances of the useMemo type have been changed to const in the productUrlSuffix talon. — 3660
  • Added support that makes it easier to click-select tabs when they are displayed in a long list of Tab Items from Page Builder. — 3676

12.3.0 Lighthouse scores

With each new release of PWA Studio, we perform Lighthouse audits of four Venia page types, each representing a different level of complexity. Shown below are the Lighthouse scores for the 12.3.0 release of these pages on desktop and mobile devices.

Home Page Product Category Product Details Search Results
Venia Pages
Desktop Performance
Mobile Performance
Accessibility
(same for both)
Best Practices
(same for both)
SEO
(same for both)
PWA Desktop Mobile

Stories and bug fixes

Type Description GitHub PR
Story Shimmer Loader for Dynamic Blocks 3713
Story Query for available Dynamic Blocks 3587, 2
Story CMS Page Shimmer Loader 3711
Story Update the Sample Data with Personalized content 19, 2, 3670
Story reFactored reCAPTCHA 3696
Story Add reCaptcha to the Checkout Forms 3691, 24
Story Add reCaptcha to the Account Information Forms 3702
Story Add reCaptcha to the Forgot Password Form 3604, 12, 20
Story Rename Link's prefetchType prop 3646
Story Store view specific label/localization support for product attributes 17
Story Update Magento capability table 3724
Story Remove Sign-In link on 2nd step of checkout 3672
Story Images to include dimensions 3703
Story Validate Shopping Cart Promotions are displayed correctly 3609
Story Configurable images are not shown in Edit Cart Item menu 3695
Story Backend PageBuilder image metadata support 16, 17
Story Update packages and dependencies 3611
Story Add cypress status reporting while running headless 3613
Bug Gift options on Order Level (Commerce only) 3540
Bug Parent product image thumbnail has been shown in mini cart instead of product itself 3690
Bug Long wishlist name length breaks layout 3706
Bug Change default sort order on Search page to 'Best Match' 3698
Bug Wishlist page error when configured variant added 3703
Bug Fix Cypress Page Builder tests 3715
Bug Dynamic Blocks GraphQL returns non-qualified blocks 3678, 3
Bug Remove virtual products extension 3612
Bug Possible wrong usage of useMemo 3660
Bug PWA multiple wish lists: storefront still showing create wishlist button when reaching the max number of allowed wish lists configured in Commerce 3668
Bug Header - Logo dimensions overlap with main content 3659
Bug Click target for long-spanning tabs is inconsistent 3676
Bug Venia sample data personalized content not updating 20

Documentation updates

Known issues

  • In some scenarios, applying a coupon to a guest cart will fail if a coupon has already been applied in a separate cart in the same browser.
    For instance: As a logged-in user, apply a coupon to the cart and then log out. Then try to apply a coupon to a second, guest cart. This second coupon may raise an error. Clearing the cache solves the issue.

Upgrading from a previous version

Use the steps outlined in this section to update your scaffolded project from 12.2.0 to 12.3.0.
See Upgrading versions for more information about upgrading between PWA Studio versions.

Update dependencies

Open your package.json file and update the PWA Studio package dependencies to the versions associated with this release.
The following table lists the latest versions of each package as of 12.3.0.

Note:
Your project may not depend on some of the packages listed in this table.

Package Latest version
babel-preset-peregrine 1.2.0
create-pwa 2.2.0
upward-security-headers 1.0.7
venia-adobe-data-layer 1.0.4
venia-sample-backends 0.0.6
venia-sample-language-packs 0.0.7
venia-sample-payments-checkmo 0.0.5
pagebuilder 7.2.0
peregrine 12.3.0
pwa-buildpack 11.2.0
pwa-theme-venia 1.2.0
upward-js 5.3.0
upward-spec 5.2.0
venia-concept 12.3.0
venia-ui 9.3.0
magento2-pwa 0.2.0
magento2-pwa-commerce 0.0.1
magento-venia-sample-data-modules 0.0.2
magento-venia-sample-data-modules-ee 0.0.1
magento2-upward-connector 2.0.0
upward-php 2.0.0
Assets 2