Cornerstone update 5.2.0 (#43)

* update config.json * fix(storefront):BCTHEME-43 fix overlaping on footer columns when long texts are entered (bigcommerce#1753) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * BCTHEME154: fix issue with add product to cart on ie11 (bigcommerce#1762) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * feature(storefront): BCTHEME-157 Improper heading hierarchy on Sitemap (bigcommerce#1774) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * feature(storefront): BCTHEME-158 Improper heading hierarchy on Cart page (bigcommerce#1775) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-132 Visually hidden cart link read by screen reader (bigcommerce#1770) * fix(storefront): bctheme-150 fixed issue with store logo on mobile (bigcommerce#1767) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * feat(storefront): BCTHEME-128 Error messages from Write a Review form should be announced (bigcommerce#1777) * feat(storefront): BCTHEME-127 Product ratings on PDPs should have aria-hidden=true (bigcommerce#1769) * feature(storefront): BCTHEME-156 Selected state on search page not announced (bigcommerce#1788) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-139 Unnecessary heading tag in carousel (bigcommerce#1780) * fix(storefront): BCTHEME-146 Improper heading hierarchy on Add to Cart modal heading (bigcommerce#1783) * fix(storefront): BCTHEME-147 Improper heading hierarchy on Add to Cart modal recommendation (bigcommerce#1784) * fix(storefront): BCTHEME-153 Insufficient link text (bigcommerce#1786) * fix(storefront): BCTHEME-144 Button inputs with the same name attribute should be part of a group (bigcommerce#1792) * fix(storefront): BCTHEME-159 IDs used in ARIA and labels are not unique (bigcommerce#1791) * BCTHEME-160: add valid ARIA role for Related Products tab (bigcommerce#1782) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-35 Cornerstone - Cart link not visible on mobile Chrome depending on swatch image size (bigcommerce#1793) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-143 Improper heading hierarchy on PLPs (bigcommerce#1779) * fix(storefront): BCTHEME-161 ARIA attributes on Write Review modal need valid values (bigcommerce#1790) * feat(storefront): BCTHEME-122 Add labels to swatches (bigcommerce#1761) * fix(storefront): BCTHEME-67 Cart icon quantity should have appropriate link text (bigcommerce#1765) * feature(storefront): BCTHEME-130 Carousel links should have discernible text (bigcommerce#1789) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * feat(storefront): BCTHEME-135 Missing tooltip for close button on change modal (bigcommerce#1773) * Eslint fix * fix(storefront):fix product Images don't change on click in IE11 (bigcommerce#1748) * fix(storefront):Product Images don't change on click in IE11 * fix eslint errors Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-194 Review link in quick modal focused twice (bigcommerce#1797) * Releasing 4.10.0-rc.1 * fix(storefront): BCTHEME-211 Cross icon on close button missalignment * BCTHEME-191 Incorrect styles for focused buttons in grid card product item * BCTHEME-196 Create unified focus styling in Cornerstone * Releasing 4.10.0-rc.2 * fix(storefront): BCTHEME-230 Quick search query param needs to be fixed while navigating to search page * fix(storefront): STRF-8599 Drop Jquery: Replaced event's current target to the element passed from utils(on hook) * Releasing 4.10.0-rc.3 * fix(storefront): STRF-8607 Unified browsers list that we support * fix(storefront): BCTHEME-265 Return heading to product card * Releasing 4.10.0-rc.4 * Fixed quick search data attribute accroding to external hook api requirement * Releasing 4.10.0-rc.5 * Fixed slick issue with cloning slides * Releasing 4.10.0-rc.6 * Fix * Releasing 4.10.0-rc.7 * Refactor GitHub action for Bundle Test (bigcommerce#1852) Making a few improvements to the GitHub action which does a test bundle. * Better docs/comments * Better name * Support "master" or "main" branch as new forks will use `main` * https://www.zdnet.com/article/github-to-replace-master-with-main-starting-next-month/ * https://github.com/github/renaming * Add both a ruby gem cache as well as an npm cache to speed things up (CLI install is most of the time spent currently) * Update Test Badge in README.md * Upload bundled .zip file on PRs for easy testing * Releasing 4.10.0 * Cornerstone 4.10 changelog update * fix(storefront): BCTHEME-171 State of search link not announced (bigcommerce#1798) * fix(storefront): BCTHEME-198 Face accessibility standards with social links on PDP's page (bigcommerce#1809) * fix(storefront): BCTHEME-215 Delete item button in cart cut off from right side when in focus (bigcommerce#1823) * fix(storefront): BCTHEME-169 Subscription notification not announced (bigcommerce#1813) * feat(storefront)bctheme-203: add sufficient contrast on checkboxes within faceted search (bigcommerce#1815) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-167 Focus not visible on logo element (bigcommerce#1800) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * feat(storefront):BCTHEME-168: addcontrast for email address input according to AA standard (bigcommerce#1804) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * feat(storefront):BCTHEME-174 add contrast on product ratings in Quick View (bigcommerce#1799) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * feat(storefront):bctheme-173: add color for carousel arrows AA standard (bigcommerce#1814) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * feat(storefront)bctheme-220: add sufficient contrast to button border color (bigcommerce#1817) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * BCTHEME-229 Product carousel with related products - arrows not working (bigcommerce#1828) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront)BCTHEME170: fix empty cart notification (bigcommerce#1846) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * feat(cornerstone):BCTHEME-201: add expanded/collapsed state on add-info button (bigcommerce#1844) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront)bctheme-223: fix voiceover focus not sync in faceted search (bigcommerce#1826) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * feat(storefront)BCTHEME75: add keyboard focus on write-a-review modal (bigcommerce#1835) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront)bctheme-225:fix filter top outline on focus (bigcommerce#1829) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront)BCTHEME-224: change role for sort by select (bigcommerce#1837) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront):bctheme-212 fix rating icons focus border (bigcommerce#1819) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront)BCTHEME-216: fix outline styles for breadcrumbs on focus (bigcommerce#1824) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * Fixed merge conflict * feat(content): MERC-7162 Add header bottom global region * Removed broken import from tools.scss file * BCTHEME-213 Add Info and Add Coupon forms on Cart Page tabbable when hidden (bigcommerce#1820) * Releasing 4.11.0-rc.1 * Update GitHub Action to use Node 12 Node 12 is now supported for Stencil CLI, so we'll use it for this action going forward. * Add examples of useful GitHub Actions for theme development * Releasing 4.11.0 * fix(payments): INT-3211 Change width size for apple pay button * Update Changelog * feat(storefront): STRF-8630 update cornerstone to be compatible with handlebars v4 * fix(storefront): BCTHEME-197 Logo focus of voice over has wrong (100% of the screen) width (bigcommerce#1831) * fix(storefront): BCTHEME-222 Rating and Other filter sections are not accessible by keyboard (bigcommerce#1838) * BCTHEME-210 Carousel hidden when one or more of its images not found (bigcommerce#1816) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * BCTHEME-214 Wishlist first option has no bottom outline when in focus (bigcommerce#1825) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-217 Product link has incorrect voice over focus on Cart Page (bigcommerce#1830) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-172 Card content truncated on zooming browser to 400% (bigcommerce#1803) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * BCTHEME-185 Sort By dropdowns need visual focus border (bigcommerce#1833) * BCTHEME-188 Product cards should link to products (bigcommerce#1842) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * BCTHEME-184 Options on change modal need focus border (bigcommerce#1839) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * BCTHEME-199 Zooming and scaling must not be disabled (bigcommerce#1843) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * BCTHEME-202 Notification of number of products not announced (bigcommerce#1845) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * BCTHEME-190 Content should not scroll in two directions when zoomed (bigcommerce#1853) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * feat(storefront)BCTHEME-205: add filter reset announcement (bigcommerce#1858) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * feat(storefront) BCTHEME-206: add announcement fot filtered result on Shop-by-price (bigcommerce#1854) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront)BCTHEME-164: fix image in modal for IE11 (bigcommerce#1840) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-279 fix logo displaying (bigcommerce#1865) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * feat(storefront):add to cart notification (bigcommerce#1860) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * BCTHEME-44 Cornerstone quick view (bigcommerce#1857) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-277 Certain Special Characters not rendering under Wishlists (bigcommerce#1873) * fix(storefront): BCTHEME-219 Social icons not clickable in modal after reopening (bigcommerce#1874) * fix(storefront): BCTHEME-282 Fix aria-labels for collapsibleFactory elements (bigcommerce#1868) * BCTHEME-269 Remove layout shifts to improve CLS indicator from Lighthouse performance report (bigcommerce#1869) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-233 Cornerstone - Unable to Compare Products from Recently Viewed Items (bigcommerce#1877) * feat(storefront): BCTHEME-290 add aria labelwith price for product list item (bigcommerce#1878) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * BCTHEME-209 Search result not notified by screen reader (bigcommerce#1867) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-289 Add aria label with price to Product Grid Item (bigcommerce#1875) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-268 Update carousel images to improve LCP indicator from Lighthouse performance report (bigcommerce#1876) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * feat(storefront): BCTHEME-187 improve localization and add default and fallback messages (bigcommerce#1850) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-297 Cornerstone 4.11.0 - Product Image Carousel Becomes Unresponsive on Product Page (bigcommerce#1879) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * Resolved issues after merging PRs for 4.12 release * Releasing 4.12.0-rc.1 * Reduce lodash usage in compare-products.js and image-gallery.js * Releasing 4.12.0-rc.2 * Releasing 4.12.0-rc.3 * Releasing 4.12.0-rc.4 * Upload bundle analysis as part of github action * feat(search): ES-1590 display error message if search fails * feat: (STRF-8747) add new stencil config files to .gitignore * Releasing 4.12.0 * Revert "Releasing 4.12.0" * feat(storefront): BCTHEME-299 update changelog for release 4.12 * Releasing 4.12.0 * Updated CHANGELOG.md before 4.12 release * Reverting cornerstone version to 4.12-rc.4 * Releasing 4.12.0 * Reverting 4.12 changes * Releasing 4.12.0 * Reverted 4.12 release commit and updated package.json versions * Releasing 4.12.0 * Revert fix(storefront): BCTHEME-219 Social icons not clickable in modal * Don't load social icons in quick view * Bump stencil-utils * fix(storefront): BCTHEME-305 Price Lists - Price in the cart is not updated when changing currency on mobile * fix(storefront): BCTHEME-314 ccount >Payment Methods throws Server Error when using Cornerstone theme (bigcommerce#1898) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-315 Write a Review modal cause TypeError (bigcommerce#1899) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * Releasing 4.12.1 * feat(payments): PAYPAL-712 Checkout page - Smart Payment Button styli… (bigcommerce#1866) feat(payments): PAYPAL-712 Checkout page - Smart Payment Button styling (Cornerstone) * feat(storefront): BCTHEME-116 move tax field after grand total when tax inclusive (bigcommerce#1903) * fix(storefront): BCTHEME-105 Cornerstone - Body text size above 14px is cut off on cart shipping dropdowns (bigcommerce#1881) * feat(storefront): BCTHEME-69 Add tooltips for carousel bullets (buttons) (bigcommerce#1889) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-319 Write a review modal extra executions (bigcommerce#1902) (bigcommerce#1902) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-232 Faceted search filters are hidden from screen readers (bigcommerce#1897) * fix(storefront): BCTHEME-292 Social icon tooltip displaying should be fixed (bigcommerce#1907) * BCTHEME-293 Product list item Quick view button is not tabbable (bigcommerce#1900) (bigcommerce#1900) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-273 fix contrast ratio for Skip to Main Content element (bigcommerce#1880) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * feat(storefront): BCTHEME-275 add upsell banner contrast (bigcommerce#1891) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-274 fix contranst ratio for brand name (bigcommerce#1882) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-288 Shoppers are not anchor-linked to reviews on PDPs if product description tabs are enabled (bigcommerce#1883) * fix(storefront): BCTHEME-308 HTML Entity displayed as is via system/error message on a Storefront (bigcommerce#1888) * STRF-8769 Moved zoomSize and productSize to the upper level, cause product.js is not availabe on the Quick View (bigcommerce#1884) * Bump versions of Ruby (bigcommerce#1905) To fix issue bigcommerce#1904 * Changelog update * fix(storefront): BCTHEME-104 Selecting product options doesn't update image on PDP in Internet Explorer (bigcommerce#1913) * fix(storefront): BCTHEME-11 hide product options that are out of stock on cart (bigcommerce#1911) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-301 Header content placed out of the header block on mobile (bigcommerce#1908) (bigcommerce#1908) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-85 “Sort by” dropdown selection not reflected on search results page for News and Information tab (bigcommerce#1910) (bigcommerce#1910) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-86 Cornerstone - Text hover color does not change when Dropdown menu display mode is set to Alternative (bigcommerce#1918) (bigcommerce#1918) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-321 fix social icon tooltip overlaying (bigcommerce#1914) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * Resolving eslint error after merging * fix(storefront): BCTHEME-30 fix misaligned tooltip for required product option (bigcommerce#1915) Co-authored-by: yurytut1993 <66325265+yurytut1993@users.noreply.github.com> * fix(storefront): BCTHEME-87 Product images squashed in Category view in AMP (bigcommerce#1921) (bigcommerce#1921) * fix(storefront): BCTHEME-313 Parse HTML entities in jsContext (bigcommerce#1917) * Added Changelog item for BCTHEME-313 * Releasing 5.0.0-rc.1 * feat(payments): PAYPAL-823 Add new banner on the cart page (bigcommerce#1901) * Releasing 5.0.0-rc.2 * Releasing 5.0.0 * feat(storefront): BCTHEME-304 add pagination for wishlists (bigcommerce#1906) * fix(storefront): BCTHEME-341 fix placeholder contrast ratio (bigcommerce#1933) * fix(storefront): BCTHEME-37 Cornerstone - Image Zoom Does Not Work on Internet Explorer (bigcommerce#1923) (bigcommerce#1923) * feat(storefront): BCTHEME-306 show price range on option selection (bigcommerce#1924) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-16 Cornerstone - loading of thumbnail image delayed on cart page (bigcommerce#1925 (bigcommerce#1925) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-193 fix not being able to change product qty with keyboard multiple times (bigcommerce#1927) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-345 define a main region on pages (bigcommerce#1929) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * fix(storefront): BCTHEME-346 add announcement for shipping estimator error messages (bigcommerce#1932) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> * feat(storefront): BCTHEME-343 No tooltips provided for carousel buttons (bigcommerce#1934) (bigcommerce#1934) * feature(storefront): Empty cart message not read by screen reader (bigcommerce#1935) (bigcommerce#1935) * feat(storefront): BCTHEME-344 Carousel buttons do not receive focus (bigcommerce#1937) (bigcommerce#1937) * fix(storefront): BCTHEME-155 fix recaptcha announcement for hidden content (bigcommerce#1943) * fix(storefront): BCTHEME-379 fix non-text contrast on add to cart button (bigcommerce#1946) * fix(storefront): BCTHEME-369 fix announcement on adding to cart by screen reader (bigcommerce#1950) * feat(storefront): BCTHEME-373 Alt text not provided for ratings (bigcommerce#1949) * feat(storefront): BCTHEME-78 Add Play/Pause button to carousel (bigcommerce#1944) * fix(storefront): BCTHEME-366 Error message on PLPs not announced by screen reader (bigcommerce#1956) * fix(storefront): BCTHEME-361 fix subscription message announcement (bigcommerce#1952) * feat(payments): PAYPAL-903 Product Page Banners (Cornerstone) - creat… (bigcommerce#1948) * feat(payments): PAYPAL-903 Product Page Banners (Cornerstone) - create custom price event * feat(payments): PAYPAL-903 Product Page Banners (Cornerstone) - create custom price event - CR fixes Co-authored-by: Alex Saiannyi <67792608+bc-alexsaiannyi@users.noreply.github.com> * BCTHEME-327: PDP - Empty "Description" is Hiding All Tabs When in Tab View (bigcommerce#1947) * feat(storefront): BCTHEME-388 Dots on carousel should have similar colours as other slider controls (bigcommerce#1958) * fix(storefront): BCTHEME-384 When default option is out of stock add to cart button does not populate for in stock options (bigcommerce#1955) * fix(storefront): BCTHEME-383 Selecting certain option types pushes window view to the bottom of the page (bigcommerce#1959) * Fixed merge conflict * STRF-8898 'Show More' gives no additional options when filter clicked (bigcommerce#1945) * Releasing 5.1.0-rc.1 * BCTHEME-387: Updates Cornerstone variants to meet the updated verticals outlined in BCTHEME-387. (bigcommerce#1962) Co-authored-by: Dante Muñoz <dante.munoz@c02v90c0htdh.lan> * Releasing 5.1.0-rc.2 * Releasing 5.1.0 * feat(storefront): STRF-8948 Fix Sort By on Search Page (bigcommerce#1971) * fix(storefront): BCTHEME-368 fix announcement for shop by price filter selection (bigcommerce#1966) * fix(storefront): BCTHEME-207 fix focus on sort by (bigcommerce#1964) * fix(storefront): BCTHEME-385 move a phrase from html to en.json (bigcommerce#1972) * feat(storefront): BCTHEME-390 Integrate accessibility scripts to product images slider on PDP (bigcommerce#1965) * fix(storefront): BCTHEME-354 If multiple Pick List Options are applied, customers cannot select 'none' on both (bigcommerce#1975) * fix(storefront): BCTHEME-356 Required checkbox message blocks the checkbox (bigcommerce#1963) * Updated Changelog PR link for BCTHEME-212 Fixed review rating icons focus border. * feat(storefront): BCTHEME-391 Move focus on filter items Modal after show more button was clicked and accessibility refactoring (bigcommerce#1977) * feat(storefront) BCTHEME-381 add suffient text for swatch option (bigcommerce#1976) * fix(storefront): BCTHEME-398 Make every product option group id unique (bigcommerce#1979) * fix(storefront): BCTHEME-264 fix update discount banner on PDP (bigcommerce#1974) * fix(storefront): BCTHEME-372 Error message not announced automatically (bigcommerce#1983) * fix(storefront): BCTHEME-400 If product options are not required, the 'None' option will remain selected even if another option is chosen (bigcommerce#1980) * fix(storefront): BCTHEME-334 Add alt attribute for no image placeholders (bigcommerce#1984) * fix(storefront): BCTHEME-401 Category pages are creating alt attribute within the span tag (bigcommerce#1987) * fix(storefront): BCTHEME-362 fix cut off cart button on zooming 400 (bigcommerce#1988) * Releasing 5.2.0-rc.1 * Releasing 5.2.0 * Reverting 5.2.0 to 5.2.0-rc.1 * Releasing 5.2.0 * Revert "Releasing 5.2.0" * Releasing 5.2.0 * Revert "Releasing 5.2.0" 2nd time * Releasing 5.2.0 --------- Co-authored-by: Juned Kazi <junedkazi@users.noreply.github.com> Co-authored-by: Alex Saiannyi <67792608+bc-alexsaiannyi@users.noreply.github.com> Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com> Co-authored-by: yurytut1993 <66325265+yurytut1993@users.noreply.github.com> Co-authored-by: Tymur Biedukhin <tymur.biedukhin@bigcommerce.com> Co-authored-by: Yurii Zusik <yurii.zusik@bigcommerce.com> Co-authored-by: Jairo Panduro <jairo.panduro@bigcommerce.com> Co-authored-by: Nathan Booker <bookernath@users.noreply.github.com> Co-authored-by: Erik Christensen <erik.christensen@bigcommerce.com> Co-authored-by: Nathan Booker <nathan.booker@bigcommerce.com> Co-authored-by: Marco Loyo <marco.loyo@bigcommerce.com> Co-authored-by: Pascal Zajac <pascalzajac@hotmail.com> Co-authored-by: sacr3dc0w <mshettles@gmail.com> Co-authored-by: alex.saiannyi <alexander.saiannyi@bigcommerce.com> Co-authored-by: Kevin Wang <kwang30@gmail.com> Co-authored-by: MaxGenash <max.henash@bigcommerce.com> Co-authored-by: David Huynh <david.huynh@bigcommerce.com> Co-authored-by: Andrii Fetisov <54856617+bc-fetisov@users.noreply.github.com> Co-authored-by: jairo-bc <68893868+jairo-bc@users.noreply.github.com> Co-authored-by: Andrew A. Barber <hello@andrewbarber.me> Co-authored-by: Brian Davenport <bdav87@gmail.com> Co-authored-by: Olga Lashkul <32959076+helga1507@users.noreply.github.com> Co-authored-by: Dante Munoz <35115108+DanteMunoz@users.noreply.github.com> Co-authored-by: Dante Muñoz <dante.munoz@c02v90c0htdh.lan>
sacred-art · Sep 28, 2023 · 7edaebd · 7edaebd
1 parent 91df354
commit 7edaebd
Show file tree

Hide file tree

Showing 40 changed files with 361 additions and 162 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,23 @@
 
 ## Draft
 
+## 5.2.0 (02-22-2021)
+- Fixed cut off on Cart button when Zooming up to 400%. [#1988](https://github.com/bigcommerce/cornerstone/pull/1988)
+- Category pages are creating alt attribute within the span tag. [1987](https://github.com/bigcommerce/cornerstone/pull/1987)
+- Add alt attribute for no image placeholders. [#1984](https://github.com/bigcommerce/cornerstone/pull/1984)
+- For non-required options, when the "None" option displays on the storefront it should be deselected when another option is chosen. [#1980](https://github.com/bigcommerce/cornerstone/pull/1980)
+- Error message not announced automatically. [#1983](https://github.com/bigcommerce/cornerstone/pull/1983)
+- Fixed Discount Banner update on adding item to Cart from PDP [#1974](https://github.com/bigcommerce/cornerstone/pull/1974)
+- Make every product option group id unique. [#1979](https://github.com/bigcommerce/cornerstone/pull/1979)
+- Fixed required checkbox message displaying. [1963](https://github.com/bigcommerce/cornerstone/pull/1963)
+- Provided sufficient & informative text along with the color swatches [#1976](https://github.com/bigcommerce/cornerstone/pull/1976)
+- If multiple Pick List Options are applied, customers cannot select "none" on both. [#1975](https://github.com/bigcommerce/cornerstone/pull/1975)
+- Moved phrase from compare.html to en.json for increasing localization. [#1972](https://github.com/bigcommerce/cornerstone/pull/1972)
+- Fixed focus for sort by dropdown on reloading page. [#1964](https://github.com/bigcommerce/cornerstone/pull/1964)
+- Fixed filtered selection not announced by screen reader. [#1966](https://github.com/bigcommerce/cornerstone/pull/1966)
+- Integrate accessibility scripts to product images slider on PDP. [#1965](https://github.com/bigcommerce/cornerstone/pull/1965)
+- Move focus on filter items Modal after show more button was clicked and accessibility refactoring. [#1977](https://github.com/bigcommerce/cornerstone/pull/1977)
+
 ## 5.1.0 (01-26-2021)
 - Updated Cornerstone theme and respected variants to meet the verticals/industries documented in BCTHEME-387
 - Fixed selecting certain option types which pushes window view to the bottom of the page. [#1959](https://github.com/bigcommerce/cornerstone/pull/1959)
@@ -27,6 +44,7 @@
 - Cornerstone - Image Zoom Does Not Work on Internet Explorer. [#1923](https://github.com/bigcommerce/cornerstone/pull/1923)
 - Fixed input placeholder color contrast according to AA standard. [#1933](https://github.com/bigcommerce/cornerstone/pull/1933)
 - Bump stencil utils to 6.8.0. [#1945](https://github.com/bigcommerce/cornerstone/pull/1945)
+- Bump stencil utils to 6.8.1. and removed changes from #1910 [#1945](https://github.com/bigcommerce/cornerstone/pull/1945)
 
 ## 5.0.0 (12-14-2020)
 - Parse HTML entities in jsContext. [#1917](https://github.com/bigcommerce/cornerstone/pull/1917)
@@ -98,7 +116,7 @@
 ## 4.11.0 (10-07-2020)
 - Add Info and Add Coupon forms on Cart Page tabbable when hidden. [#1820](https://github.com/bigcommerce/cornerstone/pull/1820)
 - Fixed outline styles for breadcrumbs on focus state. [#1824](https://github.com/bigcommerce/cornerstone/pull/1824)
-- Fixed review rating icons focus border. [#1818](https://github.com/bigcommerce/cornerstone/pull/1818)
+- Fixed review rating icons focus border. [#1819](https://github.com/bigcommerce/cornerstone/pull/1819)
 - Fixed announcement of SortBy Select to listbox from button via screen reader. [#1837](https://github.com/bigcommerce/cornerstone/pull/1837)
 - Fixed missing top outline on chosen filter's focused. [#1829](https://github.com/bigcommerce/cornerstone/pull/1829)
 - Added immediate keyboard focus on write-a-review modal. [#1835](https://github.com/bigcommerce/cornerstone/pull/1835)

diff --git a/assets/js/theme/account.js b/assets/js/theme/account.js
@@ -4,7 +4,13 @@ import nod from './common/nod';
 import Wishlist from './wishlist';
 import validation from './common/form-validation';
 import stateCountry from './common/state-country';
-import { classifyForm, Validators, insertStateHiddenField, createPasswordValidationErrorTextObject } from './common/utils/form-utils';
+import {
+    classifyForm,
+    Validators,
+    announceInputErrorMessage,
+    insertStateHiddenField,
+    createPasswordValidationErrorTextObject,
+} from './common/utils/form-utils';
 import { createTranslationDictionary } from './common/utils/translations-utils';
 import { creditCardType, storeInstrument, Validators as CCValidators, Formatters as CCFormatters } from './common/payment-method';
 import swal from './global/sweet-alert';
@@ -139,6 +145,7 @@ export default class Account extends PageManager {
         const $stateElement = $(stateSelector);
         const addressValidator = nod({
             submit: 'form[data-address-form] input[type="submit"]',
+            tap: announceInputErrorMessage,
         });
 
         addressValidator.add(validationModel);
@@ -226,7 +233,10 @@ export default class Account extends PageManager {
 
         const validationModel = validation($paymentMethodForm, this.context);
         const paymentMethodSelector = 'form[data-payment-method-form]';
-        const paymentMethodValidator = nod({ submit: `${paymentMethodSelector} input[type="submit"]` });
+        const paymentMethodValidator = nod({
+            submit: `${paymentMethodSelector} input[type="submit"]`,
+            tap: announceInputErrorMessage,
+        });
         const $stateElement = $(`${paymentMethodSelector} [data-field-type="State"]`);
 
         let $last;
@@ -317,6 +327,7 @@ export default class Account extends PageManager {
         const formEditSelector = 'form[data-edit-account-form]';
         const editValidator = nod({
             submit: '${formEditSelector} input[type="submit"]',
+            tap: announceInputErrorMessage,
         });
         const emailSelector = `${formEditSelector} [data-field-type="EmailAddress"]`;
         const $emailElement = $(emailSelector);
@@ -400,6 +411,7 @@ export default class Account extends PageManager {
     registerInboxValidation($inboxForm) {
         const inboxValidator = nod({
             submit: 'form[data-inbox-form] input[type="submit"]',
+            tap: announceInputErrorMessage,
         });
 
         inboxValidator.add([

diff --git a/assets/js/theme/auth.js b/assets/js/theme/auth.js
@@ -3,7 +3,12 @@ import stateCountry from './common/state-country';
 import nod from './common/nod';
 import validation from './common/form-validation';
 import forms from './common/models/forms';
-import { classifyForm, Validators, createPasswordValidationErrorTextObject } from './common/utils/form-utils';
+import {
+    classifyForm,
+    Validators,
+    createPasswordValidationErrorTextObject,
+    announceInputErrorMessage,
+} from './common/utils/form-utils';
 import { createTranslationDictionary } from './common/utils/translations-utils';
 
 export default class Auth extends PageManager {
@@ -19,6 +24,7 @@ export default class Auth extends PageManager {
 
         this.loginValidator = nod({
             submit: '.login-form input[type="submit"]',
+            tap: announceInputErrorMessage,
         });
 
         this.loginValidator.add([
@@ -56,6 +62,7 @@ export default class Auth extends PageManager {
     registerForgotPasswordValidation($forgotPasswordForm) {
         this.forgotPasswordValidator = nod({
             submit: '.forgot-password-form input[type="submit"]',
+            tap: announceInputErrorMessage,
         });
 
         this.forgotPasswordValidator.add([
@@ -86,6 +93,7 @@ export default class Auth extends PageManager {
         const newPasswordForm = '.new-password-form';
         const newPasswordValidator = nod({
             submit: $(`${newPasswordForm} input[type="submit"]`),
+            tap: announceInputErrorMessage,
         });
         const passwordSelector = $(`${newPasswordForm} input[name="password"]`);
         const password2Selector = $(`${newPasswordForm} input[name="password_confirm"]`);
@@ -103,6 +111,7 @@ export default class Auth extends PageManager {
         const validationModel = validation($createAccountForm, this.context);
         const createAccountValidator = nod({
             submit: `${this.formCreateSelector} input[type='submit']`,
+            tap: announceInputErrorMessage,
         });
         const $stateElement = $('[data-field-type="State"]');
         const emailSelector = `${this.formCreateSelector} [data-field-type='EmailAddress']`;

diff --git a/assets/js/theme/cart/shipping-estimator.js b/assets/js/theme/cart/shipping-estimator.js
@@ -1,7 +1,7 @@
 import stateCountry from '../common/state-country';
 import nod from '../common/nod';
 import utils from '@bigcommerce/stencil-utils';
-import { Validators } from '../common/utils/form-utils';
+import { Validators, announceInputErrorMessage } from '../common/utils/form-utils';
 import collapsibleFactory from '../common/collapsible';
 import swal from '../global/sweet-alert';
 
@@ -22,6 +22,7 @@ export default class ShippingEstimator {
         this.shippingEstimator = 'form[data-shipping-estimator]';
         this.shippingValidator = nod({
             submit: `${this.shippingEstimator} .shipping-estimate-submit`,
+            tap: announceInputErrorMessage,
         });
 
         $('.shipping-estimate-submit', this.$element).on('click', event => {

diff --git a/assets/js/theme/catalog.js b/assets/js/theme/catalog.js
@@ -3,6 +3,25 @@ import urlUtils from './common/utils/url-utils';
 import Url from 'url';
 
 export default class CatalogPage extends PageManager {
+    constructor(context) {
+        super(context);
+
+        window.addEventListener('beforeunload', () => {
+            if (document.activeElement.id === 'sort') {
+                window.localStorage.setItem('sortByStatus', 'selected');
+            }
+        });
+    }
+
+    arrangeFocusOnSortBy() {
+        const $sortBySelector = $('[data-sort-by="product"] #sort');
+
+        if (window.localStorage.getItem('sortByStatus')) {
+            $sortBySelector.focus();
+            window.localStorage.removeItem('sortByStatus');
+        }
+    }
+
     onSortBySubmit(event, currentTarget) {
         const url = Url.parse(window.location.href, true);
         const queryParams = $(currentTarget).serialize().split('=');

diff --git a/assets/js/theme/category.js b/assets/js/theme/category.js
@@ -11,13 +11,29 @@ export default class Category extends CatalogPage {
         this.validationDictionary = createTranslationDictionary(context);
     }
 
-    onReady() {
-        $('[data-button-type="add-cart"]').on('click', (e) => {
-            $(e.currentTarget).next().attr({
-                role: 'status',
-                'aria-live': 'polite',
-            });
+    setLiveRegionAttributes($element, roleType, ariaLiveStatus) {
+        $element.attr({
+            role: roleType,
+            'aria-live': ariaLiveStatus,
         });
+    }
+
+    makeShopByPriceFilterAccessible() {
+        if (!$('[data-shop-by-price]').length) return;
+
+        if ($('.navList-action').hasClass('is-active')) {
+            $('a.navList-action.is-active').focus();
+        }
+
+        $('a.navList-action').on('click', () => this.setLiveRegionAttributes($('span.price-filter-message'), 'status', 'assertive'));
+    }
+
+    onReady() {
+        this.arrangeFocusOnSortBy();
+
+        $('[data-button-type="add-cart"]').on('click', (e) => this.setLiveRegionAttributes($(e.currentTarget).next(), 'status', 'polite'));
+
+        this.makeShopByPriceFilterAccessible();
 
         compareProducts(this.context.urls);
 
@@ -28,12 +44,7 @@ export default class Category extends CatalogPage {
             hooks.on('sortBy-submitted', this.onSortBySubmit);
         }
 
-        $('a.reset-btn').on('click', () => {
-            $('span.reset-message').attr({
-                role: 'status',
-                'aria-live': 'polite',
-            });
-        });
+        $('a.reset-btn').on('click', () => this.setLiveRegionsAttributes($('span.reset-message'), 'status', 'polite'));
 
         this.ariaNotifyNoProducts();
         this.initCategoryButton();

diff --git a/assets/js/theme/common/carousel/index.js b/assets/js/theme/common/carousel/index.js
@@ -9,11 +9,13 @@ import {
     getRealSlidesQuantityAndCurrentSlide,
 } from './utils';
 
-const onCarouselChange = (event, carousel) => {
+export const onCarouselChange = (event, carousel) => {
     const {
         options: { prevArrow, nextArrow },
         currentSlide,
         slideCount,
+        $prevArrow,
+        $nextArrow,
         $dots,
         $slider,
         breakpointSettings,
@@ -28,13 +30,20 @@ const onCarouselChange = (event, carousel) => {
         $slider.data('slick').slidesToScroll,
     );
 
-    const $prevArrow = $slider.find(prevArrow);
-    const $nextArrow = $slider.find(nextArrow);
+    const $prevArrowNode = $prevArrow || $slider.find(prevArrow);
+    const $nextArrowNode = $nextArrow || $slider.find(nextArrow);
+
+    const dataArrowLabel = $slider.data('arrow-label');
+    if (dataArrowLabel) {
+        $prevArrowNode.attr('aria-label', dataArrowLabel);
+        $nextArrowNode.attr('aria-label', dataArrowLabel);
+        $slider.data('arrow-label', false);
+    }
 
     dotsSetup($dots, actualSlide, actualSlideCount, $slider.data('dots-labels'));
-    setTabindexes($slider.find('.slick-slide'), $prevArrow, $nextArrow, actualSlide, actualSlideCount);
-    arrowAriaLabling($prevArrow, $nextArrow, actualSlide, actualSlideCount);
-    tooltipSetup($prevArrow, $nextArrow, $dots);
+    setTabindexes($slider.find('.slick-slide'), $prevArrowNode, $nextArrowNode, actualSlide, actualSlideCount);
+    arrowAriaLabling($prevArrowNode, $nextArrowNode, actualSlide, actualSlideCount);
+    tooltipSetup($prevArrowNode, $nextArrowNode, $dots);
 };
 
 export default function () {
@@ -46,11 +55,6 @@ export default function () {
         // getting element using find to pass jest test
         const $carousel = $(document).find(carousel);
 
-        if ($carousel.hasClass('productView-thumbnails')) {
-            $carousel.slick();
-            return;
-        }
-
         $carousel.on('init', onCarouselChange);
         $carousel.on('afterChange', onCarouselChange);
 

diff --git a/assets/js/theme/common/faceted-search.js b/assets/js/theme/common/faceted-search.js
@@ -2,11 +2,14 @@ import { hooks, api } from '@bigcommerce/stencil-utils';
 import _ from 'lodash';
 import Url from 'url';
 import urlUtils from './utils/url-utils';
-import modalFactory from '../global/modal';
+import modalFactory, { modalTypes, ModalEvents } from '../global/modal';
 import collapsibleFactory from './collapsible';
 import { Validators } from './utils/form-utils';
 import nod from './nod';
 
+const { SHOW_MORE_OPTIONS } = modalTypes;
+const { opened } = ModalEvents;
+
 const defaultOptions = {
     accordionToggleSelector: '#facetedSearch .accordion-navigation, #facetedSearch .facetedSearch-toggle',
     blockerSelector: '#facetedSearch .blocker',
@@ -56,6 +59,15 @@ class FacetedSearch {
         this.collapsedFacets = [];
         this.collapsedFacetItems = [];
 
+        if (this.options.modal) {
+            this.options.modal.$modal.on(opened, event => {
+                const $filterItems = $(event.target).find('#facetedSearch-filterItems');
+                if ($filterItems.length) {
+                    this.options.modal.setupFocusableElements(SHOW_MORE_OPTIONS);
+                }
+            });
+        }
+
         // Init collapsibles
         collapsibleFactory();