@graphcommerce/magento-cart-payment-method 3.0.1 → 3.0.2

package/Api/PaymentMethod.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from '@graphcommerce/next-ui/Button'
+import { LinkOrButtonProps } from '@graphcommerce/next-ui'
 import { UseFormComposeOptions } from '@graphcommerce/react-hook-form'
 import React from 'react'
 import { AvailablePaymentMethodFragment } from './AvailablePaymentMethod/AvailablePaymentMethod.gql'
@@ -15,7 +15,7 @@ export type PaymentMethod = Partial<AvailablePaymentMethodFragment> &
 export type PaymentMethodOptionsProps = Pick<UseFormComposeOptions, 'step'> & {
   Container: React.FC
 }
-export type PaymentButtonProps = PaymentMethod & { buttonProps: ButtonProps }
+export type PaymentButtonProps = PaymentMethod & { buttonProps: LinkOrButtonProps }
 export type PaymentOptionsProps = PaymentMethod & PaymentMethodOptionsProps
 
 export type PaymentToggleProps = PaymentMethod

package/CHANGELOG.md

@@ -1,5 +1,58 @@
 # Change Log
 
+## 3.0.2
+
+### 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),
+  [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2),
+  [`e7c8e2756`](https://github.com/ho-nl/m2-pwa/commit/e7c8e2756d637cbcd2e793d62ef5721d35d9fa7b),
+  [`b08a8eb1d`](https://github.com/ho-nl/m2-pwa/commit/b08a8eb1d024b9d3e7712ef034029151670db275),
+  [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d),
+  [`5a4809b1a`](https://github.com/ho-nl/m2-pwa/commit/5a4809b1a705aa32f620f520085df48ee25f9949)]:
+  - @graphcommerce/magento-cart@4.1.1
+  - @graphcommerce/next-ui@4.1.1
+  - @graphcommerce/react-hook-form@3.0.2
+  - @graphcommerce/framer-scroller@2.0.2
+  - @graphcommerce/graphql@3.0.2
+  - @graphcommerce/image@3.0.2
+  - @graphcommerce/magento-store@4.0.2
+
 ## 3.0.1
 
 ### Patch Changes

package/PaymentMethodButton/PaymentMethodButton.tsx

@@ -1,12 +1,12 @@
 import { ApolloCartErrorAlert } from '@graphcommerce/magento-cart'
-import { Button, ButtonProps } from '@graphcommerce/next-ui'
+import { Button, ButtonProps, LinkOrButton, LinkOrButtonProps } from '@graphcommerce/next-ui'
 import { ComposedSubmit, ComposedSubmitRenderComponentProps } from '@graphcommerce/react-hook-form'
 import { usePaymentMethodContext } from '../PaymentMethodContext/PaymentMethodContext'
 
-export type PaymentMethodButtonProps = ButtonProps & { display?: 'inline' | 'block' }
+export type PaymentMethodButtonProps = LinkOrButtonProps & { display?: 'inline' | 'block' }
 
 export function PaymentMethodButtonRenderer(
-  props: { buttonProps: ButtonProps } & ComposedSubmitRenderComponentProps,
+  props: { buttonProps: LinkOrButtonProps } & ComposedSubmitRenderComponentProps,
 ) {
   const { buttonProps, error, buttonState, submit } = props
   const { selectedMethod, selectedModule } = usePaymentMethodContext()
@@ -18,7 +18,7 @@ export function PaymentMethodButtonRenderer(
   return (
     <>
       {!PaymentButton || !selectedMethod?.code ? (
-        <Button
+        <LinkOrButton
           {...btnProps}
           onClick={submit}
           loading={buttonState.isSubmitting || (buttonState.isSubmitSuccessful && !error)}
@@ -30,7 +30,7 @@ export function PaymentMethodButtonRenderer(
               (<em>{selectedMethod?.title}</em>)
             </>
           )}
-        </Button>
+        </LinkOrButton>
       ) : (
         <PaymentButton
           {...selectedMethod}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-cart-payment-method",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "sideEffects": false,
   "engines": {
     "node": "14.x"
@@ -15,25 +15,27 @@
     }
   },
   "devDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^4.0.1",
+    "@graphcommerce/eslint-config-pwa": "^4.0.2",
     "@graphcommerce/prettier-config-pwa": "^4.0.1",
     "@graphcommerce/typescript-config-pwa": "^4.0.1",
-    "@playwright/test": "^1.18.1"
+    "@playwright/test": "^1.19.1"
   },
   "dependencies": {
-    "@graphcommerce/framer-scroller": "^2.0.1",
-    "@graphcommerce/graphql": "^3.0.1",
-    "@graphcommerce/image": "^3.0.1",
-    "@graphcommerce/magento-cart": "^4.0.1",
-    "@graphcommerce/magento-store": "^4.0.1",
-    "@graphcommerce/next-ui": "^4.0.1",
-    "@graphcommerce/react-hook-form": "^3.0.1",
+    "@graphcommerce/framer-scroller": "^2.0.2",
+    "@graphcommerce/graphql": "^3.0.2",
+    "@graphcommerce/image": "^3.0.2",
+    "@graphcommerce/magento-cart": "^4.1.1",
+    "@graphcommerce/magento-store": "^4.0.2",
+    "@graphcommerce/next-ui": "^4.1.1",
+    "@graphcommerce/react-hook-form": "^3.0.2",
+    "type-fest": "^2.11.2"
+  },
+  "peerDependencies": {
     "@lingui/macro": "^3.13.2",
     "@mui/material": "^5.4.1",
     "framer-motion": "^6.2.4",
     "next": "^12.0.10",
     "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "type-fest": "^2.11.2"
+    "react-dom": "^17.0.1"
   }
 }