From 65ac4293ec3b425d327d929b74a42bece4d4b4ca Mon Sep 17 00:00:00 2001
From: Kevin He <kevin.he@salesforce.com>
Date: Wed, 10 May 2023 08:50:20 -0700
Subject: [PATCH 1/3] Fix missing commerce-sdk-react logout call (#1180)

* add logout call

* void not awaited promise
---
 packages/commerce-sdk-react/src/auth/index.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/commerce-sdk-react/src/auth/index.ts b/packages/commerce-sdk-react/src/auth/index.ts
index e440a36153..2f5b4b6998 100644
--- a/packages/commerce-sdk-react/src/auth/index.ts
+++ b/packages/commerce-sdk-react/src/auth/index.ts
@@ -421,8 +421,11 @@ class Auth {
      *
      */
     async logout() {
-        // TODO: are we missing a call to /logout?
-        // Ticket: https://gus.lightning.force.com/lightning/r/ADM_Work__c/a07EE00001EFF4nYAH/view
+        // Not awaiting on purpose because there isn't much we can do if this fails.
+        void helpers.logout(this.client, {
+            accessToken: this.get('access_token'),
+            refreshToken: this.get('refresh_token_registered')
+        })
         this.clearStorage()
         return this.loginGuestUser()
     }

From 2b241df14702fb25a546793da35b38c0ee036762 Mon Sep 17 00:00:00 2001
From: Kevin He <kevin.he@salesforce.com>
Date: Wed, 10 May 2023 13:09:10 -0700
Subject: [PATCH 2/3] Update commerce-sdk-react README (#1176)

* add README docs for commerce-sdk-react

* Update packages/commerce-sdk-react/README.md

Co-authored-by: Joel Uong <88680517+joeluong-sfcc@users.noreply.github.com>

* Update packages/commerce-sdk-react/README.md

Co-authored-by: Joel Uong <88680517+joeluong-sfcc@users.noreply.github.com>

* Update packages/commerce-sdk-react/README.md

Co-authored-by: Joel Uong <88680517+joeluong-sfcc@users.noreply.github.com>

* Update packages/commerce-sdk-react/README.md

Co-authored-by: Joel Uong <88680517+joeluong-sfcc@users.noreply.github.com>

* Update packages/commerce-sdk-react/README.md

Co-authored-by: Joel Uong <88680517+joeluong-sfcc@users.noreply.github.com>

* Update packages/commerce-sdk-react/README.md

Co-authored-by: Joel Uong <88680517+joeluong-sfcc@users.noreply.github.com>

* Update packages/commerce-sdk-react/README.md

Co-authored-by: Joel Uong <88680517+joeluong-sfcc@users.noreply.github.com>

* Update packages/commerce-sdk-react/README.md

Co-authored-by: Joel Uong <88680517+joeluong-sfcc@users.noreply.github.com>

* Update packages/commerce-sdk-react/README.md

Co-authored-by: Alex Vuong <52219283+alexvuong@users.noreply.github.com>

* Update packages/commerce-sdk-react/README.md

Co-authored-by: Alex Vuong <52219283+alexvuong@users.noreply.github.com>

* Update packages/commerce-sdk-react/README.md

Co-authored-by: Brian Feister <47546998+bfeister@users.noreply.github.com>

* Update packages/commerce-sdk-react/README.md

Co-authored-by: Brian Feister <47546998+bfeister@users.noreply.github.com>

* Update packages/commerce-sdk-react/README.md

Co-authored-by: Brian Feister <47546998+bfeister@users.noreply.github.com>

* Update packages/commerce-sdk-react/README.md

Co-authored-by: Alex Vuong <52219283+alexvuong@users.noreply.github.com>

* Update packages/commerce-sdk-react/README.md

Co-authored-by: Joel Uong <88680517+joeluong-sfcc@users.noreply.github.com>

* Update packages/commerce-sdk-react/README.md

* Update packages/commerce-sdk-react/README.md

Co-authored-by: Brian Feister <47546998+bfeister@users.noreply.github.com>

* Update packages/commerce-sdk-react/README.md

Co-authored-by: Adam Raya <adamraya@users.noreply.github.com>

* Update packages/commerce-sdk-react/README.md

* Update packages/commerce-sdk-react/README.md

* Update packages/commerce-sdk-react/README.md

Co-authored-by: Adam Raya <adamraya@users.noreply.github.com>

* remove query key section

* README improvements

* Update packages/commerce-sdk-react/README.md

---------

Co-authored-by: Joel Uong <88680517+joeluong-sfcc@users.noreply.github.com>
Co-authored-by: Alex Vuong <52219283+alexvuong@users.noreply.github.com>
Co-authored-by: Brian Feister <47546998+bfeister@users.noreply.github.com>
Co-authored-by: Adam Raya <adamraya@users.noreply.github.com>
---
 packages/commerce-sdk-react/README.md | 279 ++++++++++++++++++++++++--
 1 file changed, 262 insertions(+), 17 deletions(-)

diff --git a/packages/commerce-sdk-react/README.md b/packages/commerce-sdk-react/README.md
index 660d05e7b6..916a6b970b 100644
--- a/packages/commerce-sdk-react/README.md
+++ b/packages/commerce-sdk-react/README.md
@@ -1,24 +1,45 @@
 # Commerce SDK React
 
-A library of React hooks for fetching data from Salesforce B2C Commerce.
+<p align="center">
+A collection of <a href="https://tanstack.com/query/latest/docs/react/overview">react-query</a> hooks for <b>fetching</b>, <b>caching</b>, and <b>mutating data</b> from the <b><a href="https://developer.salesforce.com/docs/commerce/commerce-api/overview">Salesforce B2C Commerce API</a></b> (SCAPI).</p>
 
-## Documentation
+## 🎯 Features
 
-The full documentation for PWA Kit and Managed Runtime is hosted on the [Salesforce Developers](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/overview) portal.
+- Shopper authentication & token management via [SLAS](https://developer.salesforce.com/docs/commerce/commerce-api/references/shopper-login)
+- Server side data fetching (in conjuction with PWA Kit)
+- Phased Launch support ([plugin_slas](https://github.com/SalesforceCommerceCloud/plugin_slas) compatible)
+- Built-in caching for easy state management
+  - automatic cache invalidations/updates via the library's built-in mutations
+  - automatic cache key generation
 
+## ⚙️ Installation
 
-## PWA-Kit Integration
+```bash
+npm install @salesforce/commerce-sdk-react @tanstack/react-query
+```
 
-> To integration this library with your PWA-Kit application you can use the `CommerceApiProvider` directly given that you use the `withReactQuery` higher order component to wrap your `AppConfig` component. Below is a snippet of how this is accomplished.
+## ⚡️ Quickstart (PWA Kit v2.3.0+)
 
-```
+To integrate this library with your PWA Kit application you can use the `CommerceApiProvider` directly assuming that you use the `withReactQuery` higher order component to wrap your `AppConfig` component. Below is a snippet of how this is accomplished.
+
+```jsx
 // app/components/_app-config/index.jsx
 
+import {CommerceApiProvider} from '@salesforce/commerce-sdk-react'
 import {withReactQuery} from 'pwa-kit-react-sdk/ssr/universal/components/with-react-query'
 
 const AppConfig = ({children}) => {
     return (
-        <CommerceApiProvider {...commerceApiProviderProps}>
+        <CommerceApiProvider
+            clientId="12345678-1234-1234-1234-123412341234"
+            organizationId="f_ecom_aaaa_001"
+            proxy="localhost:3000/mobify/proxy/api"
+            redirectURI="localhost:3000/callback"
+            siteId="RefArch"
+            shortCode="12345678"
+            locale="en-US"
+            currency="USD"
+        >
             {children}
         </CommerceApiProvider>
     )
@@ -42,20 +63,30 @@ const options = {
 export default withReactQuery(AppConfig, options)
 ```
 
-## Generic Integration
+## ⚡️ Quickstart (Generic React App)
 
-> You can use this library in any React application provided you bring your own QueryClient and QueryClientProvider. Below is a sample integration:
+You can use this library in any React application by creating a new QueryClient and wrap your application with `QueryClientProvider`. For example: 
 
-```
-import {QueryClient, QueryClientConfig, QueryClientProvider} from '@tanstack/react-query'
+```jsx
+import {CommerceApiProvider} from '@salesforce/commerce-sdk-react'
+import {QueryClient, QueryClientProvider} from '@tanstack/react-query'
 
 
 const App = ({children}) => {
-    const queryClient = new QueryClient(queryClientConfig)
+    const queryClient = new QueryClient()
 
     return (
         <QueryClientProvider client={queryClient}>
-            <CommerceApiProvider {...commerceApiProviderProps}>
+            <CommerceApiProvider
+                clientId="12345678-1234-1234-1234-123412341234"
+                organizationId="f_ecom_aaaa_001"
+                proxy="localhost:3000/mobify/proxy/api"
+                redirectURI="localhost:3000/callback"
+                siteId="RefArch"
+                shortCode="12345678"
+                locale="en-US"
+                currency="USD"
+            >
                 {children}
             </CommerceApiProvider>
         </QueryClientProvider>
@@ -64,7 +95,224 @@ const App = ({children}) => {
 
 export default App
 ```
-### Useful Links:
+
+## Shopper Authentication and Token Management
+
+_💡 This section assumes you have read and completed the [Authorization for Shopper APIs](https://developer.salesforce.com/docs/commerce/commerce-api/guide/authorization-for-shopper-apis.html) guide._
+
+To help reduce boilerplate code for managing shopper authentication, by default, this library automatically initializes shopper session and manages the tokens for developers. Currently, the library supports the [Public Client login flow](https://developer.salesforce.com/docs/commerce/commerce-api/guide/slas-public-client.html).
+
+### Shopper Session Initialization
+
+On `CommerceApiProvider` mount, the provider initializes shopper session by initiating the SLAS __Public Client__ login flow. The tokens are stored/managed/refreshed by the library.
+
+### Authenticate request queue
+
+While the library is fetching/refreshing the access token, the network requests will queue up until there is a valid access token.
+
+### Login helpers
+
+To leverage the managed shopper authentication feature, use the `useAuthHelper` hook for shopper login.
+
+Example:
+
+```jsx
+import {AuthHelpers, useAuthHelper} from '@salesforce/commerce-sdk-react'
+
+const Example = () => {
+    const register = useAuthHelper(AuthHelpers.Register)
+    const login = useAuthHelper(AuthHelpers.LoginRegisteredUserB2C)
+    const logout = useAuthHelper(AuthHelpers.LogOut)
+
+    return <button onClick={() => {
+        login.mutate({username: 'kevin', password: 'pa$$word'})
+    }}>
+}
+```
+
+### Externally Managed Shopper Authentication
+
+You have the option of handling shopper authentication externally, by providing a SLAS access token. This is useful if you plan on using this library in an application where the authentication mechanism is different.
+
+```jsx
+const MyComponent = ({children}) => {
+    return (
+        <CommerceApiProvider fetchedToken="xxxxxxxxxxxx">
+            {children}
+        </CommerceApiProvider>
+    )
+} 
+```
+
+## Hooks
+
+The majority of hooks provided in this library are built on top of the [useQuery](https://tanstack.com/query/latest/docs/react/reference/useQuery) and the [useMutation](https://tanstack.com/query/latest/docs/react/reference/useMutation) hook from [react-query](https://tanstack.com/query/latest). React-query provides a declarative way for fetching and updating data. This library takes advantage of the features provided by react-query and combine with the [commerce-sdk-isomorphic](https://github.com/SalesforceCommerceCloud/commerce-sdk-isomorphic) API client to create a collection of hooks to simplify data fetching for SCAPI.
+
+The hooks can be categorized into __Query hooks__ and __Mutation hooks__.
+
+### Query hooks
+
+The query hooks correspond to the http GET endpoints from the SCAPI. The query hooks follow the signature pattern:
+
+```
+use<EntityName>(CommerceClientOptions, ReactQueryOptions)
+```
+
+Both the __required__ and __optional__ parameters for the underlying `commerce-sdk-isomorphic` call is passed as the first parameter:
+
+```jsx
+import {useProduct} from '@salesforce/commerce-sdk-react'
+
+const Example = () => {
+    const query = useProduct({
+        parameters: {
+            id: '25592770M',
+            locale: 'en-US'
+        }
+    })
+
+    return <>
+        <p>isLoading: {query.isLoading}</p>
+        <p>name: {query.data?.name}</p>
+    </>
+}
+```
+
+The second parameter is the react-query query options, for more detail, read [useQuery reference](https://tanstack.com/query/latest/docs/react/reference/useQuery).
+
+```jsx
+import {useBasket} from '@salesforce/commerce-sdk-react'
+
+const onServer = typeof window === undefined
+
+const Example = ({basketId}) => {
+    const query = useBasket({
+        parameters: {
+            basketId: basketId
+        },
+    }, {
+        // A common use case for `enabled` is
+        // to conditionally fetch based on environment
+        enabled: !onServer && basketId
+    })
+}
+```
+
+### Mutation hooks
+
+The query hooks correspond to the http POST, PUT, PATCH, DELETE endpoints from the SCAPI. The mutation hooks follow the signature pattern:
+
+```
+use<ApiName>Mutation(EndpointName)
+```
+
+For example, the [ShopperBaskets API](https://developer.salesforce.com/docs/commerce/commerce-api/references/shopper-baskets?meta=Summary) has a number of endpoints, one of them being the [addItemToBasket](https://developer.salesforce.com/docs/commerce/commerce-api/references/shopper-baskets?meta=addItemToBasket) endpoint (`POST /baskets/{basketId}/items`).
+
+```jsx
+import {useShopperBasketsMutation} from '@salesforce/commerce-sdk-react'
+
+const Example = ({basketId}) => {
+    // Typescript IDE intellisense for available options
+    const addItemToBasket = useShopperBasketsMutation('addItemToBasket')
+
+    return <button onClick={() => addItemToBasket.mutate({
+        parameters: {
+            basketId
+        },
+        body: {
+            productId: '25592770M',
+            price: 55,
+            quantity: 1
+        }
+    })} />
+}
+```
+
+You could also import the mutation options as a constant like:
+
+```jsx
+import {useShopperBasketsMutation, ShopperBasketsMutations} from '@salesforce/commerce-sdk-react'
+
+const Example = ({basketId}) => {
+    const addItemToBasket = useShopperBasketsMutation(ShopperBasketsMutations.AddItemToBasket)
+    return ...
+}
+```
+
+### Cache Invalidations and Updates
+
+Since mutations changes data on the server, the cache entries that are potentially affected by the mutation is automatically invalidated.
+
+For example, an `addItemToBasket` mutation automatically update `useBasket`  and `useCustomerBaskets` query cache, because the mutation result contains the information for the updated basket. In other cases, when the mutation response do not have the updated data, the library will invalidate the cache and trigger a re-fetch. For the DELETE endpoints, the library removes the cache entries on successful mutations.
+
+_💡 Debugging hint: install and include `@tanstack/react-query-devtools` in your React app to see the queries (inspect the query states and cache keys)._
+
+## Ultilities
+
+Besides the collection of query hooks and mutation hooks, here are some ultility hooks to help you interact with SCAPI.
+
+### `useCommerceApi()`
+
+This hook returns a set of SCAPI clients, which are already initialized using the configurations passed to the provider. Note: this hook doesn't automatically include auth headers.
+
+```jsx
+import {useCommerceApi, useAccessToken} from '@salesforce/commerce-sdk-react'
+
+const Example = () => {
+    const api = useCommerceApi()
+    const {getTokenWhenReady} = useAccessToken()
+
+    const fetchProducts = async () => {
+        const token = await getTokenWhenReady()
+        const products = await api.shopperProducts.getProducts({
+                parameters: {ids: ids.join(',')},
+                headers: {
+                    Authorization: `Bearer ${token}`
+                }
+            })
+        return products
+    }
+
+}
+```
+
+### `useAccessToken()`
+
+```ts
+useAccessToken() => {token: String, getTokenWhenReady: Promise}
+```
+
+This ultility hook give access to the managed SLAS access token.
+
+### `useCustomerId()`
+
+```ts
+useCustomerId() => null | string
+```
+
+### `useCustomerType()`
+
+```ts
+useCustomerId() => null | 'guest' | 'registered'
+```
+
+### `useEncUserId()`
+
+```ts
+useEncUserId() => null | string
+```
+
+### `useUsid()`
+
+```ts
+useUsid() => null | string
+```
+
+## Roadmap
+- Optimistic update support
+- SLAS private client support
+
+## Useful Links:
 
 -   [Get Started](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/getting-started.html)
 -   [Skills for Success](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/skills-for-success.html)
@@ -77,6 +325,3 @@ export default App
 -   [Routing](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/routing.html)
 -   [Phased Headless Rollouts](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/phased-headless-rollouts.html)
 -   [Launch Your Storefront](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/launching-your-storefront.html)
-
-## Support Policy
-Security patches are provided for 24 months after the general availability of each major version of the SDK (1.0, 2.0, and so on).
\ No newline at end of file

From 2422e07e6c4e3918ea6fc9e81f95839de371abf1 Mon Sep 17 00:00:00 2001
From: Ben Chypak <bchypak@mobify.com>
Date: Wed, 10 May 2023 13:28:17 -0700
Subject: [PATCH 3/3] [v3] Add Convenience Components (#1183)

* Initial Commit

* Update CHANGELOG.md
---
 .../template-retail-react-app/CHANGELOG.md    |  1 +
 .../app/components/_app/index.jsx             | 49 ++++++++++---------
 .../components/_app/partials/above-header.jsx | 10 ++++
 .../app/pages/product-list/index.jsx          |  3 +-
 .../partials/above-page-header.jsx            | 10 ++++
 .../app/theme/components/project/header.js    |  1 -
 6 files changed, 49 insertions(+), 25 deletions(-)
 create mode 100644 packages/template-retail-react-app/app/components/_app/partials/above-header.jsx
 create mode 100644 packages/template-retail-react-app/app/pages/product-list/partials/above-page-header.jsx

diff --git a/packages/template-retail-react-app/CHANGELOG.md b/packages/template-retail-react-app/CHANGELOG.md
index 5c1523b7da..5febca1f64 100644
--- a/packages/template-retail-react-app/CHANGELOG.md
+++ b/packages/template-retail-react-app/CHANGELOG.md
@@ -1,4 +1,5 @@
 ## v2.8.0-dev (Mar 03, 2023)
+- Add app `above-header` and product-list `above-page-header` convenience components [#1183](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1183)
 - Remove `cross-fetch` dependency [#1160](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1160)
 - Make `mergeBasket` conditional more robust [#1048](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1048)
 
diff --git a/packages/template-retail-react-app/app/components/_app/index.jsx b/packages/template-retail-react-app/app/components/_app/index.jsx
index 648b311148..a5ee1195e6 100644
--- a/packages/template-retail-react-app/app/components/_app/index.jsx
+++ b/packages/template-retail-react-app/app/components/_app/index.jsx
@@ -39,6 +39,7 @@ import CheckoutFooter from '../../pages/checkout/partials/checkout-footer'
 import DrawerMenu from '../drawer-menu'
 import ListMenu from '../list-menu'
 import {HideOnDesktop, HideOnMobile} from '../responsive'
+import AboveHeader from './partials/above-header'
 
 // Hooks
 import {AuthModal, useAuthModal} from '../../hooks/use-auth-modal'
@@ -283,33 +284,35 @@ const App = (props) => {
 
                         <Box {...styles.headerWrapper}>
                             {!isCheckout ? (
-                                <Header
-                                    onMenuClick={onOpen}
-                                    onLogoClick={onLogoClick}
-                                    onMyCartClick={onCartClick}
-                                    onMyAccountClick={onAccountClick}
-                                    onWishlistClick={onWishlistClick}
-                                >
-                                    <HideOnDesktop>
-                                        <DrawerMenu
-                                            isOpen={isOpen}
-                                            onClose={onClose}
-                                            onLogoClick={onLogoClick}
-                                            root={categories?.[CAT_MENU_DEFAULT_ROOT_CATEGORY]}
-                                        />
-                                    </HideOnDesktop>
-
-                                    <HideOnMobile>
-                                        <ListMenu
-                                            root={categories?.[CAT_MENU_DEFAULT_ROOT_CATEGORY]}
-                                        />
-                                    </HideOnMobile>
-                                </Header>
+                                <>
+                                    <AboveHeader />
+                                    <Header
+                                        onMenuClick={onOpen}
+                                        onLogoClick={onLogoClick}
+                                        onMyCartClick={onCartClick}
+                                        onMyAccountClick={onAccountClick}
+                                        onWishlistClick={onWishlistClick}
+                                    >
+                                        <HideOnDesktop>
+                                            <DrawerMenu
+                                                isOpen={isOpen}
+                                                onClose={onClose}
+                                                onLogoClick={onLogoClick}
+                                                root={categories?.[CAT_MENU_DEFAULT_ROOT_CATEGORY]}
+                                            />
+                                        </HideOnDesktop>
+
+                                        <HideOnMobile>
+                                            <ListMenu
+                                                root={categories?.[CAT_MENU_DEFAULT_ROOT_CATEGORY]}
+                                            />
+                                        </HideOnMobile>
+                                    </Header>
+                                </>
                             ) : (
                                 <CheckoutHeader />
                             )}
                         </Box>
-
                         {!isOnline && <OfflineBanner />}
                         <AddToCartModalProvider>
                             <SkipNavContent
diff --git a/packages/template-retail-react-app/app/components/_app/partials/above-header.jsx b/packages/template-retail-react-app/app/components/_app/partials/above-header.jsx
new file mode 100644
index 0000000000..a81077c92b
--- /dev/null
+++ b/packages/template-retail-react-app/app/components/_app/partials/above-header.jsx
@@ -0,0 +1,10 @@
+/*
+ * Copyright (c) 2023, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+const AboveHeader = () => null
+
+export default AboveHeader
diff --git a/packages/template-retail-react-app/app/pages/product-list/index.jsx b/packages/template-retail-react-app/app/pages/product-list/index.jsx
index 04120362ab..2e1b39693c 100644
--- a/packages/template-retail-react-app/app/pages/product-list/index.jsx
+++ b/packages/template-retail-react-app/app/pages/product-list/index.jsx
@@ -53,6 +53,7 @@ import Refinements from './partials/refinements'
 import SelectedRefinements from './partials/selected-refinements'
 import EmptySearchResults from './partials/empty-results'
 import PageHeader from './partials/page-header'
+import AbovePageHeader from './partials/above-page-header'
 
 // Icons
 import {FilterIcon, ChevronDownIcon} from '../../components/icons'
@@ -380,8 +381,8 @@ const ProductList = (props) => {
                 <EmptySearchResults searchQuery={searchQuery} category={category} />
             ) : (
                 <>
+                    <AbovePageHeader />
                     {/* Header */}
-
                     <Stack
                         display={{base: 'none', lg: 'flex'}}
                         direction="row"
diff --git a/packages/template-retail-react-app/app/pages/product-list/partials/above-page-header.jsx b/packages/template-retail-react-app/app/pages/product-list/partials/above-page-header.jsx
new file mode 100644
index 0000000000..b82887efa0
--- /dev/null
+++ b/packages/template-retail-react-app/app/pages/product-list/partials/above-page-header.jsx
@@ -0,0 +1,10 @@
+/*
+ * Copyright (c) 2023, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+const AbovePageHeader = () => null
+
+export default AbovePageHeader
diff --git a/packages/template-retail-react-app/app/theme/components/project/header.js b/packages/template-retail-react-app/app/theme/components/project/header.js
index 9b6d0d9296..d431fa1ec4 100644
--- a/packages/template-retail-react-app/app/theme/components/project/header.js
+++ b/packages/template-retail-react-app/app/theme/components/project/header.js
@@ -7,7 +7,6 @@
 export default {
     baseStyle: {
         container: {
-            height: 'full',
             minWidth: 'xs',
             width: 'full',
             boxShadow: 'base',