Feat: React PayPal JS V6

.changeset/calm-dodos-win.md

@@ -0,0 +1,6 @@
+---
+"@paypal/react-paypal-js": minor
+"@paypal/paypal-js": minor
+---
+
+Upgrade react-paypal-js Typescript version to v5.3.3 and update build configuration.

.changeset/dirty-seas-clean.md

@@ -0,0 +1,6 @@
+---
+"@paypal/react-paypal-js": minor
+"@paypal/paypal-js": minor
+---
+
+Add V6 instance provider and context hook

.changeset/heavy-badgers-care.md

@@ -0,0 +1,5 @@
+---
+"@paypal/react-paypal-js": patch
+---
+
+Adds an early resolve to loadCoreSdkScript if a v6 core script already exists.

.github/workflows/main.yml

@@ -9,7 +9,7 @@ jobs:
         runs-on: ubuntu-latest
         steps:
             - name: ⬇️ Checkout repo
-              uses: actions/checkout@v3
+              uses: actions/checkout@v4
               with:
                   ref: ${{github.event.pull_request.head.sha}}
                   fetch-depth: 0
@@ -18,7 +18,7 @@ jobs:
               run: echo NVMRC=`cat .nvmrc` >> $GITHUB_ENV
 
             - name: ⎔ Setup node
-              uses: actions/setup-node@v3
+              uses: actions/setup-node@v4
               with:
                   node-version: ${{ env.NVMRC }}
 

.github/workflows/playwright.yml

@@ -15,15 +15,15 @@ jobs:
                   access_token: ${{ secrets.GITHUB_TOKEN }}
 
             - name: ⬇️ Checkout repo
-              uses: actions/checkout@v3
+              uses: actions/checkout@v4
               with:
                   fetch-depth: 0
 
             - name: 🤝 Set Node version from .nvmrc
               run: echo NVMRC=`cat .nvmrc` >> $GITHUB_ENV
 
             - name: ⎔ Setup node
-              uses: actions/setup-node@v3
+              uses: actions/setup-node@v4
               with:
                   node-version: ${{ env.NVMRC }}
 

.gitignore

@@ -10,3 +10,4 @@ node_modules
 /playwright-report/
 /playwright/.cache/
 .idea
+.rollup.cache

.nvmrc

@@ -1 +1 @@
-18
+20

docs/readmes/web-sdk-v6-reference.md

@@ -51,7 +51,7 @@ const paypalCheckout = sdkInstance.createPayPalOneTimePaymentSession({
 
 ### Key Features
 
--   **Dynamically Typed SDK Instance**: The return type of `createInstance()` changes based on which components are specified in the components array
--   **Type Safety**: Full TypeScript support with proper type checking for all SDK methods and callbacks
--   **Component-Based Types**: Different components provide access to different payment methods and functionality
--   **Comprehensive Callbacks**: Strongly typed callback functions for handling payment events
+- **Dynamically Typed SDK Instance**: The return type of `createInstance()` changes based on which components are specified in the components array
+- **Type Safety**: Full TypeScript support with proper type checking for all SDK methods and callbacks
+- **Component-Based Types**: Different components provide access to different payment methods and functionality
+- **Comprehensive Callbacks**: Strongly typed callback functions for handling payment events

docs/styles/paypal-fonts.css

@@ -60,8 +60,9 @@ code,
 pre,
 .tsd-signature,
 .tsd-code-block {
-    font-family: "SF Mono", Monaco, Menlo, Consolas, "Liberation Mono",
-        "Courier New", monospace !important;
+    font-family:
+        "SF Mono", Monaco, Menlo, Consolas, "Liberation Mono", "Courier New",
+        monospace !important;
 }
 
 footer {