What's inside

• If user trying to add to cart product with customizable options from compare list then wrong error message shown [#5301]
• Never-ending loader appears when opening order page without order id [#5197]
• NaN is displayed instead of zero tax total in the mini cart [#5131]
• Checkbox 'My billing and shipping are the same' isn't selected if default Billing address the same as Shipping Address [#4974]
• Turn the Menu Manager into an extension [#3703]
• PropTypes compatibility with TypeScript version [#5341]
• User can not add to cart product if Backorders = 'Allow Qty Below 0' and Qty of product in stock less then 0 [#5312]
• Not correct behavior of products visibility [#5325]

Menu

Previously ScandiPWA was using own menu manager for creating menu on Storefront. Now menu is created from Magento's category tree with including the setting "Include in Menu". Previous solution is moved into separate extension and available on Extensions Market!

ScandiPWA CLI

ScandiPWA CLI now supports TypeScript files for creating/overriding source components! For creating TS files it is required to pass parameter -ts in commands for ScandiPWA CLI.

For example: scandipwa override component Header --ts

NPM dependency:

@scandipwa/csa-generator-theme: 0.4.4 @scandipwa/scandipwa: 6.0.3 @scandipwa/scandipwa-development-toolkit-core: 1.1.0 create-scandipwa-app: 1.4.9 scandipwa-cli: 0.4.0 scandipwa-vscode-tools: 1.1.0

This is all there is to it!

What's inside

• Bundle analyzer stopped worked [#5294].
• Argument for '--jsx' option must be: 'preserve', 'react-native', 'react'. [#5282].
• Mobile: wishlist layout moved right #5280
• Shipping methods are not updated according to new address if user fills shipping form via autocomplete #5279
• '0x' is displayed before 'None' for bundle product with not required option #5270
• Default currency is wrong when opening the website for the first time #5263
• 'This field is required!' appears under selected all options of checkboxes or multi select type in some products #5262
• Wrong order of options in cart for bundle product with customizable options #5259
• Mobile: Extra space present from the left side from products in widgets #5258
• User is not able to add to cart product with min / max Qty per cart #5257
• Address form,Share Wishlist and T&C pop-ups don't close when clicking outside it #5256
• Billing steps opens when user submitting empty shipping form #5255
• Page jumping up/down if user open/closing popup #5254
• Account icon is shifted left on checkout #5253
• User is not able to add to cart product with File filed #5252
• Line stay green near required options if user adding to cart product without selected required options #5251
• Two error messages shown if user adding to cart product without selected required options #5250
• Button 'Add to cart' stretched in Compare list #5249
• PLP stretched if user entered long word without spaces to description #5245
• Ooops page appears when user with saved address opens checkout page #5244
• Can't save and edit address in my account #5243
• Error message 'This is required field!' is missing below each required field on the website #5242
• Page not scrolled up if user trying to add to cart configurable product without selected options #5241
• No shipping methods for default country when opening checkout page #5240
• User can not add to cart config product with dropdown options #5239

NPM dependency:

@scandipwa/csa-generator-blank: 0.1.22 @scandipwa/csa-generator-theme: 0.4.3 @scandipwa/bundle-analyzer: 0.0.9 @scandipwa/scandipwa: 6.0.2 create-scandipwa-app: 1.4.8

This is all there is to it!

What's inside

• ScandiPWA code migration to TypeScript
• TypeScript server plugin introduction
• Bug fixes

ScandiPWA code migration to TypeScript

ScandiPWA code is migrated to TypeScript! It brings a lot of benefits for developing process making it easier to have proper suggestions on where data comes, what is inside of it, what to pass into function and so on! But there is no force to write everything on TypeScript, ScandiPWA codebase allows to continue developing on JavaScript as it was previously!

Below is an article on medium which gives more insides on ScandiPWA migartion to TypeScript:

ScandiPWA migration to TypeScript

Also don't forged to take a look at weekly videos of migration to TypeScript journey from our team!

TypeScript Server Plugin

TypeScript Server Plugin improves developing of extensions for ScandiPWA with brining next features:

• Now namespaces for classes and functions are clickable for finding their plugins that are attached to them and the same works visa-versa.

• Shows warnings for all namespaces that do not exist in the application, and all non-existent methods

Plugin source code is here!

Bug fixes

• Prices in default display currency shown on PLP and PDP when switching currency [#3748]
• Refactor History Usage In SPWA [#5043]
• Issues in switching pages on Mobile [#5173]
• Not correct label for selected price filter on search page [#5235]

NPM dependency:

@scandipwa/csa-generator-blank: 0.1.22 @scandipwa/csa-generator-cra: 0.1.22 @scandipwa/csa-generator-extension: 0.0.26 @scandipwa/csa-generator-theme: 0.4.0 @scandipwa/eslint-config: 0.2.0 @scandipwa/eslint-plugin-scandipwa-guidelines: 2.0.37 @scandipwa/next-emulator: 0.0.4 @scandipwa/scandipwa-dev-utils: 0.1.15 @scandipwa/scandipwa-development-toolkit-core: 1.0.27 @scandipwa/scandipwa-scripts: 2.4.22 @scandipwa/scandipwa-template-plugin-system: 0.1.21 @scandipwa/service-worker: 0.0.18 @scandipwa/ts-server-plugin 0.0.3 @scandipwa/webpack-after-emit-logge 0.0.10 @scandipwa/webpack-i18n-plugin: 0.1.27 @scandipwa/webpack-i18n-runtime: 0.0.32 @scandipwa/bundle-analyzer 0.0.8 @scandipwa/chunk-optimizer 0.0.9 @scandipwa/framework: 0.0.11 @scandipwa/m2-theme 0.2.5 @scandipwa/postcss-config 0.0.3 @scandipwa/router 0.0.9 @scandipwa/scandipwa 6.0.0 @scandipwa/stylelint-config 0.0.8 @tilework/opus: 0.0.11 scandipwa-cli: 0.3.20

What's inside

• We fixed executeGet logic for calling putPersistedQuery [#5181]
• Reverted fix for the issues related to history changes as it wasn't ready to be released [#5173].

Composer dependencies:

• scandipwa/quote-graphql: from 3.0.4 to 3.0.5

This is all there is to it!

• We added the missing clickOutside prop [#4870].
• Fixed infinite scroll on PLP [#5152].
• Fixed issues related to history changes[#5173].

This is all there is to it!

What's inside

• We handled the request abort exception that was causing "Error fetching URL-rewrites" notifications. Related to #5028

This is all there is to it!

• Fixed composer dependencies for the scandipwa/quote-graphql from 3.0.3 to 3.0.4. Related to #5135

This is all there is to it!

What's inside

• Caching PDP for InApp
• Random infinite product loading
• Tokens on different websites, and more!

Caching PDP for InApp

There were some cache issues that affected specially users using the store InApp. Now, when you change qty (stock), name, or price, and then browse around, the product will update for the user in every case.

Random infinite product loading

This is an issue that was reported by some community members in ScandiPWA Slack. We are happy to inform that it is now fixed.

Tokens on different websites

In this new version, the cart, customer, and compare list tokens are no longer shared between different websites.

Bug fixes

• Header overlaps to order details on print order page and in PDF [#5124].
• Customizable options are missing for virtual products in the cart/mini cart [#5112].
• Mobile: Counter of items in cart absent after user added some products to cart [#5101].
• Area colored in secondary color is displayed in the Cart and Wishlist [#5090].
• Cart contain 0 products after update of status of product and refresh of page [#5087].
• Error message 'The current customer isn’t authorized' appears when time goes which set in Customer token Lifetime setting [#5072].
• Success message 'Product added to wish-list!' appears but product isn't added to Wishlist if user uploaded invalid extension for file or entered long text in text field/area [#5062].
• By default None option isn't selected for not required bundle option on PDP [#5060].
• Field for Message stays grey after validation in Share Wishlist form in My Account [#5050].
• Checkbox 'General subscription' isn't selected for subscribed user after refreshing Newsletter Subscription page in my account [#5046].
• Plus and minus buttons are not centered in relation to radio buttons or checkboxes [#5020].
• Fix some eslint rules + adjust docblock [#5014].
• Master oops page hotfix [#5012].
• PDP layout is broken if description contain long word without spaces [#5005].
• Cross-sell product is not shown in cart for some products [#5000].
• Ooops page appears when opening product with tier price from Wishlist [#4986].
• Product price is 0.00 when loading page if user opened direct link or tried to add product with not selected required options to Cart from Wishlist [#4985].
• Circle and rectangle near corresponding radio and checkboxes options are resized if child product has long name [#4970].
• Fix Compare List Token Between Websites [#4960].
• Loader jumps on the page when page is loading [#4949].
• Additional white space appears between search field and search result dropdown [#4945].
• Mobile: page with address can be resized on Android [#4932].
• Hover effect is missing for Select file button on PDP for product with file option [#4931].
• Different indent between two placeholders for product card in widget and on PLP [#4923].
• [543] removed the animation for filter overlay [#4918].
• %s is displayed in notification message instead of entered email if user resets password from /customer/account/forgotpassword page [#4909].
• [4710] changed the secondary light color [#4887].
• Products are displayed in grid view when resizing to the desktop view if list view is set [#4881].
• [544] removed notification fade in, fade out, and field shake animations [#4874].
• Long file name overlaps to the next product card in Wishlist [#4859].
• Quantity of product doesn't change in wishlist when increasing quantity from 1 to 2 [#4853].
• 404 page opens for few sec when clicking on Pencil in Wishlist [#4851].
• Align 'delete' and the X in the Cart [#4825].
• issue-4779 - Form validation at checkout step [#4792].
• Guest with registered email can't complete order if user stayed empty password field in checkout [#4780].
• Sign in form doesn't appear for registered email in shipping step if user returns to shipping from billing step [#4779].
• Cache issue on PDP when updating Qty, Price or Name and no manual refresh [#4778].
• FF: horizontal scroll appears in currency dropdown [#4755].
• PDP isn't loaded until refreshing page if user opened page in incognito after clearing cache in admin panel [#4742].
• Products are not loading correctly, random infinite loading [#4737].
• Cursor does not look like a finger if user hover it on config options on PDP [#4734].
• Screen view is not scrolled up on billing step if user clicked on 'Complete order' with empty required address fields [#4733].
• Background for first image in carousel on PDP painted by Secondary color 'Highligh' [#4710].
• Field for phone number stays grey after validation on /contact page [#4690].
• Nickname' is not aligned with 'Price' in write a review popup [#4325].
• Cart token isn't updated when switching website [#4277].
• Shipping/billing form is validated when logging in on checkout [#4077].
• ScandiPWA version in admin footer appears only if the theme is called /scandipwa [#4051].
• Send Cart Token On Each Cart Related Request [#3701].
• Order of products are not matching order of products in Admin panel for grouped product [#3277].
• User can't logged in if he/she didn't confirm account but reseted password [#3243].
• Mobile: Header disappear after refresh of any page in My account [#3012].
• Menu icon is active in bottom navigation menu on Shipping step and billing steps (should be cart) [#3006].
• Icons blink in navigation bar when going to another page via the navigation bar [#2948].
• Checkout Account Registration - Order not added to Account when User creates Account after checkout [#2685].
• Some cross-sell products disappear after a few seconds [#2508].
• Review tab is displayed on product page if reviews are disabled [#2454].
• Firefox: Orders table looks ugly on my orders page [#1656].

Dependency check

You can find a detailed guide about composer dependency update here - https://docs.scandipwa.com/getting-started-1/updating-scandipwa/custom-scandipwa-composer-dependency-update

NPM dependency:

@scandipwa/scandipwa: 5.3.2 @scandipwa/eslint-config: 0.1.41

Composer dependencies:

• scandipwa/catalog-graphql: from 3.2.13 to 3.3.1
• scandipwa/customer-graph-ql: from 4.0.0 to 4.0.4
• scandipwa/quote-graphql: from 2.19.26 to 3.0.4
• scandipwa/store-graphql: from 1.2.11 to 1.3.0
• scandipwa/customization: from 2.0.1 to 2.0.2

What's inside

• Fixed the issue where the cart crashed if Display Subtotal in the admin panel wasn't set as Including and Excluding Tax. Related to https://github.com/scandipwa/scandipwa/issues/5004. ❤️ Kudos to @tim-breitenstein-it!

This is all there is to it!

What's inside

• Support for Magento 2.4.4
• UI and UX improvements for mobile and desktop
• Quality fixes for error messages, adding to cart, URL redirects, loaders, discounts, and more!

Support for Magento 2.4.4 is here!

This new version of ScandiPWA focuses on offering support for Magento 2.4.4. It has been thoroughly tested by our quality specialists. We invite you to read all of the details of the support implementation at Support for Magento 2.4.4.

For previous versions' compatibility with Magento, access the User Manual: Magento version mapping.

Introduction of PHP 8.1

Magento Open Source 2.4.4 introduces support for PHP 8.1. The BE modules have been updated for compatibility with PHP 8.1. Scroll down to Composer dependencies to see the new versions for each back-end module.

Vendor-Bundled Extensions

All the vendor extensions such as Amazon Pay, dotdigital, Klarna, Vertex, YotPo have been removed from M2.4.4. Only Braintree wasn’t because it is integrated into core Magento. Therefore, we have replicated these changes in ScandiPWA.

Bug fixes

• Not allowed HTML tags on product page [#1551].
• Empty cart appears for a few seconds when user changing currency and shopping cart contain product [#2642].
• Warning message "Please add at least one product to cart!" appear after reload of Checkout page [#2816].
• User redirects to billing step when clicking Proceed to billing if he/she didn't select delivery store [#3199].
• Picture resized when user goes from PLP to PDP [#3215].
• Add alert for when user didn't confirm their account and it is required [#3284].
• Fix Product Cart Placeholders [#3468].
• One option saved to DB, if multiple bundle options selected [#3478].
• Header block above/below the menu is missing on FE after redesign. [#3718].
• Error message appears on billing step but not in cart if user tried to buy products which price < Minimum Order Amount [#3763].
• Mobile: Ooops page appears when opening any page if internet connection is lost [#3768].
• Checkout/ route doesn't work when trying access it in latest SPWA [#3776].
• Name of attributes of 'Images Type Map' shown in html format [#3802].
• A lot of loaders are displayed on PDP when loading page [#4005].
• Word 'Discount' is duplicated + discount amount is displayed without symbol minus [#4018].
• Support for Magento 2.4.4 [#4122].
• [Mobile] The background is visible on the bottom when the menu hides [#4165].
• Mobile: Order page look ugly if user open it in RTL mode and applied coupon with long name without spaces [#4166].
• User can not make reorder of order from other store [#4195].
• Error message 'Error fetching Product List!' appears on the search result page when entering '+' in the search line and pressing 'Enter' on keyboard [#4255].
• Android: T&C is shifted on the billing page [#4261].
• Price excl.tax is shifted left for shipping method if shipping method has long name [#4293].
• Flickering titles [#4340].
• Two error messages appear below Confirm password field on reset password page if user submitted form without confirm new password [#4497].
• PDP's stuck after the second page load [#4513].
• All text/visual swatches attributes are displayed in widgets even setting 'Used in Product Listing' is set to No for this attribute [#4589].
• Error message 'This field is required!' is missing below email field in checkout [#4609].
• Add The Support Of The Custom Type For Input Field [#4614].
• Wrong behavior on PDP if amount in stock less than 'Minimum Qty Allowed in Shopping Cart' [#4624].
• Ooops page when opening /styleguide page [#4635].
• Currency without set rate is displayed in currency switcher on the website [#4637].
• Mobile: Loader isn't displayed in the center of screen in Wishlist when adding all products to cart [#4642].
• Required field stays green for file option on PDP if user uploaded file and then canceled the second try to upload file [#4650].
• Horizontal scroll appears on my downloadable page when resizing window [#4656].
• Loaders shown twice if user login on billing step [#4660].
• If user is clicking on disabled option in config product card on PLP then PDP is opened [#4665].
• Comments for order are missing on print order page [#4678].
• Internal server error appears when clicking on Proceed to Billing if user selected In-Store delivery and then returned to the shipping step [#4687].
• Mobile: Title for pop-up 'Select Store' stays on shipping page after selecting store [#4688].
• Indent between text area and error message bigger than in other places on PDP [#4705].
• Coupon field isn't aligned with another content on billing page [#4706].
• Vertical scrollbar appears on the CMS page in the block with widget with products [#4711].
• Safari, FF: file is not deleted from filed if user clicked on cancel after previous successful loading [#4715].
• [Mobile] See results button in the filters in PLP is cut [#4720].
• [Mobile] Filters in PLP don't fit the screen correctly [#4721].
• Feature: Account is locked even after resetting password [#4727].
• Error message 'This field is required!' is displayed below coupon field in the cart if user entered coupon code and then deleted [#4730].
• Message 'No results found!' shown without padding in search dropdown [#4732].
• Actual price is missing on PLP and PDP if product costs zero [#4747].
• Mobile: line is missing under currency dropdown [#4753].
• Endless loading appears instead of 'Thank you' page [#4757].
• PLP opens from the top when returning from PDP [#4758].
• Two scrolls present for in-store delivery pop-up [#4760].
• Add 'Remove file' button if user selected file for product with customizable option on PDP [#4762].
• Mobile: Width of content in 'My account' pages is wrong [#4770].
• Breadcrumbs are missing on /customer/account and /customer/account/edit pages [#4773].
• Ooops page opens for few sec and not selected currency is displayed for products if user switched currency on PLP [#4782].
• Wrong order of items in summary in cart: tax field is not last [#4785].
• RTL: Loader is shifted to the left in the cart [#4786].
• Font size of Excl.tax price for Include Order Total and Excl.tax price in Summary are wrong [#4796].
• Setting Default Product Listing Sort By doesn't work [#4797].
• Error message appears in the console if user clicked Add to Cart while page is loading [#4798].
• Info in address card on Shipping are shown not the same as on Luma [#4800].
• User should click twice on + qty control button to increase qty from 1 to 2 for 0 qty child product in grouped product [#4801].
• Order total' is absent in summary on cart and checkout if order total equal to 0 [#4803].
• Review pop-up looks ugly if all ratings are disabled or not assigned to the store [#4812].
• Default Rating Value is displayed in Write a Review form if for this store is set specific Rating Title in Admin panel [#4814].
• Mobile: Padding above Subtotal is absent [#4820].
• Can't add product to cart with not required file option if on the first user uploaded invalid extension and then reset it [#4827].
• Add padding to 'Have a discount?' in the billing step [#4831].
• Fix for page builder style support [#4836].
• Ooops page when logged in user is opening /wishlist page if wishlist is disabled [#4850].
• Success message about saving new address or editing old in My account is wrong [#4863].
• Safari/FF: Products twitching when scrolling compare list [#4899].
• product gallery disappears if there is no base image and yt videos with hyphens don't work [#4938].
• Wrong Qty of steps on Checkout [#4952].
• User is redirected to PDP after click on 'Add to cart' in product card on PLP for product which does not require redirect to PDP [#4955].
• Button Add to Cart has different size for products in the compare list [#4964].
• Can't add product to cart from compare list [#4967].

Dependency check

You can find a detailed guide about composer dependency update here - https://docs.scandipwa.com/getting-started-1/updating-scandipwa/custom-scandipwa-composer-dependency-update

NPM dependency:

@scandipwa/scandipwa: 5.3.0 @scandipwa/scandipwa-scripts: 2.4.21 @scandipwa/eslint-config: 0.1.40 @tilework/mosaic: 0.1.7

Composer dependencies:

• scandipwa/persisted-query: from 3.0.3 to 3.0.5
• scandipwa/cms-graphql: from 1.4.4 to 1.4.6
• scandipwa/catalog-graphql: from 3.2.12 to 3.2.13
• scandipwa/directory-graphql: from 1.0.1 to 1.0.2
• scandipwa/product-alerts-graphql: from 1.0.0 to 1.0.1
• scandipwa/sales-graphql: from 1.0.10 to 1.2.0
• scandipwa/catalog-customer-graphql: from 1.0.0 to 1.0.1
• scandipwa/customer-graph-ql: from 3.1.12 to 4.0.0
• scandipwa/performance: from 1.5.5 to 1.5.6
• scandipwa/quote-graphql: from 2.19.22 to 2.19.26
• scandipwa/review-graphql: 1.0.0
• scandipwa/wishlist-graphql: from 2.0.15 to 2.0.16

What's inside

• New Print Order functionality
• Improved animations and transitions
• Product added to a category was missing in it if the category was previously cached
• Minor FE adjustments (breadcrumbs, fields validation, loaders, placeholders)
• Fixed image’s proportions in tables
• RTL mode improved for the offline mode, radio buttons, and Add to Homescreen banner
• Corrected success and error messages
• and many more bug fixes!

New Print Order functionality

This new functionality allows the user to print orders by going to My Orders > View Order > Print Order

Improved animations and transitions

We have improved the animations and transitions aiming to provide a smoother experience while traveling through the different pages, both on desktop and on mobile.

Product added to a category was missing in it if the category was previously cached

In this milestone, we have identified an issue where the products recently added to a category did not appear on the category unless you flushed the cache in the BE. If you notice this issue in your current version, we highly recommend upgrading to version 5.2.7. Because ScandiPWA relies heavily on cache, it is important to avoid flushing it frequently.

Bug fixes

• Firefox: Indent is missing under button ‘Save’ in add address form [#1657].
• Email field stays after user is Logged In on Shipping step [#2665].
• Breadcrumbs appear on Homepage if user switched stores and click on Back button [#2859].
• Field for entering coupon stays green if user enter wrong coupon [#3125].
• Cross sign shifted down in compare list [#3146].
• Image in table does not save proportions and does not centralize by the height in cell on CMS page if it set in admin [#3218].
• iOS: RTL: Icon is broken in Add to home screen banner [#3230].
• Issues related to the picture in the table on CMS page [#3232].
• Mobile: Tax line is displayed in empty cart [#3307].
• Never-ending loader instead file input on PDP if user canceled the second try to upload file [#3511].
• Mobile: Share button is active in empty Wishlist [#3530].
• Incorrect error message appears in Reset password form when submitting not matched passwords if before this user submitted invalid password [#3563].
• Success message can appear a couple of times if user often clicks on wishlist sign on PDP [#3566].
• Links are marked as validated after closing tab with sample [#3587].
• Add Print Order functionality [#3751].
• Account is locked when changing password in my account and user entered invalid current password [#3886].
• Fields for enter new and confirm password stay green after error message appear [#3900].
• The customer data stays in Local Storage when logging out if user opens my account and quickly click on Logout [#3902].
• Dropdown is closed on PDP when clicking on disabled option [#3965].
• Empty cart is displayed for few sec if user did reorder from my account [#4000].
• Minus button activated if product only 1 in stock available and it is less than minimum salable quantity [#4035].
• Mobile: Product name or stars is not aligned with the cross in Wishlist [#4069].
• Margin absent between Excluding taxes and maximum price of bundle product before discount if Price after discount situated on second line [#4072].
• Shipping/billing form is validated when logging in on checkout [#4077].
• Loader is missing for summary block on checkout page when logging in on checkout [#4078].
• Issues related to order comments [#4092].
• RTL: Marks are shifted for radio buttons and checkboxes on PDP, PLP, Checkout and My account [#4104].
• Compare page shakes if user scroll it horizontally on mobile [#4106].
• Block with widgets is narrower than CMS block on home page on mobile [#4120].
• Coupon field is missing on billing page [#4138].
• Mobile: Duplicate line is displayed below cms block in the cart [#4226].
• Mobile: CMS block is displayed between products and order subtotal on checkout pages [#4228].
• Grouped product is not added to cart if it contains Out of stock child product [#4233].
• If child product has long name in dropdown, then it is not moved to second line and partially hidden [#4244].
• Mobile: Loader situated from the top when info about order is loading [#4245].
• Mobile: Title 'Share Wishlist' stays in wishlist after sharing wishlist [#4247].
• Maximum X characters' absent under text field or area on PDP if 'Max Characters' is set in admin [#4249].
• Error message 'Incorrect File extension upload!' appears when uploading file with valid extension if the extension is written in capital letters [#4251].
• Hover effect is missing for product card in search overlay [#4256].
• Sign in form is displayed in checkout when entering not registered email if before this user entered registered email [#4260].
• Duplicate of success message appears when logging in on shipping step [#4271].
• Footer jumps when PLP is loading if user opened it from block on homepage [#4273].
• All header works as back button in pop-ups [#4278].
• User redirects to Sign in page and success message appears if user edited account information with existing email and wrong password [#4281].
• Order for customizable options on website doesn't match order in the Admin panel [#4284].
• Account icon is shifted left on checkout [#4294].
• Fire Fox: Images in product cards on PLP are moving down if user hover on it [#4321].
• Fix buttons in 40kSKU [#4329].
• Minimal value is 1!' and 'Maximum value is 5!' shown under the counter in grouped product [#4336].
• Unavailable shipping methods is not grey color [#4337].
• Name of state saved for field without dropdown when user selected other country [#4338].
• Create account' button is displayed on Thank you page if user completed the second order with registered email [#4342].
• Opacity for selected by default product option is missing on PDP if this product is out of stock [#4344].
• Numbers in 'Subtotal' column is not moved on second line [#4349].
• Ooops page opens when changing ':' to '=' in customFilters part of url [#4351].
• Bump url-parse from 1.5.7 to 1.5.10 [#4352].
• Product is missing on PLP if user added it for category in Admin panel [#4353].
• Price moved from first line to second line with disabled option in dropdown [#4355].
• Guest who buys virtual products isn't redirected to shipping step when logging in on billing step if user already had not virtual products in the cart [#4361].
• Windows: Small part of background visible from the left side of scroll [#4364].
• One of letters is written as capital letter in the middle of word in breadcrumbs in my account and compare list [#4365].
• Placeholder for breadcrumbs is missing on PLP when loading page if user goes from PLP to PLP [#4371].
• Mobile: Placeholder for Filter is missing when page is loading [#4374].
• Placeholder for Layered navigation is missing on PLP when opening page for the first time [#4375].
• RTL: Offline mode icon is broken [#4379].
• Radio buttons and checkboxes are narrowed when resizing window [#4400].
• Show message that token is not available on reset password form if URL is broken [#4402].
• Cart token isn't updated after logging out [#4413].
• 404 page opens for few sec when adding product to cart from wishlist if product has required options [#4427].
• Space appears between slider and header line [#4433].
• Cursor does not become a finger if user hover it on stores in dropdown [#4434].
• Checkbox 'My billing and shipping are the same' is selected on billing step if user has different default billing address [#4437].
• Error message 'Product is out of stock' appears when selecting in stock product in dropdown [#4445].
• Loader is missing in Share Wishlist pop-up when sharing wishlist [#4451].
• iOS: Button 'Create account' and text overlap to button 'Continue Shopping' on Thank you page [#4454].
• Title and breadcrumbs are written in capital letters on search result page [#4455].
• Increase the padding to 32px [#4457].
• Mobile: Unnecessary line appears below search line when tapping search line [#4461].
• Nothing happens when adding product to wishlist if user doesn't wait for the previous product to be added to wishlist [#4463].
• Mobile: Encoded special characters of url is displayed in title on search result page [#4473].
• Dropdowns don't have scroll bar on website [#4475].
• Mac: Option is cropped in the dropdown on the website [#4478].
• Image is missing in the description on PDP if user added only image [#4480].
• Product cards become bigger in Catalog product list/Recently viewed product widget if user re-sized window [#4489].
• Safari: Dropdown closes gradually on PDP [#4498].
• User can't select radio buttons option from the first time for bundle or products with not required customizable options [#4500].
• Loader is missing for Sign in form in checkout when logging in [#4505].
• User doesn't redirect to PDP when adding config product to cart if setting 'Used in Product Listing' is set to 'No' for one of visual or text swatch attribute [#4506].
• Error "The request is not allowed for logged in customers" on checkout [#4515].
• Padding between price and options is missing in product card on PLP if layout is set to list view [#4521].
• Mobile: Hover effect stays on tapped elements [#4522].
• PropTypes.date does not exist [#4527].
• Submit' button is shifted down in the cart if user decreased window size [#4529].
• List/Grid icons and Sort by dropdown is shifted left on PLP [#4530].
• Telemetry timing is collected in seconds, must be in ms [#4531].
• Title of shipping method starts from the second line if it's long [#4541].
• Space between stars and 'This filed is required' is bigger than between field and same message [#4542].
• Big margin is displayed between dropdown and error message for bundle product on PDP [#4543].
• Horizontal scroll appears on order page when resizing window [#4545].
• Mobile: IOS: Colon moved from word Qty to line with 'Shipped' amount [#4548].
• Wrong type definition at packages/scandipwa/src/type/Order.type.js [#4553].
• Mobile: Loader is shown on PLP after refresh of page [#4556].
• Mobile: Dropdown options are mixed with underlying text if user selected option from dropdown [#4557].
• Mobile: Loader is displayed at the bottom of product card in wishlist if user added product to cart or remove it from wishlist [#4558].
• Text hovers on bullets and numeration on CMS page [#4573].
• Notification makes the page jump [#4579].
• Maximum N characters' jumps if user enter more than N characters in text area / field [#4586].
• Fixing README.md demo URLs [#4591].
• Error message 'Uncaught TypeError: Cannot read properties of undefined (reading 'props')' appears in the console when closing notification messages [#4592].
• Long word in table on CMS page is not moved to second line [#4594].
• Star is situated from the right side but not near the Name of option [#4596].
• Ooops page appears when opening checkout [#4604].
• Each visual/text swatch is displayed from new line in Layered navigation, Product card on PLP and PDP [#4605].
• Title 'Address book' is missing and button 'Add New Address' is shifted up in Address book if user opens it via Manage Addresses link [#4611].
• Conflicts of setting version for composer.json in CSA [#4618].
• Qty = 'Default Stock' shown on PDP if Default Stock less than 0 [#4625].
• Success message is missing if user added/edited/deleted address in my account [#4627].
• Error message 'Minimal value is N!' overlaps to control quantity buttons for grouped product on PDP [#4632].
• Request is sent every time when user is clicking on loader instead compare icon on PDP [#4651].
• Loaders shown twice if user login on billing step [#4660].
• Names of products are shown on PLP after placeholders and before images on FireFox [#4661].
• Android: FF: Button 'See results' is cropped in Filter pop-up [#4663].
• iOS: Indent is missing between stars and error message in write a review form [#4664].
• Qty of items on PLP and dropdown are absent if user opened PLP without products [#4676].
• Placeholder is missing for Sort by dropdown on PLP when page is loading [#4679].
• Mobile: Name of item (price, SKU, product name) is missing and values are shifted for bundle product on order page [#4681].
• Prepended config URL strings with slashes for the sake of convention [#4683].
• Page is scrolled up if user added some product to wishlist from PLP [#4686].
• Ooops page when user open grouped product [#4703].
• Qty is not increased in mini cart if user click on 'Add to cart' same product twice or more time [#4718].
• Ooops page appears on browserstack when user login on IOS 12.1 and lower version [#4736].

Dependency check

You can find a detailed guide about composer dependency update here - https://docs.scandipwa.com/getting-started-1/updating-scandipwa/custom-scandipwa-composer-dependency-update

NPM dependency:

@scandipwa/scandipwa: 5.2.7 @scandipwa/scandipwa-scripts: 2.4.20 @scandipwa/eslint-config: 0.1.39

Composer dependencies:

• scandipwa/quote-graphql: from 2.19.21 to 2.19.22
• scandipwa/customization: from 1.5.10 to 1.5.12
• scandipwa/customer-graph-ql: from 3.1.10 to 3.1.12
• scandipwa/catalog-graphql: from 3.2.11 to 3.2.12

What's inside

• Fixed the permission for some packages.

This is all there is to it!

What's inside

• New default URL parameters to track InApp sessions
• New blocks added to CMS pages will appear without reloading
• My Orders improvements
• Radio Button fixes
• And many more bug fixes!

New default URL parameters to track InApp sessions

We have set the default UTM parameters for the start page of the application with the following values:

• utm_source=homescreen
• utm_medium=scandiPWA

This will allow one to track how many people are using the InApp PWA version on their mobile home screen and how many transactions are being placed in such a way!

If desired, these values can be changed in the admin panel by going to Stores > Configuration > Scandipwa > Webmanifest Customization > Start URL.

New blocks added to CMS pages will appear without reloading

Now the blocks that are added to any CMS page will appear to the users without them having to reload the page, but simply by browsing around the site. This will be useful, especially for users who don't close or reload the app, assuring they will see the new changes even so.

Bug fixes

• Unnecessary indent is displayed in product cart for config product on PLP [#4411].
• Wrong products are displayed in widgets if user did changes in widget in Admin panel [#4376].
• Mobile: line is missing under currency and line under compare is bold [#4350].
• Checkmark is missing for selected delivery method on checkout [#4343].
• If qty of products in cart more than 99 then counter stay like circle [#4332].
• Popups in My account is cut by header [#4328].
• Mobile: Infinity loader is shown in cart if user goes to cart after logout [#4327].
• Bump url-parse from 1.5.3 to 1.5.7 [#4320].
• User can not add bundle product to cart if user selected option in dropdown and changed Qty [#4316].
• Height of text field is 44.6px [#4315].
• Height of dropdown fields is 44.6 px [#4314].
• Console errors [#4308].
• discount each' is written by bold font for bundle product with tier price [#4304].
• Quantity control buttons for product option is shifted down for bundle product on PDP [#4295].
• Bump follow-redirects from 1.14.7 to 1.14.8 [#4290].
• Bump ajv from 6.12.2 to 6.12.6 in /build-packages/scandipwa-development-toolkit-vscode [#4288].
• ScandiPWA customFilters break when special characters of url are encoded [#4285].
• File name is cropped in the cart if user uploaded file with long name [#4283].
• Count for options is moved to the next line without the last word in Layered Navigation [#4282].
• #4092 - Add date sorting for comments [#4276].
• Header overlaps to image on PDP when opening product image on full-screen [#4274].
• Search product' is cut on the search bar [#4267].
• Granular cache and sensitive queries request [#4266].
• Product option isn't selected by default for bundle product in dropdown on PDP [#4263].
• Bump simple-get from 3.1.0 to 3.1.1 [#4254].
• Saved % for tier price is recalculated wrong if special price is applied to product too [#4252].
• Mobile: If a word or number consist of more characters than can contain a line on mobile then it goes out of the screen [#4242].
• User is not redirected to 'Sign in' page on desktop if went through Forgot password procedure [#4238].
• Wrong error message shown after user went through Forgot password [#4237].
• Placeholders for layered navigation looks ugly [#4235].
• Scroll can not be moved till the end on Compare page if user deleted one of products [#4231].
• Error message 'Uncaught SyntaxError: Unexpected number' appears in the console when opening website [#4224].
• Notification 'Offline mode' is missing if internet connection is lost [#4213].
• Fix for page builder style support [#4206].
• Ooops page when open PLP [#4205].
• IOS: Name of product is cut in Wishlist [#4202].
• Additional space present between title and drop-down option [#4178].
• Mobile: unnecessary line present over the Subtotal block in order description [#4164].
• Mobile: If user open link on My account then redirect on page 'Sign in' absent [#4161].
• Fix for html style hash [#4160].
• Bump node-fetch from 2.6.1 to 2.6.7 [#4152].
• Bump node-fetch from 2.6.1 to 2.6.7 in /build-packages/scandipwa-cli [#4151].
• Bump nanoid from 3.1.25 to 3.2.0 [#4148].
• Install app instead of create a shortcut [#4144].
• Page moves horizontally if user open any popup [#4139].
• Mobile: Menu icon is painted over in navigation bar when opening My account pages [#4135].
• Long file name overlaps to next column (SKU) on order page [#4131].
• Stars is stretched on review page in RTL mode [#4130].
• Change my password' is not situated in header [#4129].
• Line under the title absent on mobile on some pages [#4128].
• Text of review written in Justify mode but not with Left alignment [#4126].
• Add URL parameters to the homepage to track InApp sessions [#4123].
• User is not redirected to Sign in page after user created account on create account page [#4119].
• FF: 'Manage Addresses' shifted down related to 'Address Book' [#4118].
• #4092 - Correction of display errors related to order comments [#4103].
• Enable forbid rule on creating anchor tag. Remove unused component [#4099].
• Bump follow-redirects from 1.14.4 to 1.14.7 [#4097].
• Hover effect on 'I agree to terms and conditions' is not the same as on billing options [#4090].
• Indent to right is missing for list with bullets in relation to other text [#4083].
• Loader is missing on checkout page when logging in on checkout [#4078].
• Internal server error appears when opening order where catalog price rule without coupon is applied and admin did credit memo in Admin panel [#4076].
• Logged in user doesn't redirect to my account when opening reset password or confirm account form [#4075].
• Space is wrong between field 'Tax/VAT Number' and title 'Sign-Up Information' if Newsletter subscription is off [#4068].
• Mobile: Horizontal scroll appears on checkout if delivery method has long title and/or method name [#4063].
• Ooops page appears when opening /menu page in incognito mode [#4060].
• Mobile: Only latest 20 orders are displayed in list of orders [#4057].
• Include a vertical scroll bar for dropdowns in desktop mode [#4055].
• State is missing for shipping/billing address in order in my account [#4022].
• Unnecessary lines are displayed below last product in order if order have more than one shipment/invoice/refund [#4017].
• Search and menu is not centrally aligned while user is not logged in [#3976].
• Issues related to orders in my account part 4 [#3971].
• Field auto fulled if user delete last symbol of previous password in Edit email in Account information [#3954].
• Issues related to orders in my account part 3 [#3939].
• Disable options for out of stock product items for bundle product [#3832].
• Corners is not rounded in some blocks on cart page [#3795].
• Wrong color and font settings on cart page [#3794].
• Page is not scrolled to unselected required options of configurable product when user click on 'Add to cart' [#3785].
• Category is not clickable in footer if user click on it on same page [#3782].
• Not correct error message when adding product to cart in offline mode [#3766].
• Implement counter feature (X/Y) on mobile instead of a lot of dots [#3760].
• Block added to CMS page should appear to user without reloading [#3755].
• Error message 'Password should be at least 8 characters long' is missing below password field in sign in form if user entered less than 8 characters [#3750].
• Wrong font settings on PDP on Mobile [#3743].
• Indent is missing below image in product card if products are displayed as list view on PLP [#3740].
• User doesn't redirect to PDP when adding product (with required options) to cart from compare list [#3739].
• Line under the Change password header absent on mobile [#3682].
• Error message 'Something went wrong' appears on billing step if one of required fields is stayed empty [#3657].
• Sample for downloadable product opens in the same window if setting Open Links in New Window is set to yes [#3588].
• RTL: Name of option with radio button selector is written in LTR order in cart [#3572].
• Qty of products near price filter is not written in line if price filter written in two lines [#3569].
• Notification message is displayed twice when submitting Forgot password form [#3562].
• Space is absent between promotion block and summary block on shipping and billing steps [#3551].
• Hover effect is missing for radio button when hovering on delivery method (text) [#3547].
• Placeholder 'Message' uses wrong styles on contact us form [#3505].
• Issues related to radio buttons - part 2 [#3464].
• Advertising message for bundle products should be written without price if rule 'Buy X get Y discount' implemented [#3456].
• Arrow near 'Sort' on PLP is missing on mobile [#3446].
• Mobile: Make pages start from the top when you switch to them [#3281].
• Options for product are cropped in cart/mini-cart [#3270].
• Hover effect and checkmark does not appear when hover on the name of option of downloadable product [#3181].
• On mobile: Plus symbol '+' is displayed instead of space in title on search result page [#3105].
• Android: The navigation bar is cropped on My downloadable and My wishlist pages [#3067].
• Text area is not highlighted by green and text field is not grey if text deleted from field in customizable product [#3058].
• Cross-sells products getting duplicated if user added config products to cart with different attributes options [#2608].
• Rating isn't identified as mandatory though it is required for submitting the review [#2574].
• Password should be at least 8 characters long in create account form, even if we changed to 5 characters in the admin panel [#1617].
• Product order(for bundle product) on website doesn't match product order in the Admin panel [#1533].

Dependency check

You can find a detailed guide about composer dependency update here - https://docs.scandipwa.com/getting-started-1/updating-scandipwa/custom-scandipwa-composer-dependency-update

Composer dependencies:

• scandipwa/store-graphql: from 1.2.10 to 1.2.11
• scandipwa/cache: from 1.1.4 to 1.1.5
• scandipwa/customization: from 1.5.9 to 1.5.10
• scandipwa/customer-graph-ql: from 3.1.9 to 3.1.10
• scandipwa/sales-graphql: from 1.0.6 to 1.0.10