Merge pull request #191 from fingerprintjs/docs/update-fingerprint-branding

docs: update Fingerprint branding

Author: JuroUhlar

CHANGELOG.md

@@ -93,7 +93,7 @@
 
 ### Features
 
-* update @fingerprintjs/fingerprintjs-pro-spa to 1.2.0, add FingerprintJSPro export ([8066afe](https://github.com/fingerprintjs/fingerprintjs-pro-react/commit/8066afe0a285f1b8ace4c1debe74860034752655))
+* update @fingerprintjs/fingerprintjs-pro-spa to 1.2.0, add agent export ([8066afe](https://github.com/fingerprintjs/fingerprintjs-pro-react/commit/8066afe0a285f1b8ace4c1debe74860034752655))
 
 ## [2.5.1](https://github.com/fingerprintjs/fingerprintjs-pro-react/compare/v2.5.0...v2.5.1) (2023-09-14)
 
@@ -274,7 +274,7 @@
 
 * **deps:** bump terser from 4.8.0 to 4.8.1 in /examples/preact ([6947ad5](https://github.com/fingerprintjs/fingerprintjs-pro-react/commit/6947ad553a39107736affb43ad1e0bbfce5c09a9))
 * **deps:** bump terser from 5.13.1 to 5.14.2 in /examples/spa ([e94c1ce](https://github.com/fingerprintjs/fingerprintjs-pro-react/commit/e94c1ce1106795f88390545f1a76a979e77c2f20))
-* **deps:** update FingerprintJS Pro SPA to 0.5.0 ([e4f4039](https://github.com/fingerprintjs/fingerprintjs-pro-react/commit/e4f4039ef0e023003ee03f5dbe67b3e593f50a42))
+* **deps:** update SPA package to 0.5.0 ([e4f4039](https://github.com/fingerprintjs/fingerprintjs-pro-react/commit/e4f4039ef0e023003ee03f5dbe67b3e593f50a42))
 
 
 ### Documentation

README.md

@@ -45,7 +45,7 @@ Fingerprint is a device intelligence platform offering industry-leading accuracy
 - For Typescript users: Typescript 4.8 or higher
 
 > [!NOTE]
-> This package assumes you have a Fingerprint subscription or trial, it is not compatible with the [source-available FingerprintJS](https://github.com/fingerprintjs/fingerprintjs). See our documentation to learn more about the [differences between Fingerprint and FingerprintJS](https://fingerprint.com/github/).
+> This package assumes you have a Fingerprint subscription or trial, it is not compatible with the [open-source FingerprintJS](https://github.com/fingerprintjs/fingerprintjs). See our documentation to learn more about the [differences between Fingerprint and the open-source FingerprintJS](https://fingerprint.com/github/).
 
 ## Installation
 
@@ -84,10 +84,7 @@ To get your API key and get started, see the [Fingerprint Quick Start Guide](htt
 // src/index.js
 import React from 'react'
 import ReactDOM from 'react-dom/client'
-import {
-  FingerprintProvider,
-  FingerprintJSPro,
-} from '@fingerprint/react'
+import { FingerprintProvider } from '@fingerprint/react'
 import App from './App'
 
 const root = ReactDOM.createRoot(document.getElementById('app'))
@@ -218,7 +215,7 @@ See the full [generated API reference](https://fingerprintjs.github.io/react/).
 
 ## Support and feedback
 
-To ask questions or provide feedback, use [Issues](https://github.com/fingerprintjs/react/issues). If you need private support, please email us at `oss-support@fingerprint.com`. If you'd like to have a similar React wrapper for the [source-availalbe FingerprintJS](https://github.com/fingerprintjs/fingerprintjs), consider creating an issue in the main [FingerprintJS repository](https://github.com/fingerprintjs/fingerprintjs/issues).
+To ask questions or provide feedback, use [Issues](https://github.com/fingerprintjs/react/issues). If you need private support, please email us at `oss-support@fingerprint.com`.
 
 ## License
 

examples/create-react-app/README.md

@@ -9,7 +9,7 @@ In order to try out this example:
 To get the API key:
 
 - Go to Fingerprint Dashboard > [API Keys](https://dashboard.fingerprint.com/api-keys) and find it there.
-- If you don't have a Fingerprint Pro account, [sign up for free](https://dashboard.fingerprint.com/signup/).
+- If you don't have a Fingerprint account, [sign up for free](https://dashboard.fingerprint.com/signup/).
 
 ### Installing dependencies
 

examples/next-appDir/README.md

@@ -1,5 +1,5 @@
-This example demonstrates the usage of Fingerprint Pro inside Next 14's `app` directory approach.\
-Note how you can use Fingerprint Pro inside a React Server Component without issues as it is correctly executed in the browser only.
+This example demonstrates the usage of Fingerprint inside Next 14's `app` directory approach.\
+Note how you can use Fingerprint inside a React Server Component without issues as it is correctly executed in the browser only.
 See [../next](../next/README.md) for an example using the classic `pages` approach.
 
 ## Setting up
@@ -13,7 +13,7 @@ In order to try out this example:
 To get the API key:
 
 - Go to Fingerprint Dashboard > [API Keys](https://dashboard.fingerprint.com/api-keys) and find it there.
-- If you don't have a Fingerprint Pro account, [sign up for free](https://dashboard.fingerprint.com/signup/).
+- If you don't have a Fingerprint account, [sign up for free](https://dashboard.fingerprint.com/signup/).
 
 ### Installing dependencies
 

examples/next-appDir/app/HomePage.tsx

@@ -12,16 +12,14 @@ const HomePage = () => {
 
   return (
     <div className={styles.container}>
-      <h1>FingerprintJS Pro NextJS Demo</h1>
+      <h1>Fingerprint React SDK Next.js Demo</h1>
       <div className={styles.testArea}>
-        <div className={styles.description}>
-          Lets load FingerprintJS Pro Agent using react integration and check next things:
-        </div>
+        <div className={styles.description}>Lets load Fingerprint using the React SDK and check the following:</div>
         <ol className={styles.actionPoints}>
-          <li>There is no errors on server</li>
-          <li>There is no errors on client</li>
-          <li>In the field below visitor data was loaded</li>
-          <li>Try controls to test additional params</li>
+          <li>There are no errors on the server</li>
+          <li>There are no errors on the client</li>
+          <li>The visitor data is loaded in the field below</li>
+          <li>Try controls to test additional parameters</li>
         </ol>
         <div className={styles.controls}>
           <button onClick={reloadData} type='button'>

examples/next-appDir/app/head.tsx

@@ -1,8 +1,8 @@
 export default function Head() {
   return (
     <>
-      <title>FingerprintJS Pro NextJS Demo</title>
-      <meta name='description' content='Check if fingerprintjs-pro-react integration works with NextJS SSR' />
+      <title>Fingerprint React SDK Next.js Demo</title>
+      <meta name='description' content='Check if the Fingerprint React SDK integration works with Next.js SSR' />
       <link rel='icon' href='/favicon.ico' />
     </>
   )

examples/next/README.md

@@ -1,4 +1,4 @@
-This example demonstrates the usage of Fingerprint Pro inside the Next.js `pages` directory (classic approach). For an example using the `app` directory, see [../next-appDir](../next-appDir/README.md).
+This example demonstrates the usage of Fingerprint inside the Next.js `pages` directory (classic approach). For an example using the `app` directory, see [../next-appDir](../next-appDir/README.md).
 
 ## Setting up
 
@@ -12,7 +12,7 @@ In order to try out this example:
 To get the API key:
 
 - Go to Fingerprint Dashboard > [API Keys](https://dashboard.fingerprint.com/api-keys) and find it there.
-- If you don't have a Fingerprint Pro account, [sign up for free](https://dashboard.fingerprint.com/signup/).
+- If you don't have a Fingerprint account, [sign up for free](https://dashboard.fingerprint.com/signup/).
 
 ### Installing dependencies
 

examples/next/pages/index.tsx

@@ -13,21 +13,19 @@ const Home: NextPage = () => {
   return (
     <div className={styles.container}>
       <Head>
-        <title>FingerprintJS Pro NextJS Demo</title>
-        <meta name='description' content='Check if fingerprintjs-pro-react integration works with NextJS SSR' />
+        <title>Fingerprint React SDK Next.js Demo</title>
+        <meta name='description' content='Check if the Fingerprint React SDK integration works with Next.js SSR' />
         <link rel='icon' href='/favicon.ico' />
       </Head>
 
-      <h1>FingerprintJS Pro NextJS Demo</h1>
+      <h1>Fingerprint React SDK Next.js Demo</h1>
       <div className={styles.testArea}>
-        <div className={styles.description}>
-          Lets load FingerprintJS Pro Agent using react integration and check next things:
-        </div>
+        <div className={styles.description}>Lets load Fingerprint using the React SDK and check the following:</div>
         <ol className={styles.actionPoints}>
-          <li>There is no errors on server</li>
-          <li>There is no errors on client</li>
-          <li>In the field below visitor data was loaded</li>
-          <li>Try controls to test additional params</li>
+          <li>There are no errors on the server</li>
+          <li>There are no errors on the client</li>
+          <li>The visitor data is loaded in the field below</li>
+          <li>Try controls to test additional parameters</li>
         </ol>
         <div className={styles.controls}>
           <button onClick={reloadData} type='button'>

examples/preact/README.md

@@ -10,7 +10,7 @@ In order to try out this example:
 To get the API key:
 
 - Go to Fingerprint Dashboard > [API Keys](https://dashboard.fingerprint.com/api-keys) and find it there.
-- If you don't have a Fingerprint Pro account, [sign up for free](https://dashboard.fingerprint.com/signup/).
+- If you don't have a Fingerprint account, [sign up for free](https://dashboard.fingerprint.com/signup/).
 
 ### Installing dependencies
 

examples/preact/src/components/app.tsx

@@ -10,16 +10,14 @@ const App: FunctionalComponent = () => {
 
   return (
     <div id='preact_root' className='container'>
-      <h1>FingerprintJS Pro Preact Demo</h1>
+      <h1>Fingerprint React SDK Preact Demo</h1>
       <div className='testArea'>
-        <div className='description'>
-          Lets load FingerprintJS Pro Agent using react integration and check next things:
-        </div>
+        <div className='description'>Lets load Fingerprint using the React SDK and check the following:</div>
         <ol className='actionPoints'>
-          <li>There is no errors on server</li>
-          <li>There is no errors on client</li>
-          <li>In the field below visitor data was loaded</li>
-          <li>Try controls to test additional params</li>
+          <li>There are no errors on the server</li>
+          <li>There are no errors on the client</li>
+          <li>The visitor data is loaded in the field below</li>
+          <li>Try controls to test additional parameters</li>
         </ol>
         <div className='controls'>
           <button onClick={reloadData} type='button'>