DEV-1796: Upgrade to dwolla-web.js v3, React 19, Storybook 8, and refresh dependencies

.github/workflows/lint.yml

@@ -20,7 +20,7 @@ jobs:
         uses: pnpm/action-setup@v2
         with:
           run_install: false
-          version: 7
+          version: 8
 
       - name: Get pnpm Store Directory
         id: pnpm-cache

.github/workflows/storybook.yml

@@ -31,7 +31,7 @@ jobs:
         uses: pnpm/action-setup@v2
         with:
           run_install: false
-          version: 7
+          version: 8
 
       - name: Get pnpm Store Directory
         id: pnpm-cache

.husky/pre-commit

@@ -1,4 +1 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
 npx lint-staged

.nvmrc

@@ -1 +1 @@
-v18
+20

.storybook/main.js

@@ -1,13 +1,24 @@
-module.exports = {
+/** @type { import('@storybook/react-webpack5').StorybookConfig } */
+const config = {
   addons: [
+    '@storybook/addon-webpack5-compiler-babel',
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
     'storybook-addon-mock'
   ],
-  core: {
-    builder: 'webpack5',
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {}
   },
-  framework: '@storybook/react',
-  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)']
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  webpackFinal: async (config) => {
+    config.module.rules.push({
+      test: /\.svg$/,
+      type: 'asset/resource'
+    });
+    return config;
+  }
 };
+
+module.exports = config;

README.md

@@ -98,6 +98,7 @@ export default App;
 
 ## Changelog
 
+- **1.2.0** Updated Dwolla Web to v3.0.0. **Breaking:** `<DwollaCustomerCreate>` with `type="receive-only"` now requires `privacy` and `terms` props (URLs to your Terms of Service and Privacy Policy).
 - **[1.1.0](https://github.com/Dwolla/react-drop-ins/releases/tag/v1.1.0)** Updated Dwolla Web to v2.2.0, and added new component implementations. See GitHub Releases for more information.
 - **1.0.1** Initial release of React bindings for Dwolla's drop-in components.
 

babel.config.js

@@ -0,0 +1,12 @@
+module.exports = {
+  env: {
+    test: {
+      presets: []
+    }
+  },
+  presets: [
+    ['@babel/preset-env', { targets: { node: 'current' } }],
+    ['@babel/preset-react', { runtime: 'automatic' }],
+    '@babel/preset-typescript'
+  ]
+};

jest.config.json

@@ -1,5 +1,6 @@
 {
   "testEnvironment": "jest-environment-jsdom",
+  "testPathIgnorePatterns": ["/node_modules/", "/bundle/"],
   "transform": {
     "^.+\\.tsx?": "ts-jest"
   }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dwolla/react-drop-ins",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "React bindings for Dwolla's drop-in components",
   "repository": {
     "type": "git",
@@ -17,6 +17,13 @@
   "main": "bundle/index.js",
   "module": "bundle/index.mjs",
   "types": "bundle/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./bundle/index.mjs",
+      "require": "./bundle/index.js",
+      "types": "./bundle/index.d.ts"
+    }
+  },
   "files": [
     "bundle"
   ],
@@ -34,59 +41,70 @@
     "lint:fix": "pnpm _eslint --fix",
     "test": "jest --clearCache && jest --watch",
     "test:ci": "jest --clearCache && jest --ci",
-    "prepare": "husky install",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "prepare": "husky",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.12",
-    "@rollup/plugin-commonjs": "^24.0.1",
+    "@babel/preset-env": "^7.20.0",
+    "@babel/preset-react": "^7.20.0",
+    "@babel/preset-typescript": "^7.20.0",
+    "babel-loader": "^9.0.0",
+    "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-json": "^6.0.0",
-    "@rollup/plugin-node-resolve": "^15.0.1",
-    "@rollup/plugin-terser": "^0.4.0",
-    "@storybook/addon-actions": "^6.5.16",
-    "@storybook/addon-docs": "^6.5.16",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/addon-interactions": "^6.5.16",
-    "@storybook/addon-links": "^6.5.16",
-    "@storybook/builder-webpack5": "^6.5.16",
-    "@storybook/manager-webpack5": "^6.5.16",
-    "@storybook/react": "^6.5.16",
-    "@storybook/testing-library": "^0.0.13",
-    "@testing-library/react": "^13.4.0",
-    "@types/jest": "^27.5.2",
-    "@types/node": "^16.18.11",
-    "@types/react": "^18.0.28",
-    "@types/react-dom": "^18.0.11",
-    "@types/react-test-renderer": "^18.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.48.2",
-    "@typescript-eslint/parser": "^5.48.2",
-    "babel-loader": "^8.3.0",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-terser": "^1.0.0",
+    "@storybook/addon-essentials": "^8.6.0",
+    "@storybook/addon-webpack5-compiler-babel": "^4.0.0",
+    "@storybook/react": "^8.6.0",
+    "@storybook/addon-interactions": "^8.6.0",
+    "@storybook/addon-links": "^8.6.0",
+    "@storybook/react-webpack5": "^8.6.0",
+    "@storybook/test": "^8.6.18",
+    "@testing-library/react": "^16.0.0",
+    "@types/jest": "^29.5.0",
+    "@types/node": "^20.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
     "eslint": "^8.33.0",
-    "eslint-config-prettier": "^8.6.0",
-    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-react": "^7.32.1",
-    "eslint-plugin-storybook": "^0.6.10",
-    "husky": "^8.0.3",
+    "eslint-plugin-storybook": "^0.9.0",
+    "husky": "^9.0.0",
     "jest": "^29.3.1",
     "jest-environment-jsdom": "^29.4.1",
-    "lint-staged": "^13.1.0",
-    "prettier": "^2.8.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "lint-staged": "^15.0.0",
+    "prettier": "^3.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-script-hook": "^1.7.2",
-    "react-test-renderer": "^18.2.0",
-    "rimraf": "^4.1.2",
-    "rollup": "^3.14.0",
+    "rimraf": "^6.0.0",
+    "rollup": "^4.0.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-ts": "^3.2.0",
-    "storybook-addon-mock": "^3.2.0",
+    "rollup-plugin-typescript2": "^0.37.0",
+    "storybook": "^8.6.0",
+    "storybook-addon-mock": "^5.0.0",
     "ts-jest": "^29.0.5",
-    "typescript": "^4.9.4"
+    "typescript": "^5.0.0"
+  },
+  "pnpm": {
+    "overrides": {
+      "@tootallnate/once": ">=3.0.1"
+    },
+    "peerDependencyRules": {
+      "allowedVersions": {
+        "react": "19",
+        "react-dom": "19"
+      }
+    }
   },
   "lint-staged": {
     "src/**/*.{js,jsx,ts,tsx}": "eslint --cache --fix --cache-location './node_modules/@eslint/.eslintcache/'",