@graphcommerce/magento-customer 3.2.1 → 3.3.2

package/CHANGELOG.md

@@ -3,6 +3,34 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.3.1](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-customer@3.3.0...@graphcommerce/magento-customer@3.3.1) (2021-10-28)
+
+
+### Bug Fixes
+
+* External SVG's can't have alt tags ([1b1414a](https://github.com/ho-nl/m2-pwa/commit/1b1414a782d55d3acf7b0e6bcaa50f2ad5f18f39))
+
+
+
+
+
+# [3.3.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-customer@3.2.2...@graphcommerce/magento-customer@3.3.0) (2021-10-28)
+
+
+### Bug Fixes
+
+* remove double icons ([1654e34](https://github.com/ho-nl/m2-pwa/commit/1654e3441911f3c7c1600357f8f8e3032f5ee729))
+* update SvgImage to SvgImageSimple ([f116543](https://github.com/ho-nl/m2-pwa/commit/f116543730853fa9782abff0ccacee7032e85789))
+
+
+### Features
+
+* dynamic icons, update SvgImage uses to SvgImageSimple ([3d3cc0e](https://github.com/ho-nl/m2-pwa/commit/3d3cc0e0336fcde1cce6ba19705f82c1edf9bfc6))
+
+
+
+
+
 # [3.2.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-customer@3.1.9...@graphcommerce/magento-customer@3.2.0) (2021-10-27)
 
 

package/components/AccountAddresses/index.tsx

@@ -5,6 +5,7 @@ import {
   MessageSnackbar,
   SvgImage,
   iconHome,
+  SvgImageSimple,
 } from '@graphcommerce/next-ui'
 import { makeStyles, Theme } from '@material-ui/core'
 import { Skeleton } from '@material-ui/lab'
@@ -65,7 +66,7 @@ export default function AccountAddresses(props: AccountAddressesProps) {
         <>
           <FullPageMessage
             title='You have no addresses saved yet'
-            icon={<SvgImage src={iconHome} size={148} alt='home' />}
+            icon={<SvgImageSimple src={iconHome} size='xxl' />}
             button={
               <Link href='/account/addresses/add' passHref>
                 <Button size='large' variant='contained' color='primary' text='bold'>

package/components/ApolloCustomerError/ApolloCustomerErrorFullPage.tsx

@@ -3,7 +3,8 @@ import {
   ApolloErrorAlertProps,
   Button,
   SvgImage,
-  iconPersonAltBig,
+  iconPerson,
+  SvgImageSimple,
 } from '@graphcommerce/next-ui'
 import PageLink from 'next/link'
 import React from 'react'
@@ -22,7 +23,7 @@ export default function ApolloCustomerErrorFullPage(props: ApolloCustomerErrorFu
   return (
     <ApolloErrorFullPage
       error={error}
-      icon={<SvgImage src={iconPersonAltBig} size={148} alt='person' />}
+      icon={<SvgImageSimple src={iconPerson} size='xxl' />}
       button={
         unauthorized ? (
           <PageLink href={signInHref} passHref>

package/components/ChangeNameForm/index.tsx

@@ -6,6 +6,7 @@ import {
   MessageSnackbar,
   SvgImage,
   iconCheckmark,
+  SvgImageSimple,
 } from '@graphcommerce/next-ui'
 import { useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import React from 'react'
@@ -57,7 +58,7 @@ export default function ChangeNameForm(props: ChangeNameFormProps) {
       </Form>
       <MessageSnackbar open={formState.isSubmitSuccessful && !error} variant='pill'>
         <>
-          <SvgImage src={iconCheckmark} size='small' loading='eager' alt='checkmark' />
+          <SvgImageSimple src={iconCheckmark} size='small' />
           Changes saved
         </>
       </MessageSnackbar>

package/components/CustomerFab/index.tsx

@@ -1,5 +1,5 @@
 import { useQuery } from '@apollo/client'
-import { iconPersonAlt, StyledBadge, SvgImageSimple, UseStyles } from '@graphcommerce/next-ui'
+import { iconPerson, StyledBadge, SvgImageSimple, UseStyles } from '@graphcommerce/next-ui'
 import { Fab, FabProps as FabPropsType, makeStyles, NoSsr, Theme } from '@material-ui/core'
 import PageLink from 'next/link'
 import React from 'react'
@@ -32,7 +32,7 @@ function CustomerFabContent(props: CustomerFabContentProps) {
           variant='dot'
           classes={{ colorError: classes.colorError }}
         >
-          {icon ?? <SvgImageSimple src={iconPersonAlt} alt='Account' size='large' />}
+          {icon ?? <SvgImageSimple src={iconPerson} size='large' />}
         </StyledBadge>
       </Fab>
     </PageLink>

package/components/CustomerMenuFabItem/index.tsx

@@ -3,7 +3,7 @@ import {
   MenuFabSecondaryItem,
   StyledBadge,
   UseStyles,
-  iconPersonAlt,
+  iconPerson,
   SvgImageSimple,
 } from '@graphcommerce/next-ui'
 import { makeStyles, NoSsr, Theme } from '@material-ui/core'
@@ -47,7 +47,7 @@ function CustomerMenuFabItemContent(props: CustomerMenuFabItemProps) {
           variant='dot'
           classes={{ colorError: classes.colorError, badge: classes.badge }}
         >
-          {icon ?? <SvgImageSimple src={iconPersonAlt} alt='Account' />}
+          {icon ?? <SvgImageSimple src={iconPerson} />}
         </StyledBadge>
       }
       href={requireAuth ? guestHref : authHref}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/magento-customer",
-  "version": "3.2.1",
+  "version": "3.3.2",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "browserslist": [
@@ -14,27 +14,27 @@
   },
   "devDependencies": {
     "@graphcommerce/browserslist-config-pwa": "^3.0.2",
-    "@graphcommerce/eslint-config-pwa": "^3.1.1",
+    "@graphcommerce/eslint-config-pwa": "^3.1.2",
     "@graphcommerce/prettier-config-pwa": "^3.0.3",
     "@graphcommerce/typescript-config-pwa": "^3.1.1",
-    "@playwright/test": "^1.15.2"
+    "@playwright/test": "^1.16.2"
   },
   "dependencies": {
     "@apollo/client": "^3.4.16",
-    "@graphcommerce/graphql": "^2.105.0",
-    "@graphcommerce/image": "^2.105.0",
-    "@graphcommerce/magento-graphql": "^2.104.0",
-    "@graphcommerce/magento-store": "^3.1.1",
-    "@graphcommerce/next-ui": "^3.10.1",
-    "@graphcommerce/react-hook-form": "^2.102.12",
+    "@graphcommerce/graphql": "^2.105.1",
+    "@graphcommerce/image": "^2.105.1",
+    "@graphcommerce/magento-graphql": "^2.104.1",
+    "@graphcommerce/magento-store": "^3.1.5",
+    "@graphcommerce/next-ui": "^3.11.2",
+    "@graphcommerce/react-hook-form": "^2.102.13",
     "@graphql-typed-document-node/core": "^3.1.0",
     "@material-ui/core": "^4.12.3",
     "@material-ui/lab": "^4.0.0-alpha.60",
     "clsx": "^1.1.1",
     "framer-motion": "^4.1.17",
-    "next": "^12.0.0",
+    "next": "^12.0.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
-  "gitHead": "b90c6285a14368a76de8ad1d104f3d535bc3cafb"
+  "gitHead": "ed70123f0b4c4552ca413deff6fe786156d0772f"
 }