@graphcommerce/googlerecaptcha 9.0.0-canary.59 → 9.0.0-canary.61

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Change Log
 
+## 9.0.0-canary.61
+
+## 9.0.0-canary.60
+
+### Patch Changes
+
+- [#2331](https://github.com/graphcommerce-org/graphcommerce/pull/2331) [`702bfc9`](https://github.com/graphcommerce-org/graphcommerce/commit/702bfc93566c9745546988e57988431d5d4d8cb0) - Moved plugins to new format ([@paales](https://github.com/paales))
+
 ## 9.0.0-canary.59
 
 ## 9.0.0-canary.58

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/googlerecaptcha",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "9.0.0-canary.59",
+  "version": "9.0.0-canary.61",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -15,11 +15,11 @@
     "@types/grecaptcha": "^3.0.9"
   },
   "peerDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^9.0.0-canary.59",
-    "@graphcommerce/graphql": "^9.0.0-canary.59",
-    "@graphcommerce/next-ui": "^9.0.0-canary.59",
-    "@graphcommerce/prettier-config-pwa": "^9.0.0-canary.59",
-    "@graphcommerce/typescript-config-pwa": "^9.0.0-canary.59",
+    "@graphcommerce/eslint-config-pwa": "^9.0.0-canary.61",
+    "@graphcommerce/graphql": "^9.0.0-canary.61",
+    "@graphcommerce/next-ui": "^9.0.0-canary.61",
+    "@graphcommerce/prettier-config-pwa": "^9.0.0-canary.61",
+    "@graphcommerce/typescript-config-pwa": "^9.0.0-canary.61",
     "@mui/material": "^5.10.16",
     "next": "*",
     "react": "^18.2.0",

package/plugins/GrecaptchaApolloErrorAlert.tsx

@@ -1,15 +1,15 @@
 import type { ApolloErrorAlertProps } from '@graphcommerce/ecommerce-ui'
-import type { PluginProps } from '@graphcommerce/next-config'
+import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
 import { useGoogleRecaptcha } from '../hooks/useGoogleRecaptcha'
 
-export const component = 'ApolloErrorAlert'
-export const exported = '@graphcommerce/ecommerce-ui'
-export const ifConfig = 'googleRecaptchaKey'
+export const config: PluginConfig = {
+  type: 'component',
+  module: '@graphcommerce/ecommerce-ui',
+  ifConfig: 'googleRecaptchaKey',
+}
 
-function GrecaptchaApolloErrorAlert(props: PluginProps<ApolloErrorAlertProps>) {
+export function ApolloErrorAlert(props: PluginProps<ApolloErrorAlertProps>) {
   const { Prev, ...rest } = props
   useGoogleRecaptcha()
   return <Prev {...rest} />
 }
-
-export const Plugin = GrecaptchaApolloErrorAlert

package/plugins/GrecaptchaApolloErrorFullPage.tsx

@@ -1,15 +1,15 @@
 import type { ApolloErrorFullPageProps } from '@graphcommerce/ecommerce-ui'
-import type { PluginProps } from '@graphcommerce/next-config'
+import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
 import { useGoogleRecaptcha } from '../hooks/useGoogleRecaptcha'
 
-export const component = 'ApolloErrorFullPage'
-export const exported = '@graphcommerce/ecommerce-ui'
-export const ifConfig = 'googleRecaptchaKey'
+export const config: PluginConfig = {
+  type: 'component',
+  module: '@graphcommerce/ecommerce-ui',
+  ifConfig: 'googleRecaptchaKey',
+}
 
-function GrecaptchaApolloErrorFullPage(props: PluginProps<ApolloErrorFullPageProps>) {
+export function ApolloErrorFullPage(props: PluginProps<ApolloErrorFullPageProps>) {
   const { Prev, ...rest } = props
   useGoogleRecaptcha()
   return <Prev {...rest} />
 }
-
-export const Plugin = GrecaptchaApolloErrorFullPage

package/plugins/GrecaptchaApolloErrorSnackbar.tsx

@@ -1,15 +1,15 @@
 import type { ApolloErrorSnackbarProps } from '@graphcommerce/ecommerce-ui'
-import type { PluginProps } from '@graphcommerce/next-config'
+import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
 import { useGoogleRecaptcha } from '../hooks/useGoogleRecaptcha'
 
-export const component = 'ApolloErrorSnackbar'
-export const exported = '@graphcommerce/ecommerce-ui'
-export const ifConfig = 'googleRecaptchaKey'
+export const config: PluginConfig = {
+  type: 'component',
+  module: '@graphcommerce/ecommerce-ui',
+  ifConfig: 'googleRecaptchaKey',
+}
 
-function GrecaptchaApolloErrorSnackbar(props: PluginProps<ApolloErrorSnackbarProps>) {
+export function ApolloErrorSnackbar(props: PluginProps<ApolloErrorSnackbarProps>) {
   const { Prev, ...rest } = props
   useGoogleRecaptcha()
   return <Prev {...rest} />
 }
-
-export const Plugin = GrecaptchaApolloErrorSnackbar

package/plugins/GrecaptchaGraphQLProvider.tsx

@@ -1,5 +1,5 @@
 import { GraphQLProviderProps } from '@graphcommerce/graphql'
-import type { PluginProps } from '@graphcommerce/next-config'
+import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
 import { GlobalStyles } from '@mui/material'
 import Script from 'next/script'
 import { useState, useMemo } from 'react'
@@ -7,11 +7,13 @@ import { recaptchaContext, RecaptchaContext } from '../context/recaptchaContext'
 import { useGoogleRecaptchaSiteKey } from '../hooks/useGoogleRecaptchaSiteKey'
 import { recaptchaLink } from '../link/recaptchaLink'
 
-export const component = 'GraphQLProvider'
-export const exported = '@graphcommerce/graphql'
-export const ifConfig = 'googleRecaptchaKey'
+export const config: PluginConfig = {
+  type: 'component',
+  module: '@graphcommerce/graphql',
+  ifConfig: 'googleRecaptchaKey',
+}
 
-function GrecaptchaGraphQLProvider(props: PluginProps<GraphQLProviderProps>) {
+export function GraphQLProvider(props: PluginProps<GraphQLProviderProps>) {
   const { Prev, links = [], ...prev } = props
 
   const [enabled, setEnabled] = useState(false)
@@ -42,5 +44,3 @@ function GrecaptchaGraphQLProvider(props: PluginProps<GraphQLProviderProps>) {
     </recaptchaContext.Provider>
   )
 }
-
-export const Plugin = GrecaptchaGraphQLProvider