@wise/dynamic-flow-client 3.11.5 → 3.11.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.11.5",
+  "version": "3.11.7",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -19,35 +19,39 @@
     "url": "git+https://github.com/transferwise/dynamic-flow.git"
   },
   "devDependencies": {
-    "@babel/core": "7.24.4",
-    "@babel/plugin-syntax-flow": "7.24.1",
-    "@babel/plugin-transform-react-jsx": "7.23.4",
-    "@babel/preset-env": "7.24.4",
-    "@babel/preset-react": "7.24.1",
-    "@babel/preset-typescript": "7.24.1",
-    "@cfaester/enzyme-adapter-react-18": "0.7.1",
-    "@formatjs/cli": "^6.2.9",
-    "@storybook/addon-a11y": "7.6.17",
-    "@storybook/addon-actions": "7.6.17",
-    "@storybook/addon-essentials": "7.6.17",
-    "@storybook/addon-interactions": "7.6.17",
-    "@storybook/addon-links": "7.6.17",
-    "@storybook/react": "7.6.17",
-    "@storybook/react-webpack5": "7.6.17",
-    "@storybook/testing-library": "0.2.2",
+    "@babel/core": "7.24.7",
+    "@babel/plugin-syntax-flow": "7.24.7",
+    "@babel/plugin-transform-react-jsx": "7.24.7",
+    "@babel/preset-env": "7.24.7",
+    "@babel/preset-react": "7.24.7",
+    "@babel/preset-typescript": "7.24.7",
+    "@cfaester/enzyme-adapter-react-18": "0.8.0",
+    "@chromatic-com/storybook": "1.5.0",
+    "@formatjs/cli": "^6.2.12",
+    "@storybook/addon-a11y": "^8.1.10",
+    "@storybook/addon-actions": "^8.1.10",
+    "@storybook/addon-essentials": "^8.1.10",
+    "@storybook/addon-interactions": "^8.1.10",
+    "@storybook/addon-links": "^8.1.10",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
+    "@storybook/manager-api": "^8.1.10",
+    "@storybook/react": "^8.1.10",
+    "@storybook/react-webpack5": "^8.1.10",
+    "@storybook/test": "^8.1.10",
+    "@storybook/types": "^8.1.10",
     "@testing-library/dom": "9.3.4",
-    "@testing-library/jest-dom": "6.4.2",
-    "@testing-library/react": "14.3.0",
+    "@testing-library/jest-dom": "6.4.6",
+    "@testing-library/react": "14.3.1",
     "@testing-library/react-hooks": "8.0.1",
     "@testing-library/user-event": "14.5.2",
-    "@transferwise/components": "46.36.0",
+    "@transferwise/components": "46.37.0",
     "@transferwise/formatting": "^2.13.0",
     "@transferwise/icons": "3.13.0",
     "@transferwise/neptune-css": "14.10.0",
     "@types/enzyme": "^3.10.18",
     "@types/jest": "29.5.12",
-    "@types/react": "18",
-    "@types/react-dom": "18",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
     "@types/react-intl": "3.0.0",
     "@wise/art": "2.7.0",
     "@wise/components-theming": "^1.3.0",
@@ -64,24 +68,25 @@
     "postcss": "^8.4.38",
     "postcss-cli": "^10.1.0",
     "postcss-import": "^15.1.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-intl": "6.6.5",
-    "storybook": "7.6.17",
-    "stylelint": "16.3.1",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-intl": "6.6.8",
+    "storybook": "8.1.10",
+    "stylelint": "16.6.1",
     "stylelint-config-standard": "36.0.0",
     "stylelint-no-unsupported-browser-features": "5.0.4",
     "stylelint-value-no-unknown-custom-properties": "6.0.1",
-    "typescript": "5.1.6",
-    "webpack": "5.91.0",
+    "tsx": "4.15.6",
+    "typescript": "5.4.5",
+    "webpack": "5.92.0",
     "@wise/dynamic-flow-fixtures": "0.0.1"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.10",
-    "@wise/art": "^2.7.0",
     "@transferwise/formatting": "^2",
     "@transferwise/icons": "^3",
     "@transferwise/neptune-css": "^14",
+    "@wise/art": "^2.7.0",
     "react": "^18",
     "react-dom": "^18",
     "react-intl": "^6"
@@ -90,16 +95,17 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.15.1"
+    "@wise/dynamic-flow-types": "2.15.2"
   },
   "scripts": {
-    "dev": "storybook dev -p 3003",
+    "dev": "pnpm build:visual-tests && storybook dev -p 3003",
     "build": "rm -rf build && npm-run-all build:*",
     "build:types": "tsc --project ./tsconfig.types.json",
     "build:js": "node ./scripts/build.mjs",
     "build:css": "postcss src/main.css -o build/main.css",
     "build:messages-source": "formatjs extract 'src/**/{*.messages,messages}.{js,ts}' --out-file src/i18n/en.json --format simple && prettier --find-config-path --write src/i18n/*.json",
     "build:compiled-messages": "mkdir -p build/i18n && cp src/i18n/*.json build/i18n",
+    "build:visual-tests": "tsx ./scripts/build-visual-tests.mjs",
     "test": "npm-run-all test:once test:tz",
     "test:once": "jest --config jest.config.js --env=jsdom -w 2",
     "test:coverage": "jest --config jest.config.js --env=jsdom --coverage",
@@ -110,6 +116,6 @@
     "lint": "npm-run-all lint:ts lint:css",
     "lint:ts": "eslint 'src/**/*.{js,jsx,ts,tsx}' --quiet",
     "lint:css": "stylelint './src/**/*.css'",
-    "build-storybook": "storybook build -c .storybook --disable-telemetry"
+    "build-storybook": "pnpm build:visual-tests && storybook build -c .storybook --disable-telemetry"
   }
 }

package/build/types/legacy/step/cameraStep/cameraCapture/CameraCapture.d.ts

@@ -1,15 +0,0 @@
-import type { CameraDirection } from '@wise/dynamic-flow-types';
-import type { EventHandler } from '../../../dynamic-flow-types';
-type Props = {
-    direction?: CameraDirection;
-    overlay?: string;
-    outline?: string;
-    imageUrl?: string;
-    title?: string;
-    instructions?: string;
-    showReview?: boolean;
-    onCapture: BlobCallback;
-    onEvent?: EventHandler;
-};
-declare function CameraCapture({ direction, overlay, outline, imageUrl, title, instructions, showReview, onCapture, onEvent, }: Props): JSX.Element;
-export default CameraCapture;

package/build/types/legacy/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.d.ts

@@ -1,2 +0,0 @@
-declare function OrientationLockOverlay(): JSX.Element;
-export default OrientationLockOverlay;

package/build/types/legacy/step/cameraStep/cameraCapture/tracking/index.d.ts

@@ -1,8 +0,0 @@
-import type { CameraDirection } from '@wise/dynamic-flow-types';
-import type { EventHandler, EventName } from '../../../../dynamic-flow-types';
-export declare const trackCameraError: (message: EventName, onEvent: EventHandler | undefined, error: string | DOMException) => void | undefined;
-export declare const trackCameraFeedStarted: (onEvent: EventHandler | undefined, props: {
-    direction?: CameraDirection;
-}, stream: MediaStream) => Promise<void | undefined>;
-export declare const trackCameraOrientationLandscape: (onEvent: EventHandler | undefined) => void;
-export declare const trackCameraOrientationLocked: (onEvent: EventHandler | undefined) => void;