@graphcommerce/googlerecaptcha 1.1.7 → 2.0.0

package/CHANGELOG.md

@@ -1,28 +1,46 @@
 # Change Log
 
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-## [1.1.2](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/googlerecaptcha@1.1.1...@graphcommerce/googlerecaptcha@1.1.2) (2021-11-12)
+## 2.0.0
 
+### Major Changes
 
-### Bug Fixes
+- [#1258](https://github.com/ho-nl/m2-pwa/pull/1258)
+  [`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)
+  Thanks [@paales](https://github.com/paales)! - Upgraded to Material UI 5
 
-* remove fragment ([3d8a964](https://github.com/ho-nl/m2-pwa/commit/3d8a964f3009f04b3ba09d54272a31b592e7a052))
-* remove hiding recaptcha from themeProvider, add to component ([6a49f77](https://github.com/ho-nl/m2-pwa/commit/6a49f77ef9fd22ea66e7acd1322c65ac6426fd3b))
+### Patch Changes
 
+- Updated dependencies
+  [[`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)]:
+  - @graphcommerce/graphql@3.0.0
 
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.8](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/googlerecaptcha@1.1.7...@graphcommerce/googlerecaptcha@1.1.8) (2021-12-20)
 
+### Bug Fixes
 
-# 1.1.0 (2021-11-03)
+- make sure we're not loading gogole properties when keys are not given
+  ([8636715](https://github.com/ho-nl/m2-pwa/commit/8636715d61985e0919208ffb64354c3ebb43ed01))
 
+## [1.1.2](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/googlerecaptcha@1.1.1...@graphcommerce/googlerecaptcha@1.1.2) (2021-11-12)
 
 ### Bug Fixes
 
-* make sure we're not throwing a warning on the production env. ([7ee4499](https://github.com/ho-nl/m2-pwa/commit/7ee449959509a13e684c19e2ff707e378d6b5c35))
+- remove fragment
+  ([3d8a964](https://github.com/ho-nl/m2-pwa/commit/3d8a964f3009f04b3ba09d54272a31b592e7a052))
+- remove hiding recaptcha from themeProvider, add to component
+  ([6a49f77](https://github.com/ho-nl/m2-pwa/commit/6a49f77ef9fd22ea66e7acd1322c65ac6426fd3b))
+
+# 1.1.0 (2021-11-03)
+
+### Bug Fixes
 
+- make sure we're not throwing a warning on the production env.
+  ([7ee4499](https://github.com/ho-nl/m2-pwa/commit/7ee449959509a13e684c19e2ff707e378d6b5c35))
 
 ### Features
 
-* google recaptcha v3 integration ([a9fcc16](https://github.com/ho-nl/m2-pwa/commit/a9fcc16f93951e61378c99a2e183e2d754da1d50))
+- google recaptcha v3 integration
+  ([a9fcc16](https://github.com/ho-nl/m2-pwa/commit/a9fcc16f93951e61378c99a2e183e2d754da1d50))

package/README.md

@@ -11,4 +11,4 @@ This package makes it easy to add Google Recaptcha v3 to GraphCommerce
 3. Add `recaptchaLink` to your Apollo Client.
    [example](../../examples/magento-graphcms/lib/createApolloClient.ts)
 4. Add `X-Recaptcha` header to your `.meshrc.yml`.
-   [example](../../examples/magento-graphcms/lib/createApolloClient.ts)
+   [example](../../examples/magento-graphcms/.meshrc.yml)

package/components/GoogleRecaptchaV3Script.tsx

@@ -1,36 +1,23 @@
-import { makeStyles } from '@material-ui/core'
 import Script from 'next/script'
 import React from 'react'
 
-const useStyles = makeStyles(
-  {
-    '@global': {
-      body: {
-        '& .grecaptcha-badge': {
-          visibility: 'hidden', // https://developers.google.com/recaptcha/docs/faq
-        },
-      },
-    },
-  },
-  { name: 'IconBlock' },
-)
-
 export default function GoogleRecaptchaV3Script() {
   const siteKey = process.env.NEXT_PUBLIC_GOOGLE_RECAPTCHA_V3_SITE_KEY
-  useStyles()
 
   if (process.env.NODE_ENV !== 'production' && !siteKey)
     console.warn(
       '[@graphcommerce/googletagmanager]: NEXT_PUBLIC_GOOGLE_RECAPTCHA_V3_SITE_KEY not found',
     )
 
+  if (!siteKey) return null
+
   return (
-    <Script
-      id={`google-recaptcha-v3-${siteKey}`}
-      strategy='lazyOnload'
-      src={`https://www.google.com/recaptcha/api.js?render=${siteKey}`}
-      async
-      defer
-    />
+    <>
+      <Script
+        strategy='lazyOnload'
+        src={`https://www.google.com/recaptcha/api.js?render=${siteKey}`}
+      />
+      <style>{`.grecaptcha-badge': { visibility: 'hidden' }`}</style>
+    </>
   )
 }

package/link/recaptchaLink.ts

@@ -1,5 +1,4 @@
-import { GraphQLRequest } from '@apollo/client'
-import { setContext } from '@apollo/client/link/context'
+import { GraphQLRequest, setContext } from '@graphcommerce/graphql'
 
 const isMutation = (operation: GraphQLRequest) =>
   operation.query.definitions.some(

package/package.json

@@ -1,11 +1,8 @@
 {
   "name": "@graphcommerce/googlerecaptcha",
-  "version": "1.1.7",
+  "version": "2.0.0",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
-  "browserslist": [
-    "extends @graphcommerce/browserslist-config-pwa"
-  ],
   "eslintConfig": {
     "extends": "@graphcommerce/eslint-config-pwa",
     "parserOptions": {
@@ -13,19 +10,17 @@
     }
   },
   "devDependencies": {
-    "@graphcommerce/browserslist-config-pwa": "^3.0.3",
-    "@graphcommerce/eslint-config-pwa": "^3.1.9",
-    "@graphcommerce/prettier-config-pwa": "^3.0.5",
-    "@graphcommerce/typescript-config-pwa": "^3.1.2",
-    "@playwright/test": "^1.17.1",
+    "@graphcommerce/eslint-config-pwa": "^4.0.0",
+    "@graphcommerce/prettier-config-pwa": "^4.0.0",
+    "@graphcommerce/typescript-config-pwa": "^4.0.0",
+    "@playwright/test": "^1.18.1",
     "@types/grecaptcha": "^3.0.3"
   },
   "dependencies": {
-    "@apollo/client": "^3.5.6",
-    "@material-ui/core": "^4.12.3",
-    "next": "^12.0.7",
+    "@graphcommerce/graphql": "^3.0.0",
+    "@mui/material": "^5.4.1",
+    "next": "^12.0.10",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
-  },
-  "gitHead": "06b4426d199de9ec2a9d2ac86d42ab047e59e7e7"
+  }
 }