Merge pull request #813 from paypal/feature/v6-react-storybook-deployment

Feature/v6 react storybook deployment

Author: HackTheW2d

.changeset/config.json

@@ -7,5 +7,5 @@
     "access": "restricted",
     "baseBranch": "main",
     "updateInternalDependencies": "patch",
-    "ignore": []
+    "ignore": ["@paypal/react-paypal-js-storybook-v6"]
 }

.github/workflows/build-and-deploy-docs.yml

@@ -8,6 +8,8 @@ on:
             - "packages/paypal-js/types/v6/**/*.d.ts"
             - "packages/react-paypal-js/.storybook/**"
             - "packages/react-paypal-js/src/**/*.stories.*"
+            - "packages/react-paypal-js-storybook/v6/.storybook/**"
+            - "packages/react-paypal-js-storybook/v6/src/**"
             - ".github/workflows/build-and-deploy-docs.yml"
             - "docs/index.html"
             - "docs/readmes/**"
@@ -49,6 +51,9 @@ jobs:
             - name: Build v5 react storybook
               run: npm run build-storybook:v5
 
+            - name: Build v6 react storybook
+              run: npm run build-storybook:v6
+
             - name: Setup Pages
               uses: actions/configure-pages@v5
 

.nvmrc

@@ -1 +1 @@
-20
+20.19

docs/index.html

@@ -106,6 +106,16 @@ <h3>JS SDK v5 React Storybook</h3>
                 </a>
             </div>
 
+            <div class="docs-grid">
+                <a href="./web-sdk-v6-react-storybook/" class="doc-card">
+                    <h3>JS SDK v6 React Storybook</h3>
+                    <p>
+                        Explore interactive React components for PayPal JS SDK
+                        v6.
+                    </p>
+                </a>
+            </div>
+
             <div class="footer">
                 <p>© 2025 PayPal, Inc. All rights reserved.</p>
             </div>

package-lock.json

@@ -0,0 +1,5 @@
+import { addons } from "storybook/manager-api";
+
+addons.setConfig({
+    initialStoryId: "v6-buttons-paypalonetimepaymentbutton--docs",
+});

packages/react-paypal-js-storybook/v6/.storybook/manager.ts

@@ -24,7 +24,7 @@
         "directory": "packages/react-paypal-js-storybook/v6"
     },
     "dependencies": {
-        "@paypal/react-paypal-js": "*",
+        "@paypal/react-paypal-js": "^9.0.0-alpha.6",
         "react": "^19.2.4",
         "react-dom": "^19.2.4"
     },