@graphcommerce/magento-customer 4.1.0 → 4.1.3

package/CHANGELOG.md

@@ -1,5 +1,93 @@
 # Change Log
 
+## 4.1.3
+
+### Patch Changes
+
+- [#1292](https://github.com/ho-nl/m2-pwa/pull/1292)
+  [`5a1ba9e66`](https://github.com/ho-nl/m2-pwa/commit/5a1ba9e664abbac89c4f5f71f7d6d6ed1aefa5c0)
+  Thanks [@paales](https://github.com/paales)! - Renamed SvgIcon to IconSvg to prevent collisions
+  with MUI
+
+- Updated dependencies
+  [[`5a1ba9e66`](https://github.com/ho-nl/m2-pwa/commit/5a1ba9e664abbac89c4f5f71f7d6d6ed1aefa5c0),
+  [`990df655b`](https://github.com/ho-nl/m2-pwa/commit/990df655b73b469718d6cb5837ee65dfe2ad6a1d),
+  [`63f9b56eb`](https://github.com/ho-nl/m2-pwa/commit/63f9b56eb68ba790567ff1427e599fd2c3c8f1ee)]:
+  - @graphcommerce/ecommerce-ui@1.0.2
+  - @graphcommerce/next-ui@4.2.0
+
+## 4.1.2
+
+### Patch Changes
+
+- [`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96)
+  Thanks [@paales](https://github.com/paales)! - made packages public
+
+- Updated dependencies
+  [[`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96),
+  [`81ea406d5`](https://github.com/ho-nl/m2-pwa/commit/81ea406d54d6b5c662c030a7fea444abc4117a20),
+  [`3a719c88c`](https://github.com/ho-nl/m2-pwa/commit/3a719c88cad1eab58602de28c41adc0fc4827e1d),
+  [`5ffcb56bf`](https://github.com/ho-nl/m2-pwa/commit/5ffcb56bfcbe49ebeaf24f9341e819a145ab9a14)]:
+  - @graphcommerce/ecommerce-ui@1.0.1
+  - @graphcommerce/graphql@3.0.3
+  - @graphcommerce/image@3.1.0
+  - @graphcommerce/magento-graphql@3.0.3
+  - @graphcommerce/magento-store@4.0.3
+  - @graphcommerce/next-ui@4.1.2
+  - @graphcommerce/react-hook-form@3.0.3
+
+## 4.1.1
+
+### Patch Changes
+
+- [#1274](https://github.com/ho-nl/m2-pwa/pull/1274)
+  [`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7)
+  Thanks [@paales](https://github.com/paales)! - Moved `ApolloErrorAlert`, `ApolloErrorFullPage` and
+  `ApolloErrorSnackbar` to the ecommerce-ui package.
+
+  Created `ComposedSubmitButton` and `ComposedSubmitLinkOrButton` to reduce complexity from
+  `magento-graphcms` example.
+
+  Removed dependency an `@graphcommerce/react-hook-form` from `magento-graphcms` example.
+
+  Added dependency `@graphcommerce/ecommerce-ui` from `magento-graphcms` example.
+
+* [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
+  [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2)
+  Thanks [@paales](https://github.com/paales)! - We've moved lots of internal packages from
+  `dependencies` to `peerDependencies`. The result of this is that there will be significantly less
+  duplicate packages in the node_modules folders.
+
+- [#1274](https://github.com/ho-nl/m2-pwa/pull/1274)
+  [`b08a8eb1d`](https://github.com/ho-nl/m2-pwa/commit/b08a8eb1d024b9d3e7712ef034029151670db275)
+  Thanks [@paales](https://github.com/paales)! - Fixed extraction of translations and updated
+  various translations for english 🇺🇸🇬🇧 and dutch 🇳🇱
+
+* [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
+  [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)
+  Thanks [@paales](https://github.com/paales)! - Upgraded to
+  [NextJS 12.1](https://nextjs.org/blog/next-12-1)! This is just for compatibility, but we'll be
+  implementing
+  [On-demand Incremental Static Regeneration](https://nextjs.org/blog/next-12-1#on-demand-incremental-static-regeneration-beta)
+  soon.
+
+  This will greatly reduce the requirement to rebuid stuff and we'll add a management UI on the
+  frontend to be able to revalidate pages manually.
+
+* Updated dependencies
+  [[`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7),
+  [`351347afe`](https://github.com/ho-nl/m2-pwa/commit/351347afeae5bd837408d46c7593bcf5473dc621),
+  [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2),
+  [`e7c8e2756`](https://github.com/ho-nl/m2-pwa/commit/e7c8e2756d637cbcd2e793d62ef5721d35d9fa7b),
+  [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)]:
+  - @graphcommerce/ecommerce-ui@1.0.0
+  - @graphcommerce/next-ui@4.1.1
+  - @graphcommerce/react-hook-form@3.0.2
+  - @graphcommerce/graphql@3.0.2
+  - @graphcommerce/image@3.0.2
+  - @graphcommerce/magento-graphql@3.0.2
+  - @graphcommerce/magento-store@4.0.2
+
 ## 4.1.0
 
 ### Minor Changes

package/components/AccountAddresses/index.tsx

@@ -2,7 +2,7 @@ import {
   FullPageMessage,
   SectionContainer,
   iconHome,
-  SvgIcon,
+  IconSvg,
   extendableComponent,
 } from '@graphcommerce/next-ui'
 import { Trans } from '@lingui/macro'
@@ -57,7 +57,7 @@ export default function AccountAddresses(props: AccountAddressesProps) {
       {((addresses && addresses.length === 0) || !addresses) && (
         <FullPageMessage
           title={<Trans>You have no addresses saved yet</Trans>}
-          icon={<SvgIcon src={iconHome} size='xxl' />}
+          icon={<IconSvg src={iconHome} size='xxl' />}
           button={
             <Link href='/account/addresses/add' passHref>
               <Button size='large' variant='contained' color='primary'>

package/components/ApolloCustomerError/ApolloCustomerErrorAlert.tsx

@@ -1,8 +1,7 @@
-import { ApolloErrorAlert, ApolloErrorAlertProps } from '@graphcommerce/next-ui'
+import { ApolloErrorAlert, ApolloErrorAlertProps } from '@graphcommerce/ecommerce-ui'
 import { Trans } from '@lingui/macro'
 import { Link } from '@mui/material'
 import NextLink from 'next/link'
-import React from 'react'
 import { useExtractCustomerErrors } from '../../hooks/useExtractCustomerErrors'
 
 type MagentoErrorAlertProps = ApolloErrorAlertProps
@@ -13,7 +12,7 @@ export default function ApolloCustomerErrorAlert(props: MagentoErrorAlertProps)
   const action = unauthorized && (
     <NextLink href='/account/signin' passHref>
       <Link underline='hover'>
-        <Trans>Create Account</Trans> / <Trans>Sign In</Trans>
+        <Trans>Create Account</Trans> / <Trans>Sign in</Trans>
       </Link>
     </NextLink>
   )

package/components/ApolloCustomerError/ApolloCustomerErrorFullPage.tsx

@@ -1,9 +1,5 @@
-import {
-  ApolloErrorFullPage,
-  ApolloErrorAlertProps,
-  iconPerson,
-  SvgIcon,
-} from '@graphcommerce/next-ui'
+import { ApolloErrorFullPage, ApolloErrorAlertProps } from '@graphcommerce/ecommerce-ui'
+import { iconPerson, IconSvg } from '@graphcommerce/next-ui'
 import { Trans } from '@lingui/macro'
 import { Button } from '@mui/material'
 import PageLink from 'next/link'
@@ -21,12 +17,12 @@ export default function ApolloCustomerErrorFullPage(props: ApolloCustomerErrorFu
   return (
     <ApolloErrorFullPage
       error={error}
-      icon={<SvgIcon src={iconPerson} size='xxl' />}
+      icon={<IconSvg src={iconPerson} size='xxl' />}
       button={
         unauthorized ? (
           <PageLink href={signInHref} passHref>
             <Button variant='contained' color='primary' size='large'>
-              <Trans>Login</Trans>
+              <Trans>Log in</Trans>
             </Button>
           </PageLink>
         ) : undefined

package/components/CustomerFab/index.tsx

@@ -2,7 +2,7 @@ import { useQuery } from '@graphcommerce/graphql'
 import {
   iconPerson,
   DesktopHeaderBadge,
-  SvgIcon,
+  IconSvg,
   extendableComponent,
 } from '@graphcommerce/next-ui'
 import { t } from '@lingui/macro'
@@ -44,7 +44,7 @@ function CustomerFabContent(props: CustomerFabContentProps) {
           variant='dot'
           overlap='circular'
         >
-          {icon ?? <SvgIcon src={iconPerson} size='large' />}
+          {icon ?? <IconSvg src={iconPerson} size='large' />}
         </DesktopHeaderBadge>
       </Fab>
     </PageLink>

package/components/CustomerMenuFabItem/index.tsx

@@ -3,7 +3,7 @@ import {
   MenuFabSecondaryItem,
   DesktopHeaderBadge,
   iconPerson,
-  SvgIcon,
+  IconSvg,
 } from '@graphcommerce/next-ui'
 import { NoSsr, SxProps, Theme } from '@mui/material'
 import React from 'react'
@@ -31,7 +31,7 @@ function CustomerMenuFabItemContent(props: CustomerMenuFabItemProps) {
           variant='dot'
           overlap='circular'
         >
-          {icon ?? <SvgIcon src={iconPerson} size='medium' />}
+          {icon ?? <IconSvg src={iconPerson} size='medium' />}
         </DesktopHeaderBadge>
       }
       href={requireAuth ? guestHref : authHref}

package/components/DeleteCustomerAddressForm/index.tsx

@@ -1,8 +1,7 @@
-import { ApolloErrorSnackbar } from '@graphcommerce/next-ui'
+import { ApolloErrorSnackbar } from '@graphcommerce/ecommerce-ui'
 import { useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import { Trans } from '@lingui/macro'
 import { Button } from '@mui/material'
-import React from 'react'
 import { DeleteCustomerAddressFormDocument } from './DeleteCustomerAddressForm.gql'
 
 export type DeleteCustomerAddressFormProps = {

package/components/SignInForm/SignInForm.tsx

@@ -63,7 +63,7 @@ export default function SignInForm(props: SignInFormProps) {
             variant='contained'
             size='large'
           >
-            <Trans>Log In</Trans>
+            <Trans>Log in</Trans>
           </Button>
         </FormControl>
       </FormActions>

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-customer",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "4.1.0",
+  "version": "4.1.3",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,18 +12,21 @@
     }
   },
   "devDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^4.0.1",
-    "@graphcommerce/prettier-config-pwa": "^4.0.1",
-    "@graphcommerce/typescript-config-pwa": "^4.0.1",
-    "@playwright/test": "^1.18.1"
+    "@graphcommerce/eslint-config-pwa": "^4.0.3",
+    "@graphcommerce/prettier-config-pwa": "^4.0.2",
+    "@graphcommerce/typescript-config-pwa": "^4.0.2",
+    "@playwright/test": "^1.19.1"
   },
   "dependencies": {
-    "@graphcommerce/graphql": "^3.0.1",
-    "@graphcommerce/image": "^3.0.1",
-    "@graphcommerce/magento-graphql": "^3.0.1",
-    "@graphcommerce/magento-store": "^4.0.1",
-    "@graphcommerce/next-ui": "^4.1.0",
-    "@graphcommerce/react-hook-form": "^3.0.1",
+    "@graphcommerce/ecommerce-ui": "^1.0.2",
+    "@graphcommerce/graphql": "^3.0.3",
+    "@graphcommerce/image": "^3.1.0",
+    "@graphcommerce/magento-graphql": "^3.0.3",
+    "@graphcommerce/magento-store": "^4.0.3",
+    "@graphcommerce/next-ui": "^4.2.0",
+    "@graphcommerce/react-hook-form": "^3.0.3"
+  },
+  "peerDependencies": {
     "@lingui/macro": "^3.13.2",
     "@mui/material": "^5.4.1",
     "framer-motion": "^6.2.4",