@salesforce/retail-react-app 4.0.0-preview.0 → 4.0.0

package/CHANGELOG.md

@@ -1,29 +1,26 @@
-## v4.0.0-dev(Jul 4, 2024)
+## v4.0.0 (Aug 7, 2024)
 
-### New Feature
+### New Features
 
 - Support product bundles [#1916](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1916/)
 - Add Store Locator [#1922](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1922)
 
 ### Bug Fixes
 
-- Out of stock and low stock items are removed from cart and checkout as unavailable products [#1865](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1865)
-
-## v3.1.0-dev (Jun 25, 2024)
-
-### Bug Fixes
-
 - Update serialized query data via `beforeHydrate` to prevent data re-fetching on load [#1912](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1912)
-- A11y: Add aria-label to the address form based on the address type [#1904](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1904)
-- A11y: Account Nav fixes [#1884](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1884)
-- A11y: Replace `<p>` tags with header tag in home page Features section [#1902](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1902)
-- Out of stock and low stock items are removed from cart and checkout as unavailable products [#1865](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1865)
+- Out of stock and low stock items are removed from cart and checkout as unavailable products [#1881](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1881)
 - Fix infinity sign price on product tile [#1903](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1903)
+- Remove unecessary params from product search [#1873](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1873)
 
 ### Accessibility Improvements
 
 - Improve accessibility readout for strikethrough price on shipping options in checkout page [#1892](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1892)
 - Ensure credit card informational tooltip on checkout page persists after the user is no longer hovering over it [#1890](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1890)
+- A11y: Add aria-label to the address form based on the address type [#1904](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1904)
+- A11y: Account Nav fixes [#1884](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1884)
+- A11y: Replace `<p>` tags with header tag in home page Features section [#1902](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1902)
+- Add aria-label for Checkout's action buttons [#1906](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1906)
+- Avoid forced focus changes that are not user-initiated [#1940](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1940)
 
 ## v3.0.2 (Jul 11, 2024)
 

package/app/components/header/index.jsx

@@ -51,35 +51,6 @@ import LoadingSpinner from '@salesforce/retail-react-app/app/components/loading-
 import {isHydrated, noop} from '@salesforce/retail-react-app/app/utils/utils'
 import {STORE_LOCATOR_IS_ENABLED} from '@salesforce/retail-react-app/app/constants'
 const IconButtonWithRegistration = withRegistration(IconButton)
-
-/**
- * Search bar for the header.
- *
- * The search bar is a simple input field with a search icon.
- * It can be used to search for products or navigate to a
- * specific page.
- *
- * @param props {object} the component props
- * @returns {Element} the search bar element
- */
-const SearchBar = (props) => {
-    const styles = useMultiStyleConfig('Header')
-    const intl = useIntl()
-    const placeholder = intl.formatMessage({
-        id: 'header.field.placeholder.search_for_products',
-        defaultMessage: 'Search for products...'
-    })
-    return (
-        <Box {...styles.searchContainer}>
-            <Search
-                aria-label={placeholder}
-                placeholder={placeholder}
-                {...styles.search}
-                {...props}
-            />
-        </Box>
-    )
-}
 /**
  * The header is the main source for accessing
  * navigation, search, basket, and other
@@ -154,6 +125,11 @@ const Header = ({
         }
     }
 
+    const placeholder = intl.formatMessage({
+        id: 'header.field.placeholder.search_for_products',
+        defaultMessage: 'Search for products...'
+    })
+
     return (
         <Box {...styles.container} {...props}>
             <Box {...styles.content}>
@@ -185,7 +161,13 @@ const Header = ({
                         onClick={onLogoClick}
                     />
                     <Box {...styles.bodyContainer}>{children}</Box>
-                    {isDesktop && <SearchBar />}
+                    <Box {...styles.searchContainer}>
+                        <Search
+                            aria-label={placeholder}
+                            placeholder={placeholder}
+                            {...styles.search}
+                        />
+                    </Box>
                     <IconButtonWithRegistration
                         icon={<AccountIcon />}
                         aria-label={intl.formatMessage({
@@ -336,7 +318,6 @@ const Header = ({
                         {...styles.icons}
                         onClick={onMyCartClick}
                     />
-                    {!isDesktop && <SearchBar />}
                 </Flex>
             </Box>
         </Box>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/retail-react-app",
-  "version": "4.0.0-preview.0",
+  "version": "4.0.0",
   "license": "See license in LICENSE",
   "author": "cc-pwa-kit@salesforce.com",
   "ccExtensibility": {
@@ -45,10 +45,10 @@
     "@lhci/cli": "^0.11.0",
     "@loadable/component": "^5.15.3",
     "@peculiar/webcrypto": "^1.4.2",
-    "@salesforce/commerce-sdk-react": "3.0.0-preview.0",
-    "@salesforce/pwa-kit-dev": "3.7.0-preview.0",
-    "@salesforce/pwa-kit-react-sdk": "3.7.0-preview.0",
-    "@salesforce/pwa-kit-runtime": "3.7.0-preview.0",
+    "@salesforce/commerce-sdk-react": "3.0.0",
+    "@salesforce/pwa-kit-dev": "3.7.0",
+    "@salesforce/pwa-kit-react-sdk": "3.7.0",
+    "@salesforce/pwa-kit-runtime": "3.7.0",
     "@tanstack/react-query": "^4.28.0",
     "@tanstack/react-query-devtools": "^4.29.1",
     "@testing-library/dom": "^9.0.1",
@@ -100,5 +100,5 @@
       "maxSize": "320 kB"
     }
   ],
-  "gitHead": "71561b1d259f4288fd8ec9ab58f5262b6a880dfe"
+  "gitHead": "7a47e6b91a5a0edc69c999115345b9bd5154935f"
 }