@adyen/adyen-web 6.31.0 → 6.32.0

package/dist/es-legacy/utils/setFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"setFocus.js","sources":["../../../src/utils/setFocus.ts"],"sourcesContent":["import { selectOne } from '../components/internal/SecuredFields/lib/utilities/dom';\n\n/**\n * Generic function to set focus on named element\n * @param holder - DOM element or CSS selector string to search within\n * @param fieldToFocus - Name of the field to focus on\n * @param focusContextSelector - some fields can occur twice in a form but in a different context e.g. as part of a billingAddress or as part of a deliverySddress.\n * This param provides the context so we can select them correctly\n */\nexport const setFocusOnField = (holder: Element | string, fieldToFocus: string, focusContextSelector = '') => {\n    // If holder is already a DOM element, use it directly; otherwise query for it\n    const pdHolder = holder instanceof Element ? holder : selectOne(document, holder);\n\n    // Identify if we're dealing with a dropdown\n    if (\n        fieldToFocus === 'country' ||\n        fieldToFocus === 'stateOrProvince' ||\n        fieldToFocus === 'issuer-list' ||\n        fieldToFocus === 'selectedAccountType'\n    ) {\n        // Set focus on dropdown\n        const field: HTMLElement = selectOne(\n            pdHolder,\n            `${focusContextSelector}.adyen-checkout__field--${fieldToFocus} .adyen-checkout__filter-input`\n        );\n        field?.focus();\n    } else {\n        // Set focus on input\n        const field: HTMLElement = selectOne(pdHolder, `${focusContextSelector} [name=\"${fieldToFocus}\"]`);\n        field?.focus();\n    }\n};\n"],"names":["setFocusOnField","holder","fieldToFocus","focusContextSelector","pdHolder","Element","selectOne","document","field","focus"],"mappings":"sFASO,MAAMA,EAAkB,CAACC,EAA0BC,EAAsBC,EAAuB,MAEnG,MAAMC,EAAWH,aAAkBI,QAAUJ,EAASK,EAAUC,SAAUN,GAG1E,GACqB,YAAjBC,GACiB,oBAAjBA,GACiB,gBAAjBA,GACiB,wBAAjBA,EACF,CAEE,MAAMM,EAAqBF,EACvBF,EACA,GAAGD,4BAA+CD,mCAEtDM,SAAAA,EAAOC,OACX,KAAO,CAEH,MAAMD,EAAqBF,EAAUF,EAAU,GAAGD,YAA+BD,OACjFM,SAAAA,EAAOC,OACX"}
+{"version":3,"file":"setFocus.js","sources":["../../../src/utils/setFocus.ts"],"sourcesContent":["import { selectOne } from '../components/internal/SecuredFields/lib/utilities/dom';\nimport { windowScrollTo } from './windowScrollTo';\nimport ua from '../components/internal/SecuredFields/lib/CSF/utils/userAgent';\n\n/**\n * Generic function to set focus on named element\n * @param holder - DOM element or CSS selector string to search within\n * @param fieldToFocus - Name of the field to focus on\n * @param focusContextSelector - some fields can occur twice in a form but in a different context e.g. as part of a billingAddress or as part of a deliverySddress.\n * This param provides the context so we can select them correctly\n */\nexport const setFocusOnField = (holder: Element | string, fieldToFocus: string, focusContextSelector = '') => {\n    // If holder is already a DOM element, use it directly; otherwise query for it\n    const pdHolder = holder instanceof Element ? holder : selectOne(document, holder);\n\n    let field: HTMLElement;\n\n    // Identify if we're dealing with a dropdown\n    if (\n        fieldToFocus === 'country' ||\n        fieldToFocus === 'stateOrProvince' ||\n        fieldToFocus === 'issuer-list' ||\n        fieldToFocus === 'selectedAccountType'\n    ) {\n        // Set focus on dropdown\n        field = selectOne(pdHolder, `${focusContextSelector}.adyen-checkout__field--${fieldToFocus} .adyen-checkout__filter-input`);\n    } else {\n        // Set focus on input\n        field = selectOne(pdHolder, `${focusContextSelector} [name=\"${fieldToFocus}\"]`);\n    }\n\n    // Fix for iOS scrolling issues: can't programmatically set focus on an element on iOS, so we scroll to it instead, so at least it is in view\n    if (ua.__IS_IOS) {\n        windowScrollTo(field);\n    }\n\n    field?.focus({ preventScroll: ua.__IS_IOS }); // Don't even attempt to allow the focus call to trigger a scroll on iOS\n};\n"],"names":["setFocusOnField","holder","fieldToFocus","focusContextSelector","pdHolder","Element","selectOne","document","field","ua","__IS_IOS","windowScrollTo","focus","preventScroll"],"mappings":"0NAWO,MAAMA,EAAkB,CAACC,EAA0BC,EAAsBC,EAAuB,MAEnG,MAAMC,EAAWH,aAAkBI,QAAUJ,EAASK,EAAUC,SAAUN,GAE1E,IAAIO,EAUAA,EAAQF,EAAUF,EAND,YAAjBF,GACiB,oBAAjBA,GACiB,gBAAjBA,GACiB,wBAAjBA,EAG4B,GAAGC,4BAA+CD,kCAGlD,GAAGC,YAA+BD,OAI9DO,EAAGC,UACHC,EAAeH,GAGnBA,SAAAA,EAAOI,MAAM,CAAEC,cAAeJ,EAAGC"}

