@graphcommerce/magento-customer 4.13.3 → 4.14.0-canary.11

package/CHANGELOG.md

@@ -1,8 +1,42 @@
 # Change Log
 
-## 4.13.3
+## 4.14.0-canary.11
 
-## 4.13.2
+## 4.14.0-canary.10
+
+## 4.14.0-canary.9
+
+## 4.14.0-canary.8
+
+## 4.14.0-canary.7
+
+### Patch Changes
+
+- [#1738](https://github.com/graphcommerce-org/graphcommerce/pull/1738) [`52882a63e`](https://github.com/graphcommerce-org/graphcommerce/commit/52882a63e96c0d3ba9641c3714d288fa4f420c82) - Do not forward the Prev prop in plugins ([@paales](https://github.com/paales))
+
+## 4.14.0-canary.6
+
+## 4.14.0-canary.5
+
+## 4.14.0-canary.4
+
+### Minor Changes
+
+- [#1733](https://github.com/graphcommerce-org/graphcommerce/pull/1733) [`761bd2832`](https://github.com/graphcommerce-org/graphcommerce/commit/761bd2832f115afc8b95bedbf479266309dd5acc) - ApolloLinks, typePolicies and migration scripts are now handled with plugins on the new library component `<GraphQLProvider/>`. Hygraph's, Magento Cart, Customer, Store, Wishlist and Magento GraphQL are all migrated to be using plugins.
+
+  If you are using custom `links` / `policies` / `migrations` you can pass them as props to the `<GraphQLProvider/>` or create your own local plugin. ([@paales](https://github.com/paales))
+
+## 4.14.0-canary.3
+
+## 4.14.0-canary.2
+
+### Patch Changes
+
+- [#1718](https://github.com/graphcommerce-org/graphcommerce/pull/1718) [`37e86cdc8`](https://github.com/graphcommerce-org/graphcommerce/commit/37e86cdc86ccca3db77d6c59b1e14c8112bb7893) - Remove usage of PropsWithChildren ([@paales](https://github.com/paales))
+
+## 4.13.2-canary.1
+
+## 4.13.2-canary.0
 
 ## 4.13.1
 

package/components/SignInForm/SignInFormInline.tsx

@@ -3,14 +3,16 @@ import { useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import { Trans } from '@lingui/react'
 import { Box, SxProps, TextField, Theme } from '@mui/material'
 import PageLink from 'next/link'
-import { PropsWithChildren } from 'react'
 import { SignInDocument, SignInMutationVariables } from './SignIn.gql'
 
-type InlineSignInFormProps = Omit<SignInMutationVariables, 'password'> & { sx?: SxProps<Theme> }
+type InlineSignInFormProps = Omit<SignInMutationVariables, 'password'> & {
+  sx?: SxProps<Theme>
+  children?: React.ReactNode
+}
 
 const { classes } = extendableComponent('SignInFormInline', ['form', 'button'] as const)
 
-export function SignInFormInline(props: PropsWithChildren<InlineSignInFormProps>) {
+export function SignInFormInline(props: InlineSignInFormProps) {
   const { email, sx = [] } = props
   const form = useFormGqlMutation(
     SignInDocument,

package/components/SignUpForm/SignUpFormInline.tsx

@@ -5,7 +5,7 @@ import { useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import { i18n } from '@lingui/core'
 import { Trans } from '@lingui/react'
 import { Box, TextField } from '@mui/material'
-import React, { PropsWithChildren } from 'react'
+import React from 'react'
 import { SignUpMutationVariables, SignUpMutation, SignUpDocument } from './SignUp.gql'
 
 type SignUpFormInlineProps = Pick<SignUpMutationVariables, 'email'> & {
@@ -28,7 +28,7 @@ export function SignUpFormInline({
   firstname,
   lastname,
   onSubmitted = () => {},
-}: PropsWithChildren<SignUpFormInlineProps>) {
+}: SignUpFormInlineProps) {
   const form = useFormGqlMutation<
     SignUpMutation,
     SignUpMutationVariables & { confirmPassword?: string }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-customer",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "4.13.3",
+  "version": "4.14.0-canary.11",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -19,15 +19,15 @@
     "type-fest": "^2.12.2"
   },
   "dependencies": {
-    "@graphcommerce/ecommerce-ui": "4.30.2",
-    "@graphcommerce/framer-utils": "4.30.2",
-    "@graphcommerce/graphql": "4.30.2",
-    "@graphcommerce/graphql-mesh": "4.30.2",
-    "@graphcommerce/image": "4.30.2",
-    "@graphcommerce/magento-graphql": "4.13.3",
-    "@graphcommerce/magento-store": "4.13.3",
-    "@graphcommerce/next-ui": "4.30.2",
-    "@graphcommerce/react-hook-form": "4.30.2"
+    "@graphcommerce/ecommerce-ui": "4.31.0-canary.7",
+    "@graphcommerce/framer-utils": "4.31.0-canary.7",
+    "@graphcommerce/graphql": "4.31.0-canary.7",
+    "@graphcommerce/graphql-mesh": "4.31.0-canary.7",
+    "@graphcommerce/image": "4.31.0-canary.7",
+    "@graphcommerce/magento-graphql": "4.14.0-canary.11",
+    "@graphcommerce/magento-store": "4.14.0-canary.11",
+    "@graphcommerce/next-ui": "4.31.0-canary.7",
+    "@graphcommerce/react-hook-form": "4.31.0-canary.7"
   },
   "peerDependencies": {
     "@lingui/react": "^3.13.2",

package/plugins/MagentoCustomerGraphqlProvider.tsx

@@ -0,0 +1,21 @@
+import { GraphQLProviderProps } from '@graphcommerce/graphql'
+import type { PluginProps } from '@graphcommerce/next-config'
+import { customerTokenLink } from '../link/createCustomerTokenLink'
+import { customerTypePolicies, migrateCustomer } from '../typePolicies'
+
+export const component = 'GraphQLProvider'
+export const exported = '@graphcommerce/graphql'
+
+function MagentoCustomerGraphqlProvider(props: PluginProps<GraphQLProviderProps>) {
+  const { Prev, links = [], policies = [], migrations = [], ...rest } = props
+  return (
+    <Prev
+      {...rest}
+      links={[...links, customerTokenLink]}
+      policies={[...policies, customerTypePolicies]}
+      migrations={[...migrations, migrateCustomer]}
+    />
+  )
+}
+
+export const Plugin = MagentoCustomerGraphqlProvider