ON-43681 # Added recaptchaKeyType to be passed into form

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## [Unreleased]
 
+### Added
+
+- `recaptchaKeyType` to be passed into form
+
 ## [1.8.2] - 2024-09-03
 
 ### Dependencies

package.json

@@ -1,7 +1,7 @@
 {
  "name": "forms-cdn",
  "description": "Project to serve via CDN to embed a OneBlink Form in your website.",
- "version": "1.8.3-test.1",
+ "version": "1.8.2-test.1",
  "author": "OneBlink <[email protected]> (https://oneblink.io)",
  "browserslist": "> 0.25%, not dead, safari >= 11, ios_saf >= 11, ie >= 11",
  "bugs": {
@@ -11,9 +11,9 @@
  "@babel/core": "^7.23.9",
  "@babel/preset-env": "^7.23.9",
  "@babel/preset-react": "^7.23.3",
- "@oneblink/apps": "^16.0.0-beta.2",
- "@oneblink/apps-react": "^6.6.0-beta.6",
- "@oneblink/cli": "^3.5.1",
+ "@oneblink/apps": "^15.0.0-beta.1",
+ "@oneblink/apps-react": "^6.4.0-beta.2",
+ "@oneblink/cli": "^3.3.1",
  "@types/react": "^17.0.73",
  "@types/react-dom": "^17.0.25",
  "@types/react-loader-spinner": "^4.0.0",
@@ -48,8 +48,8 @@
  },
  "devDependencies": {
  "@microsoft/eslint-plugin-sdl": "^0.2.2",
- "@oneblink/release-cli": "^3.2.2",
- "@oneblink/types": "github:oneblink/types",
+ "@oneblink/release-cli": "^3.2.1",
+ "@oneblink/types": "github:oneblink/types#1bb3ba243a827d59622cc99f757f265b5ac50601",
  "eslint": "^8.56.0",
  "eslint-config-prettier": "^9.1.0",
  "eslint-plugin-prettier": "^5.1.3",

src/PaymentForm.tsx

@@ -41,6 +41,8 @@ export default function PaymentForm({ formsAppId }: { formsAppId: number }) {
  onCompleted={onCompleted}
  onCancelled={onCompleted}
  captchaSiteKey={state.result.recaptchaPublicKey}
+ //@ts-expect-error TODO: Update apps-react when merged
+ captchaType={state.result.recaptchaKeyType}
  appImageUrl={state.result.pwaSettings?.homeScreenIconUrl}
  title={state.result.pwaSettings?.homeScreenName}
  />

src/form.tsx

@@ -222,6 +222,8 @@ function Form({
  onSubmit={handleSubmit}
  initialSubmission={preFillData}
  captchaSiteKey={formsAppConfiguration.recaptchaPublicKey}
+ //@ts-expect-error TODO: Update apps-react when merged
+ captchaType={formsAppConfiguration.recaptchaKeyType}
  googleMapsApiKey={googleMapsApiKey}
  disabled={isSubmitting}
  buttons={formsAppConfiguration.styles.buttons}