package/dist/es-legacy/utils/windowScrollTo.js

@@ -0,0 +1,2 @@
+const o=o=>{if(o){const t=document.body.getBoundingClientRect().top,n=o.getBoundingClientRect().top-t-100;window.scrollTo({top:n,behavior:"smooth"})}};export{o as windowScrollTo};
+//# sourceMappingURL=windowScrollTo.js.map

package/dist/es-legacy/utils/windowScrollTo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"windowScrollTo.js","sources":["../../../src/utils/windowScrollTo.ts"],"sourcesContent":["const SCROLL_OFFSET_TOP = 100; // Leave some breathing room at the top\n\nexport const windowScrollTo = (container: HTMLElement) => {\n    if (container) {\n        const bodyRect = document.body.getBoundingClientRect().top;\n        const elementRect = container.getBoundingClientRect().top;\n        const elementPosition = elementRect - bodyRect;\n        const offsetPosition = elementPosition - SCROLL_OFFSET_TOP;\n\n        window.scrollTo({\n            top: offsetPosition,\n            behavior: 'smooth'\n        });\n    }\n};\n"],"names":["windowScrollTo","container","bodyRect","document","body","getBoundingClientRect","top","offsetPosition","window","scrollTo","behavior"],"mappings":"AAAA,MAEaA,EAAkBC,IAC3B,GAAIA,EAAW,CACX,MAAMC,EAAWC,SAASC,KAAKC,wBAAwBC,IAGjDC,EAFcN,EAAUI,wBAAwBC,IAChBJ,EANpB,IASlBM,OAAOC,SAAS,CACZH,IAAKC,EACLG,SAAU,UAElB"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adyen/adyen-web",
-    "version": "6.31.0",
+    "version": "6.32.0",
     "license": "MIT",
     "homepage": "https://docs.adyen.com/checkout",
     "type": "module",
@@ -78,12 +78,13 @@
         "prettier:fix": "prettier \"src/**/*.{js,jsx,ts,tsx,html,md}\" \"package.json\" --write --loglevel silent",
         "prepublishOnly": "yarn run build && rm -rf ./styles && mkdir ./styles && cp ./dist/es/adyen.css ./styles/adyen.css",
         "size": "yarn run build && size-limit",
