@graphcommerce/magento-store 3.3.10 → 3.3.14

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.3.11](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-store@3.3.10...@graphcommerce/magento-store@3.3.11) (2021-12-06)
+
+
+### Bug Fixes
+
+* use Locale to set storeSwitcher icons ([65ea397](https://github.com/ho-nl/m2-pwa/commit/65ea397ec53aa27f545b43feda8e35227e119ebe))
+
+
+
+
+
 # [3.3.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-store@3.2.20...@graphcommerce/magento-store@3.3.0) (2021-11-12)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/magento-store",
-  "version": "3.3.10",
+  "version": "3.3.14",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "browserslist": [
@@ -14,23 +14,23 @@
   },
   "devDependencies": {
     "@graphcommerce/browserslist-config-pwa": "^3.0.2",
-    "@graphcommerce/eslint-config-pwa": "^3.1.6",
+    "@graphcommerce/eslint-config-pwa": "^3.1.7",
     "@graphcommerce/prettier-config-pwa": "^3.0.4",
     "@graphcommerce/typescript-config-pwa": "^3.1.1",
-    "@playwright/test": "^1.16.2"
+    "@playwright/test": "^1.17.1"
   },
   "dependencies": {
-    "@apollo/client": "^3.4.16",
-    "@graphcommerce/graphql": "^2.105.6",
-    "@graphcommerce/image": "^2.105.5",
-    "@graphcommerce/next-ui": "^3.20.3",
-    "@lingui/macro": "^3.12.1",
+    "@apollo/client": "^3.5.6",
+    "@graphcommerce/graphql": "^2.105.7",
+    "@graphcommerce/image": "^2.105.7",
+    "@graphcommerce/next-ui": "^3.20.7",
+    "@lingui/macro": "^3.13.0",
     "@material-ui/core": "^4.12.3",
     "@material-ui/lab": "^4.0.0-alpha.60",
-    "next": "^12.0.3",
+    "next": "^12.0.7",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "type-fest": "^2.5.1"
+    "type-fest": "^2.8.0"
   },
-  "gitHead": "4f80cd92bed997b6c778be4381b86b239fb0fdb1"
+  "gitHead": "f8974380ace982793000e5b181b5bb314a1945fb"
 }

package/switcher/StoreSwitcherButton.tsx

@@ -20,7 +20,7 @@ export type StoreSwitcherButtonProps = UseStyles<typeof useStyles>
 
 export default function StoreSwitcherButton(props) {
   const config = useQuery(StoreConfigDocument)
-  const country = config.data?.storeConfig?.store_code?.split('_')?.[1]?.toLowerCase() ?? ''
+  const country = config.data?.storeConfig?.locale?.split('_')?.[1]?.toLowerCase() ?? ''
 
   const classes = useStyles(props)
   return (

package/switcher/StoreSwitcherList.tsx

@@ -51,7 +51,7 @@ export default function StoreSwitcherList(props: StoreSwitcherListProps) {
     (availableStores ?? []).reduce<{
       [group: string]: { name: Store['store_group_name']; stores: Store[] }
     }>((storesGrouped, store) => {
-      const code = store?.store_group_code
+      const code = store?.locale?.split('_')[1].toLowerCase()
       if (!store?.store_group_code || !code) return storesGrouped
 
       if (!storesGrouped[code]) storesGrouped[code] = { name: store.store_group_name, stores: [] }
@@ -66,9 +66,9 @@ export default function StoreSwitcherList(props: StoreSwitcherListProps) {
       {groupedStores.map(([code, group]) => (
         <React.Fragment key={code}>
           <PageLink
-            key={group.stores[0].store_code}
+            key={group.stores[0].locale}
             href='/switch-stores'
-            locale={storeToLocale(group.stores[0].store_code)}
+            locale={storeToLocale(group.stores[0].locale)}
             replace
             passHref
           >
@@ -76,7 +76,7 @@ export default function StoreSwitcherList(props: StoreSwitcherListProps) {
               button
               component='a'
               selected={
-                group.stores.length <= 1 && localeToStore(locale) === group.stores[0].store_code
+                group.stores.length <= 1 && localeToStore(locale) === group.stores[0].locale
               }
               color='inherit'
               className={classes.listItem}
@@ -94,16 +94,16 @@ export default function StoreSwitcherList(props: StoreSwitcherListProps) {
             <Collapse in timeout='auto'>
               {group.stores.map((store) => (
                 <PageLink
-                  key={store.store_code}
+                  key={store.locale}
                   href='/switch-stores'
-                  locale={storeToLocale(store.store_code)}
+                  locale={storeToLocale(store.locale)}
                   replace
                   passHref
                 >
                   <ListItem
                     button
                     component='a'
-                    selected={localeToStore(locale) === store.store_code}
+                    selected={localeToStore(locale) === store.locale}
                     color='inherit'
                     className={classes.listItemIndented}
                   >