-        "validate:fix": "lint-staged"
+        "validate:fix": "lint-staged",
+        "validate:strict": "tsc --project tsconfig.strict.json --noEmit"
     },
     "devDependencies": {
         "@adyen/bento-design-tokens": "1.10.0",
         "@eslint/js": "9.39.2",
-        "@preact/preset-vite": "2.10.2",
+        "@preact/preset-vite": "2.10.3",
         "@rollup/plugin-commonjs": "29.0.0",
         "@rollup/plugin-eslint": "9.2.0",
         "@rollup/plugin-json": "6.1.0",
@@ -91,42 +92,40 @@
         "@rollup/plugin-replace": "6.0.3",
         "@rollup/plugin-terser": "0.4.4",
         "@size-limit/preset-big-lib": "12.0.0",
-        "@storybook/addon-a11y": "10.1.11",
-        "@storybook/addon-docs": "10.1.11",
-        "@storybook/preact-vite": "10.1.11",
-        "@swc/core": "1.15.8",
+        "@storybook/addon-a11y": "10.2.8",
+        "@storybook/addon-docs": "10.2.8",
+        "@storybook/preact-vite": "10.2.8",
+        "@swc/core": "1.15.11",
         "@testing-library/jest-dom": "6.9.1",
         "@testing-library/preact": "3.2.4",
         "@testing-library/preact-hooks": "1.1.0",
         "@testing-library/user-event": "14.6.1",
         "@types/jest": "29.5.14",
-        "autoprefixer": "10.4.23",
+        "autoprefixer": "10.4.24",
         "cssnano": "7.1.2",
-        "dotenv": "17.2.3",
-        "enzyme": "3.11.0",
-        "enzyme-adapter-preact-pure": "4.1.0",
+        "dotenv": "17.3.1",
         "eslint": "9.39.2",
         "eslint-plugin-import": "2.32.0",
         "eslint-plugin-jsx-a11y": "6.10.2",
         "eslint-plugin-react": "7.37.5",
-        "eslint-plugin-storybook": "10.1.11",
+        "eslint-plugin-storybook": "10.2.8",
         "eslint-plugin-testing-library": "7.15.4",
-        "globals": "16.5.0",
+        "globals": "17.3.0",
         "jest": "29.7.0",
         "jest-environment-jsdom": "29.7.0",
         "jest-fixed-jsdom": "^0.0.11",
         "jest-mock-extended": "4.0.0",
-        "msw": "2.12.7",
+        "msw": "2.12.10",
         "msw-storybook-addon": "2.0.6",
         "postcss": "8.5.6",
-        "rollup": "4.55.1",
+        "rollup": "4.59.0",
         "rollup-plugin-dts": "6.3.0",
         "rollup-plugin-postcss": "4.0.2",
         "rollup-plugin-stylelint": "1.0.0",
         "rollup-plugin-swc3": "0.12.1",
-        "sass": "1.97.1",
+        "sass": "1.97.3",
         "size-limit": "12.0.0",
-        "storybook": "10.1.11",
+        "storybook": "10.2.10",
         "stylelint": "16.26.1",
         "stylelint-config-standard-scss": "16.0.0",
         "ts-jest": "29.4.6",
@@ -134,14 +133,14 @@
         "typescript": "5.9.3",
         "typescript-eslint": "7.18.0",
         "vite": "6.4.1",
-        "vite-plugin-stylelint": "6.0.2",
+        "vite-plugin-stylelint": "6.0.4",
         "whatwg-fetch": "3.6.20"
     },
     "dependencies": {
         "@types/applepayjs": "14.0.9",
         "@types/googlepay": "0.7.10",
         "classnames": "2.5.1",
-        "preact": "10.28.2"
+        "preact": "10.28.3"
     },
     "msw": {
         "workerDirectory": [

package/dist/es/utils/getProp.js

@@ -1,2 +0,0 @@
-import{hasOwnProperty as r}from"./hasOwnProperty.js";function t(t,e){return e.split(".").reduce((t,e)=>{if(null==t)return;if("object"!=typeof t)return;const n=t;return r(n,e)?n[e]:void 0},t)}export{t as default};
-//# sourceMappingURL=getProp.js.map

package/dist/es/utils/getProp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getProp.js","sources":["../../../src/utils/getProp.ts"],"sourcesContent":["import { hasOwnProperty } from './hasOwnProperty';\n\n/**\n * returns the indicated property of an object, if it exists.\n *\n * @param object - The object to query\n * @param path - The property name or path to the property\n * @returns The value at `obj[p]`.\n\n * @example\n * ```\n *   getProp({x: 100}, 'x'); //=> 100\n *   getProp({}, 'x'); //=> undefined\n * ```\n */\nfunction getProp(object: unknown, path: string): unknown {\n    const splitPath = path.split('.');\n\n    return splitPath.reduce<unknown>((xs, key) => {\n        if (xs === null || xs === undefined) return undefined;\n        if (typeof xs !== 'object') return undefined;\n        const record = xs as Record<string, unknown>;\n        return hasOwnProperty(record, key) ? record[key] : undefined;\n    }, object);\n}\nexport default getProp;\n"],"names":["getProp","object","path","split","reduce","xs","key","record","hasOwnProperty","undefined"],"mappings":"qDAeA,SAASA,EAAQC,EAAiBC,GAG9B,OAFkBA,EAAKC,MAAM,KAEZC,OAAgB,CAACC,EAAIC,KAClC,GAAID,QAAiC,OACrC,GAAkB,iBAAPA,EAAiB,OAC5B,MAAME,EAASF,EACf,OAAOG,EAAeD,EAAQD,GAAOC,EAAOD,QAAOG,GACpDR,EACP"}

package/dist/es-legacy/utils/getProp.js

@@ -1,2 +0,0 @@
-import{hasOwnProperty as r}from"./hasOwnProperty.js";function t(t,e){return e.split(".").reduce((t,e)=>{if(null==t)return;if("object"!=typeof t)return;const n=t;return r(n,e)?n[e]:void 0},t)}export{t as default};
-//# sourceMappingURL=getProp.js.map

package/dist/es-legacy/utils/getProp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getProp.js","sources":["../../../src/utils/getProp.ts"],"sourcesContent":["import { hasOwnProperty } from './hasOwnProperty';\n\n/**\n * returns the indicated property of an object, if it exists.\n *\n * @param object - The object to query\n * @param path - The property name or path to the property\n * @returns The value at `obj[p]`.\n\n * @example\n * ```\n *   getProp({x: 100}, 'x'); //=> 100\n *   getProp({}, 'x'); //=> undefined\n * ```\n */\nfunction getProp(object: unknown, path: string): unknown {\n    const splitPath = path.split('.');\n\n    return splitPath.reduce<unknown>((xs, key) => {\n        if (xs === null || xs === undefined) return undefined;\n        if (typeof xs !== 'object') return undefined;\n        const record = xs as Record<string, unknown>;\n        return hasOwnProperty(record, key) ? record[key] : undefined;\n    }, object);\n}\nexport default getProp;\n"],"names":["getProp","object","path","split","reduce","xs","key","record","hasOwnProperty","undefined"],"mappings":"qDAeA,SAASA,EAAQC,EAAiBC,GAG9B,OAFkBA,EAAKC,MAAM,KAEZC,OAAgB,CAACC,EAAIC,KAClC,GAAID,QAAiC,OACrC,GAAkB,iBAAPA,EAAiB,OAC5B,MAAME,EAASF,EACf,OAAOG,EAAeD,EAAQD,GAAOC,EAAOD,QAAOG,GACpDR,EACP"}