@adyen/adyen-web 6.19.0 → 6.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/cjs/adyen.css +5 -5
- package/dist/cjs/adyen.css.map +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/index.d.cts +29 -62
- package/dist/es/adyen.css +5 -5
- package/dist/es/adyen.css.map +1 -1
- package/dist/es/components/Ach/components/useSRPanelForACHErrors.js.map +1 -1
- package/dist/es/components/Card/components/CardInput/components/Installments/Installments.js +1 -1
- package/dist/es/components/Card/components/CardInput/components/Installments/Installments.js.map +1 -1
- package/dist/es/components/Card/components/CardInput/handlers.js.map +1 -1
- package/dist/es/components/Card/components/CardInput/useSRPanelForCardInputErrors.js.map +1 -1
- package/dist/es/components/Dropin/Dropin.js +1 -1
- package/dist/es/components/Dropin/Dropin.js.map +1 -1
- package/dist/es/components/Giftcard/components/useSRPanelForGiftcardErrors.js.map +1 -1
- package/dist/es/components/PayPal/utils/get-paypal-styles.js.map +1 -1
- package/dist/es/components/PayPalFastlane/FastlaneSDK.js.map +1 -1
- package/dist/es/components/ThreeDS2/components/Challenge/PrepareChallenge3DS2.js.map +1 -1
- package/dist/es/components/ThreeDS2/components/DeviceFingerprint/PrepareFingerprint3DS2.js.map +1 -1
- package/dist/es/components/UPI/UPI.js +1 -1
- package/dist/es/components/UPI/UPI.js.map +1 -1
- package/dist/es/components/UPI/components/UPIComponent/UPIComponent.js +1 -1
- package/dist/es/components/UPI/components/UPIComponent/UPIComponent.js.map +1 -1
- package/dist/es/components/UPI/components/UPIIntentAppList/UPIIntentAppItem/UPIIntentAppItem.js +1 -1
- package/dist/es/components/UPI/components/UPIIntentAppList/UPIIntentAppItem/UPIIntentAppItem.js.map +1 -1
- package/dist/es/components/UPI/components/UPIIntentAppList/UPIIntentAppList.js +1 -1
- package/dist/es/components/UPI/components/UPIIntentAppList/UPIIntentAppList.js.map +1 -1
- package/dist/es/components/UPI/constants.js +2 -0
- package/dist/es/components/UPI/constants.js.map +1 -0
- package/dist/es/components/internal/Address/Address.js.map +1 -1
- package/dist/es/components/internal/Alert/Alert.js +1 -1
- package/dist/es/components/internal/Alert/Alert.js.map +1 -1
- package/dist/es/components/internal/ClickToPay/models/ShopperCard.js +1 -1
- package/dist/es/components/internal/ClickToPay/models/ShopperCard.js.map +1 -1
- package/dist/es/components/internal/IbanInput/IbanInput.js.map +1 -1
- package/dist/es/components/internal/OpenInvoice/useSRPanelForOpenInvoiceErrors.js.map +1 -1
- package/dist/es/components/internal/SecuredFields/SFP/SecuredFieldsProvider.js.map +1 -1
- package/dist/es/components/internal/SecuredFields/binLookup/extensions.js.map +1 -1
- package/dist/es/components/internal/SecuredFields/binLookup/triggerBinLookUp.js.map +1 -1
- package/dist/es/components/internal/SecuredFields/lib/CSF/extensions/handleIOSTouchEvents.js.map +1 -1
- package/dist/es/components/internal/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/es/components/internal/UIElement/UIElement.js +1 -1
- package/dist/es/components/internal/UIElement/UIElement.js.map +1 -1
- package/dist/es/components/internal/UIElement/utils.js.map +1 -1
- package/dist/es/core/Analytics/utils.js.map +1 -1
- package/dist/es/core/Errors/SRPanel.js.map +1 -1
- package/dist/es/core/Errors/utils.js.map +1 -1
- package/dist/es/core/Services/analytics/collect-id.js +1 -1
- package/dist/es/core/core.js +1 -1
- package/dist/es/core/core.registry.js.map +1 -1
- package/dist/es/core/utils.js.map +1 -1
- package/dist/es/external/preact/compat/dist/compat.js.map +1 -1
- package/dist/es/external/preact/dist/preact.js.map +1 -1
- package/dist/es/index.d.ts +29 -62
- package/dist/es/language/utils.js.map +1 -1
- package/dist/es/utils/clipboard.js.map +1 -1
- package/dist/es/utils/setFocus.js.map +1 -1
- package/dist/es/utils/useForm/reducer.js.map +1 -1
- package/dist/es-legacy/adyen.css +5 -5
- package/dist/es-legacy/adyen.css.map +1 -1
- package/dist/es-legacy/components/Ach/components/useSRPanelForACHErrors.js.map +1 -1
- package/dist/es-legacy/components/Card/components/CardInput/components/Installments/Installments.js +1 -1
- package/dist/es-legacy/components/Card/components/CardInput/components/Installments/Installments.js.map +1 -1
- package/dist/es-legacy/components/Card/components/CardInput/handlers.js.map +1 -1
- package/dist/es-legacy/components/Card/components/CardInput/useSRPanelForCardInputErrors.js.map +1 -1
- package/dist/es-legacy/components/Dropin/Dropin.js +1 -1
- package/dist/es-legacy/components/Dropin/Dropin.js.map +1 -1
- package/dist/es-legacy/components/Giftcard/components/useSRPanelForGiftcardErrors.js.map +1 -1
- package/dist/es-legacy/components/PayPal/utils/get-paypal-styles.js.map +1 -1
- package/dist/es-legacy/components/PayPalFastlane/FastlaneSDK.js.map +1 -1
- package/dist/es-legacy/components/ThreeDS2/components/Challenge/PrepareChallenge3DS2.js.map +1 -1
- package/dist/es-legacy/components/ThreeDS2/components/DeviceFingerprint/PrepareFingerprint3DS2.js.map +1 -1
- package/dist/es-legacy/components/UPI/UPI.js +1 -1
- package/dist/es-legacy/components/UPI/UPI.js.map +1 -1
- package/dist/es-legacy/components/UPI/components/UPIComponent/UPIComponent.js +1 -1
- package/dist/es-legacy/components/UPI/components/UPIComponent/UPIComponent.js.map +1 -1
- package/dist/es-legacy/components/UPI/components/UPIIntentAppList/UPIIntentAppItem/UPIIntentAppItem.js +1 -1
- package/dist/es-legacy/components/UPI/components/UPIIntentAppList/UPIIntentAppItem/UPIIntentAppItem.js.map +1 -1
- package/dist/es-legacy/components/UPI/components/UPIIntentAppList/UPIIntentAppList.js +1 -1
- package/dist/es-legacy/components/UPI/components/UPIIntentAppList/UPIIntentAppList.js.map +1 -1
- package/dist/es-legacy/components/UPI/constants.js +2 -0
- package/dist/es-legacy/components/UPI/constants.js.map +1 -0
- package/dist/es-legacy/components/internal/Address/Address.js.map +1 -1
- package/dist/es-legacy/components/internal/Alert/Alert.js +1 -1
- package/dist/es-legacy/components/internal/Alert/Alert.js.map +1 -1
- package/dist/es-legacy/components/internal/ClickToPay/models/ShopperCard.js +1 -1
- package/dist/es-legacy/components/internal/ClickToPay/models/ShopperCard.js.map +1 -1
- package/dist/es-legacy/components/internal/IbanInput/IbanInput.js.map +1 -1
- package/dist/es-legacy/components/internal/OpenInvoice/useSRPanelForOpenInvoiceErrors.js.map +1 -1
- package/dist/es-legacy/components/internal/SecuredFields/SFP/SecuredFieldsProvider.js.map +1 -1
- package/dist/es-legacy/components/internal/SecuredFields/binLookup/extensions.js.map +1 -1
- package/dist/es-legacy/components/internal/SecuredFields/binLookup/triggerBinLookUp.js.map +1 -1
- package/dist/es-legacy/components/internal/SecuredFields/lib/CSF/extensions/handleIOSTouchEvents.js.map +1 -1
- package/dist/es-legacy/components/internal/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/es-legacy/components/internal/UIElement/UIElement.js +1 -1
- package/dist/es-legacy/components/internal/UIElement/UIElement.js.map +1 -1
- package/dist/es-legacy/components/internal/UIElement/utils.js.map +1 -1
- package/dist/es-legacy/core/Analytics/utils.js.map +1 -1
- package/dist/es-legacy/core/Errors/SRPanel.js.map +1 -1
- package/dist/es-legacy/core/Errors/utils.js.map +1 -1
- package/dist/es-legacy/core/Services/analytics/collect-id.js +1 -1
- package/dist/es-legacy/core/core.js +1 -1
- package/dist/es-legacy/core/core.registry.js.map +1 -1
- package/dist/es-legacy/core/utils.js.map +1 -1
- package/dist/es-legacy/external/preact/compat/dist/compat.js.map +1 -1
- package/dist/es-legacy/external/preact/dist/preact.js.map +1 -1
- package/dist/es-legacy/language/utils.js.map +1 -1
- package/dist/es-legacy/utils/clipboard.js.map +1 -1
- package/dist/es-legacy/utils/setFocus.js.map +1 -1
- package/dist/es-legacy/utils/useForm/reducer.js.map +1 -1
- package/package.json +159 -159
- package/styles/adyen.css +5 -5
- package/dist/es/components/UPI/components/UPIComponent/constants.js +0 -2
- package/dist/es/components/UPI/components/UPIComponent/constants.js.map +0 -1
- package/dist/es/components/UPI/components/UPIComponent/useUpiSegmentedControlOptions.js +0 -2
- package/dist/es/components/UPI/components/UPIComponent/useUpiSegmentedControlOptions.js.map +0 -1
- package/dist/es-legacy/components/UPI/components/UPIComponent/constants.js +0 -2
- package/dist/es-legacy/components/UPI/components/UPIComponent/constants.js.map +0 -1
- package/dist/es-legacy/components/UPI/components/UPIComponent/useUpiSegmentedControlOptions.js +0 -2
- package/dist/es-legacy/components/UPI/components/UPIComponent/useUpiSegmentedControlOptions.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,163 +1,163 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
2
|
+
"name": "@adyen/adyen-web",
|
|
3
|
+
"version": "6.20.0",
|
|
4
|
+
"license": "MIT",
|
|
5
|
+
"homepage": "https://docs.adyen.com/checkout",
|
|
6
|
+
"type": "module",
|
|
7
|
+
"sideEffects": [
|
|
8
|
+
"*.css",
|
|
9
|
+
"./auto/auto.js",
|
|
10
|
+
"./auto/auto.cjs"
|
|
11
|
+
],
|
|
12
|
+
"main": "dist/cjs/index.cjs",
|
|
13
|
+
"module": "dist/es-legacy/index.js",
|
|
14
|
+
"types": "dist/es/index.d.ts",
|
|
15
|
+
"style": "dist/es/adyen.css",
|
|
16
|
+
"exports": {
|
|
17
|
+
".": {
|
|
18
|
+
"import": {
|
|
19
|
+
"types": "./dist/es/index.d.ts",
|
|
20
|
+
"default": "./dist/es/index.js"
|
|
21
|
+
},
|
|
22
|
+
"require": {
|
|
23
|
+
"types": "./dist/cjs/index.d.cts",
|
|
24
|
+
"default": "./dist/cjs/index.cjs"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
"./auto": {
|
|
28
|
+
"import": {
|
|
29
|
+
"types": "./auto/auto.d.ts",
|
|
30
|
+
"default": "./auto/auto.js"
|
|
31
|
+
},
|
|
32
|
+
"require": {
|
|
33
|
+
"types": "./auto/auto.d.cts",
|
|
34
|
+
"default": "./auto/auto.cjs"
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
"./styles/adyen.css": "./dist/es/adyen.css"
|
|
26
38
|
},
|
|
27
|
-
"
|
|
28
|
-
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
"
|
|
34
|
-
|
|
35
|
-
|
|
39
|
+
"keywords": [
|
|
40
|
+
"adyen",
|
|
41
|
+
"adyen-web",
|
|
42
|
+
"checkout",
|
|
43
|
+
"payment",
|
|
44
|
+
"payments",
|
|
45
|
+
"components"
|
|
46
|
+
],
|
|
47
|
+
"repository": "github:Adyen/adyen-web",
|
|
48
|
+
"bugs": {
|
|
49
|
+
"url": "https://support.adyen.com/"
|
|
36
50
|
},
|
|
37
|
-
"
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
"
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
"
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
"
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
"
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
"@types/googlepay": "0.7.6",
|
|
150
|
-
"classnames": "2.5.1",
|
|
151
|
-
"preact": "10.22.1"
|
|
152
|
-
},
|
|
153
|
-
"lint-staged": {
|
|
154
|
-
"*.{js,jsx,ts,tsx}": "eslint",
|
|
155
|
-
"*.{scss,css}": "stylelint",
|
|
156
|
-
"*.{js,jsx,ts,tsx,html,md}": "prettier --write"
|
|
157
|
-
},
|
|
158
|
-
"msw": {
|
|
159
|
-
"workerDirectory": [
|
|
160
|
-
"storybook/public"
|
|
161
|
-
]
|
|
162
|
-
}
|
|
51
|
+
"files": [
|
|
52
|
+
"auto/**",
|
|
53
|
+
"dist/cjs/**",
|
|
54
|
+
"dist/es/**",
|
|
55
|
+
"dist/es-legacy/**",
|
|
56
|
+
"styles/**",
|
|
57
|
+
"LICENSE",
|
|
58
|
+
"README"
|
|
59
|
+
],
|
|
60
|
+
"scripts": {
|
|
61
|
+
"start": "npm run dev-server",
|
|
62
|
+
"story": "storybook dev --port 3020 --disable-telemetry",
|
|
63
|
+
"dev-server": "rollup --watch --config config/rollup.dev.js",
|
|
64
|
+
"build": "rm -rf dist/ && npm run lint && npm run lint-styles && npm run type-check && npm run build:types && rollup --config config/rollup.prod.js && rm -rf dist/temp-types",
|
|
65
|
+
"build:types": "tsc --emitDeclarationOnly && node scripts/add-type-references.cjs",
|
|
66
|
+
"docs:generate": "typedoc --out docs src --exclude \"**/*+(index|.test).ts\"",
|
|
67
|
+
"start:storybook": "node .storybook/run.cjs",
|
|
68
|
+
"start:storybook:e2e": "cross-env DISABLE_MSW=true node .storybook/run.cjs",
|
|
69
|
+
"build:storybook": "storybook build --disable-telemetry",
|
|
70
|
+
"test": "jest --config config/jest.config.cjs",
|
|
71
|
+
"test:watch": "npm run test -- --watchAll",
|
|
72
|
+
"test:coverage": "npm run test -- --coverage",
|
|
73
|
+
"type-check": "tsc --noEmit",
|
|
74
|
+
"format": "npm run lint:fix && npm run prettier:fix && npm run styles:fix",
|
|
75
|
+
"lint": "eslint .",
|
|
76
|
+
"lint-styles": "stylelint \"**/*.scss\"",
|
|
77
|
+
"styles:fix": "npm run lint-styles -- --fix",
|
|
78
|
+
"lint:fix": "npm run lint -- --fix",
|
|
79
|
+
"prettier:fix": "prettier \"src/**/*.{js,ts,tsx}\" \"package.json\" --write --loglevel silent",
|
|
80
|
+
"prepublishOnly": "npm run build && rm -rf ./styles && mkdir ./styles && cp ./dist/es/adyen.css ./styles/adyen.css",
|
|
81
|
+
"prepare": "cd ../.. && husky packages/lib/.husky",
|
|
82
|
+
"size": "npm run build && size-limit"
|
|
83
|
+
},
|
|
84
|
+
"devDependencies": {
|
|
85
|
+
"@adyen/bento-design-tokens": "1.10.0",
|
|
86
|
+
"@eslint/compat": "1.3.1",
|
|
87
|
+
"@eslint/js": "9.30.1",
|
|
88
|
+
"@preact/preset-vite": "2.10.2",
|
|
89
|
+
"@rollup/plugin-commonjs": "28.0.6",
|
|
90
|
+
"@rollup/plugin-eslint": "9.0.5",
|
|
91
|
+
"@rollup/plugin-json": "6.1.0",
|
|
92
|
+
"@rollup/plugin-node-resolve": "16.0.1",
|
|
93
|
+
"@rollup/plugin-replace": "6.0.2",
|
|
94
|
+
"@rollup/plugin-terser": "0.4.4",
|
|
95
|
+
"@size-limit/preset-big-lib": "11.2.0",
|
|
96
|
+
"@storybook/addon-a11y": "8.6.12",
|
|
97
|
+
"@storybook/addon-essentials": "8.6.12",
|
|
98
|
+
"@storybook/manager-api": "8.6.12",
|
|
99
|
+
"@storybook/preact": "8.6.12",
|
|
100
|
+
"@storybook/preact-vite": "8.6.12",
|
|
101
|
+
"@swc/core": "1.13.0",
|
|
102
|
+
"@testing-library/jest-dom": "6.6.3",
|
|
103
|
+
"@testing-library/preact": "3.2.4",
|
|
104
|
+
"@testing-library/preact-hooks": "1.1.0",
|
|
105
|
+
"@testing-library/user-event": "14.5.2",
|
|
106
|
+
"@types/jest": "29.5.14",
|
|
107
|
+
"autoprefixer": "10.4.21",
|
|
108
|
+
"cross-env": "7.0.3",
|
|
109
|
+
"cssnano": "7.0.7",
|
|
110
|
+
"dotenv": "16.5.0",
|
|
111
|
+
"enzyme": "3.11.0",
|
|
112
|
+
"enzyme-adapter-preact-pure": "4.1.0",
|
|
113
|
+
"eslint": "9.30.1",
|
|
114
|
+
"eslint-plugin-import": "2.31.0",
|
|
115
|
+
"eslint-plugin-jsx-a11y": "6.10.2",
|
|
116
|
+
"eslint-plugin-react": "7.37.5",
|
|
117
|
+
"eslint-plugin-storybook": "0.12.0",
|
|
118
|
+
"eslint-plugin-testing-library": "6.5.0",
|
|
119
|
+
"globals": "15.15.0",
|
|
120
|
+
"husky": "9.1.7",
|
|
121
|
+
"jest": "29.7.0",
|
|
122
|
+
"jest-environment-jsdom": "29.7.0",
|
|
123
|
+
"jest-fixed-jsdom": "^0.0.9",
|
|
124
|
+
"jest-mock-extended": "3.0.7",
|
|
125
|
+
"lint-staged": "15.5.1",
|
|
126
|
+
"msw": "2.7.5",
|
|
127
|
+
"msw-storybook-addon": "2.0.5",
|
|
128
|
+
"postcss": "8.5.6",
|
|
129
|
+
"rollup": "4.45.1",
|
|
130
|
+
"rollup-plugin-dts": "6.2.1",
|
|
131
|
+
"rollup-plugin-postcss": "4.0.2",
|
|
132
|
+
"rollup-plugin-stylelint": "1.0.0",
|
|
133
|
+
"rollup-plugin-swc3": "0.12.1",
|
|
134
|
+
"sass": "1.77.8",
|
|
135
|
+
"size-limit": "11.2.0",
|
|
136
|
+
"storybook": "8.6.12",
|
|
137
|
+
"stylelint": "16.21.1",
|
|
138
|
+
"stylelint-config-standard-scss": "13.1.0",
|
|
139
|
+
"ts-jest": "29.3.2",
|
|
140
|
+
"tslib": "2.8.1",
|
|
141
|
+
"typescript": "5.5.3",
|
|
142
|
+
"typescript-eslint": "7.18.0",
|
|
143
|
+
"vite": "6.3.5",
|
|
144
|
+
"vite-plugin-stylelint": "6.0.2",
|
|
145
|
+
"whatwg-fetch": "3.6.20"
|
|
146
|
+
},
|
|
147
|
+
"dependencies": {
|
|
148
|
+
"@types/applepayjs": "14.0.9",
|
|
149
|
+
"@types/googlepay": "0.7.6",
|
|
150
|
+
"classnames": "2.5.1",
|
|
151
|
+
"preact": "10.22.1"
|
|
152
|
+
},
|
|
153
|
+
"lint-staged": {
|
|
154
|
+
"*.{js,jsx,ts,tsx}": "eslint",
|
|
155
|
+
"*.{scss,css}": "stylelint",
|
|
156
|
+
"*.{js,jsx,ts,tsx,html,md}": "prettier --write"
|
|
157
|
+
},
|
|
158
|
+
"msw": {
|
|
159
|
+
"workerDirectory": [
|
|
160
|
+
"storybook/public"
|
|
161
|
+
]
|
|
162
|
+
}
|
|
163
163
|
}
|
package/styles/adyen.css
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
.adyen-checkout__radio_group+.adyen-checkout-input__inline-validation{display:none}.adyen-checkout__radio_group__input{opacity:0;position:absolute}.adyen-checkout__radio_group__label{color:inherit;display:block;font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:400;line-height:var(--adyen-sdk-text-body-line-height,20px);margin:0;overflow:visible;padding-bottom:0;padding-left:var(--adyen-sdk-spacer-090,24px);position:relative}.adyen-checkout__label--focused .adyen-checkout__radio_group__label{color:inherit}.adyen-checkout__radio_group__label:before{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-tertiary,#8d95a3);border-radius:50%;content:"";height:var(--adyen-sdk-spacer-070,16px);left:0;position:absolute;top:var(--adyen-sdk-spacer-010,2px);transition:border-color .2s ease-out,box-shadow .2s ease-out;width:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__radio_group__label:hover:before{box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-primary-hover,#c9cdd3);cursor:pointer}.adyen-checkout__radio_group__label:after{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border-radius:50%;box-shadow:0 1px 1px rgba(0,15,45,.25);content:"";display:block;height:var(--adyen-sdk-spacer-030,6px);left:5px;margin:0 auto;position:absolute;top:7px;transform:scale(0);transition:transform .2s ease-out;width:var(--adyen-sdk-spacer-030,6px)}.adyen-checkout__radio_group__label:hover{border-color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__label--selected{background-color:var(--adyen-sdk-color-label-primary,#00112c);border:0;transition:all .2s ease-out}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:after{transform:scale(1)}.adyen-checkout__radio_group__input:focus+.adyen-checkout__radio_group__label:before{border-color:var(--adyen-sdk-color-label-primary,#00112c)}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:hover:before,.adyen-checkout__radio_group__input:checked:active+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__input:checked:focus+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__input:focus+.adyen-checkout__radio_group__label:before{box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-tertiary,#8d95a3)}.adyen-checkout__radio_group__label.adyen-checkout__radio_group__label--invalid:before{border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-critical,#e22d2d)}.adyen-checkout__radio_group--button{align-items:flex-start;align-self:stretch;display:flex;flex-wrap:wrap;gap:var(--adyen-sdk-spacer-070,16px);width:100%}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input-wrapper{display:flex;flex:1 0 0}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__label:after{left:calc(var(--adyen-sdk-spacer-060, 12px) + 5px);position:absolute;top:calc(50% - var(--adyen-sdk-spacer-030, 6px)/2)}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__label:before{left:calc(var(--adyen-sdk-spacer-060, 12px));position:absolute;top:calc(50% - var(--adyen-sdk-spacer-070, 16px)/2)}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__label{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);padding:var(--adyen-sdk-spacer-060,12px);padding-left:calc(var(--adyen-sdk-spacer-060, 12px) + var(--adyen-sdk-spacer-090, 24px));width:100%}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input+.adyen-checkout__radio_group__label:hover,.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label{border-color:var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked:active+.adyen-checkout__radio_group__label,.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked:focus+.adyen-checkout__radio_group__label{border-color:var(--adyen-sdk-color-outline-primary-active,#00112c);box-shadow:0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c)}
|
|
9
9
|
.adyen-checkout__image{opacity:0;transition:opacity .6s ease-out}.adyen-checkout__image--loaded{opacity:1}
|
|
10
10
|
.adyen-checkout__dropdown__button-icon--left{flex-direction:row-reverse;justify-content:flex-end}.adyen-checkout__dropdown__button-icon--left>img{margin-left:0;margin-right:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__dropdown{max-width:100%;position:relative}.adyen-checkout__dropdown,.adyen-checkout__dropdown__button{font-size:var(--adyen-sdk-text-subtitle-font-size,1rem);width:100%}.adyen-checkout__dropdown__button{align-items:center;background:inherit;border-radius:inherit;color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer;display:flex;height:var(--adyen-sdk-spacer-110,40px);line-height:var(--adyen-sdk-text-body-line-height,20px);outline:0;padding:0 var(--adyen-sdk-spacer-060,12px);text-decoration:none;transition:border .2s ease-out,box-shadow .2s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir=rtl] .adyen-checkout__dropdown__button{padding:7px var(--adyen-sdk-spacer-060,12px) 7px var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__dropdown__button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' viewBox='0 0 16 17'%3E%3Cpath fill='%2300112C' fill-rule='evenodd' d='M4.47 6.47a.75.75 0 0 1 1.06 0L8 8.94l2.47-2.47a.75.75 0 0 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;content:"";height:var(--adyen-sdk-spacer-030,6px);position:absolute;right:var(--adyen-sdk-spacer-070,16px);width:var(--adyen-sdk-spacer-040,8px)}[dir=rtl] .adyen-checkout__dropdown__button:after{left:var(--adyen-sdk-spacer-070,16px);right:auto}.adyen-checkout__dropdown__button--active:after{transform:rotate(180deg)}.adyen-checkout__dropdown__button--disabled{opacity:.4}.adyen-checkout__dropdown__button--readonly,.adyen-checkout__dropdown__button--readonly--active,.adyen-checkout__dropdown__button--readonly:focus,.adyen-checkout__dropdown__button--readonly:hover{background:var(--adyen-sdk-color-background-disabled,#eeeff1);border-color:transparent;color:var(--adyen-sdk-color-label-primary,#00112c);cursor:not-allowed}.adyen-checkout__dropdown__button--readonly:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' fill='none' viewBox='0 0 8 7'%3E%3Cpath fill='%23B9C4C9' d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6z'/%3E%3C/svg%3E")}.adyen-checkout__dropdown__button--invalid{border-color:var(--adyen-sdk-color-outline-critical,#e22d2d)}.adyen-checkout__dropdown__button__icon{border-radius:3px;height:26px;margin-right:var(--adyen-sdk-spacer-060,12px);max-width:var(--adyen-sdk-spacer-110,40px)}.adyen-checkout__dropdown__button__text{flex-grow:1;overflow:hidden;pointer-events:none;text-align:left;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__dropdown__button__text-placeholder{color:var(--adyen-sdk-color-label-secondary,#5c687c)}.adyen-checkout__dropdown__button__secondary-text{margin-right:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__filter-input{background:inherit;border:0;color:var(--adyen-sdk-color-label-primary,#00112c);font-family:inherit;font-size:var(--adyen-sdk-text-subtitle-font-size,1rem);height:100%;padding:0;width:100%}.adyen-checkout__filter-input:active,.adyen-checkout__filter-input:focus{outline:0}.adyen-checkout__filter-input[readonly]{border-color:transparent;color:var(--adyen-sdk-color-label-secondary,#5c687c)!important;cursor:not-allowed}.adyen-checkout__dropdown__list{background:var(--adyen-sdk-color-background-primary,#ffffff);border-radius:var(--adyen-sdk-border-radius-m,8px);box-shadow:0 var(--adyen-sdk-spacer-010,2px) 7px rgba(0,15,45,.3);display:none;list-style:none;margin:0 0 var(--adyen-sdk-spacer-120,48px);max-height:375px;overflow-y:auto;padding:0;position:absolute;width:100%;z-index:2}.adyen-checkout__dropdown__list.adyen-checkout__dropdown__list--active{display:block;margin-top:var(--adyen-sdk-spacer-010,2px)}.adyen-checkout__dropdown__element{align-items:center;border:var(--adyen-sdk-border-width-s,1px) solid transparent;cursor:pointer;display:flex;font-size:var(--adyen-sdk-text-body-font-size,.875rem);-webkit-hyphens:auto;hyphens:auto;line-height:var(--adyen-sdk-text-body-line-height,20px);outline:0;padding:var(--adyen-sdk-spacer-040,8px);transition:background .2s ease-out,border-color .2s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;word-break:break-word}.adyen-checkout__dropdown__element .adyen-checkout__icon{position:absolute;right:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__dropdown__element:last-child{border-bottom:0}.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active{background:rgba(230,233,235,.6)}.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected{background:rgba(0,102,255,.1)}.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:active,.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:focus,.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:hover{background:rgba(0,102,255,.15)}.adyen-checkout__dropdown__element--disabled{cursor:not-allowed;opacity:.4}.adyen-checkout__dropdown__element__icon{border-radius:var(--adyen-sdk-border-radius-s,4px);margin-right:var(--adyen-sdk-spacer-060,12px);max-height:26px;max-width:var(--adyen-sdk-spacer-110,40px)}.adyen-checkout__dropdown__element__text{flex-grow:1}.adyen-checkout__dropdown__element__secondary-text:not(:last-child){margin-right:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__dropdown__element__flag{margin-left:var(--adyen-sdk-spacer-040,8px);margin-right:var(--adyen-sdk-spacer-050,10px);max-height:18px;max-width:27px}.adyen-checkout__dropdown+.adyen-checkout-input__inline-validation{right:var(--adyen-sdk-spacer-100,32px)}
|
|
11
|
-
.adyen-checkout__installments .adyen-checkout__input-wrapper{background-color:transparent;border:none;box-shadow:none}.adyen-checkout__installments .adyen-checkout__input-wrapper:active,.adyen-checkout__installments .adyen-checkout__input-wrapper:active:hover,.adyen-checkout__installments .adyen-checkout__input-wrapper:focus-within,.adyen-checkout__installments .adyen-checkout__input-wrapper:focus-within:hover{box-shadow:none}.adyen-checkout__installments .adyen-checkout__fieldset--revolving-plan{margin-top:-5px}
|
|
11
|
+
.adyen-checkout__installments--revolving-plan .adyen-checkout__input-wrapper{background-color:transparent;border:none;box-shadow:none}.adyen-checkout__installments--revolving-plan .adyen-checkout__input-wrapper:active,.adyen-checkout__installments--revolving-plan .adyen-checkout__input-wrapper:active:hover,.adyen-checkout__installments--revolving-plan .adyen-checkout__input-wrapper:focus-within,.adyen-checkout__installments--revolving-plan .adyen-checkout__input-wrapper:focus-within:hover{box-shadow:none}.adyen-checkout__installments--revolving-plan .adyen-checkout__fieldset--revolving-plan{margin-top:-5px}
|
|
12
12
|
.adyen-checkout-disclaimer__label{color:var(--adyen-sdk-color-label-secondary,#5c687c);display:inline-block;font-size:var(--adyen-sdk-text-caption-font-size,.75rem);font-weight:400;line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-top:var(--adyen-sdk-spacer-070,16px);padding-left:0}[dir=rtl] .adyen-checkout-disclaimer__label{padding-right:0}
|
|
13
13
|
.adyen-checkout-link{--text-decoration:none;color:var(--adyen-sdk-color-label-highlight,#0070f5);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration)}.adyen-checkout-link:focus-visible{outline:none}.adyen-checkout-link:active,.adyen-checkout-link:hover{--text-decoration:underline}.adyen-checkout-link:focus-visible{border-radius:var(--adyen-sdk-border-radius-xs,2px);box-shadow:0 0 0 1px #fff,0 0 0 3px var(--adyen-sdk-focus-ring-color,rgba(0,112,245,.8));transition:.1s cubic-bezier(.785,.135,.15,.86)}
|
|
14
14
|
.adyen-checkout__card__dual-branding__icons{display:flex;pointer-events:auto}.adyen-checkout__card__dual-branding__icons .adyen-checkout__card__cardNumber__brandIcon{cursor:inherit;opacity:1}.adyen-checkout__card__dual-branding__icons .adyen-checkout__card__cardNumber__brandIcon:first-child{right:var(--adyen-sdk-spacer-110,40px)}
|
|
@@ -74,7 +74,7 @@ apple-pay-button{--apple-pay-button-width:100%;--apple-pay-button-height:48px;--
|
|
|
74
74
|
.adyen-checkout-issuer-list-introduction-logo-container{background:var(--adyen-sdk-color-background-primary,#ffffff);border-radius:var(--adyen-sdk-border-radius-m,8px);margin-bottom:var(--adyen-sdk-spacer-070,16px);padding:var(--adyen-sdk-spacer-070,16px);text-align:center}.adyen-checkout-issuer-list-introduction-logo-container__title{font-size:var(--adyen-sdk-text-caption-font-size,.75rem);font-weight:var(--adyen-sdk-text-caption-font-weight,400);font-weight:var(--adyen-sdk-text-caption-stronger-font-weight,500);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin:0}.adyen-checkout-issuer-list-introduction-logo-container__logo{height:auto;width:8em}.adyen-checkout-issuer-list-introduction-text-container,.adyen-checkout-issuer-list-introduction-text-container__title{font-size:var(--adyen-sdk-text-caption-font-size,.75rem);font-weight:var(--adyen-sdk-text-caption-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px)}.adyen-checkout-issuer-list-introduction-text-container__title{font-weight:var(--adyen-sdk-text-caption-stronger-font-weight,500);margin:0 0 var(--adyen-sdk-spacer-020,4px)}.adyen-checkout-issuer-list-introduction-text-container__content{margin:0}.adyen-checkout-issuer-list-introduction-text-container__content:not(:last-child){margin-bottom:var(--adyen-sdk-spacer-040,8px)}
|
|
75
75
|
.adyen-checkout-pix-enrollment-issuer-list{display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-pix-enrollment-issuer-list .adyen-checkout-disclaimer__label{color:var(--adyen-sdk-color-label-secondary,#5c687c);display:inline-block;font-size:var(--adyen-sdk-text-caption-font-size,.75rem);font-weight:var(--adyen-sdk-text-caption-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin:0;text-align:center}.adyen-checkout-await-logo-open-finance{height:auto;width:8em}.adyen-checkout-await-logo-arrow-down{height:auto;width:1em}.adyen-checkout-await-logo-bank{height:auto;width:3em}
|
|
76
76
|
.adyen-checkout__klarna-widget{pointer-events:all}
|
|
77
|
-
.adyen-checkout__qr-loader{align-items:center;background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-secondary,#c9cdd3);border-radius:var(--adyen-sdk-border-radius-m,8px);display:flex;flex-direction:column;padding:var(--adyen-sdk-spacer-110,40px);padding-bottom:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__qr-loader--result{gap:var(--adyen-sdk-spacer-090,24px);padding:100px}.adyen-checkout__qr-loader--app{border:0;border-radius:0;padding:0}.adyen-checkout__qr-loader__brand-logo-wrapper{border-radius:var(--adyen-sdk-border-radius-s,4px);box-shadow:var(--adyen-sdk-shadow-low,0 2px 4px rgba(0,17,44,.04),0 1px 2px rgba(0,17,44,.02));margin-bottom:var(--adyen-sdk-spacer-090,24px);overflow:hidden}.adyen-checkout__qr-loader__brand-logo{display:block;width:80px}.adyen-checkout__qr-loader__subtitle{color:var(--adyen-sdk-color-label-
|
|
77
|
+
.adyen-checkout__qr-loader{align-items:center;background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-secondary,#c9cdd3);border-radius:var(--adyen-sdk-border-radius-m,8px);display:flex;flex-direction:column;padding:var(--adyen-sdk-spacer-110,40px);padding-bottom:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__qr-loader--result{gap:var(--adyen-sdk-spacer-090,24px);padding:100px}.adyen-checkout__qr-loader--app{border:0;border-radius:0;padding:0}.adyen-checkout__qr-loader__brand-logo-wrapper{border-radius:var(--adyen-sdk-border-radius-s,4px);box-shadow:var(--adyen-sdk-shadow-low,0 2px 4px rgba(0,17,44,.04),0 1px 2px rgba(0,17,44,.02));margin-bottom:var(--adyen-sdk-spacer-090,24px);overflow:hidden}.adyen-checkout__qr-loader__brand-logo{display:block;width:80px}.adyen-checkout__qr-loader__subtitle{color:var(--adyen-sdk-color-label-secondary,#5c687c);font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-body-line-height,20px);max-width:400px;text-align:center}.adyen-checkout__qr-loader__icon{height:88px;width:88px}.adyen-checkout__qr-loader__payment_amount{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-title-l-font-size,1.5rem);font-weight:var(--adyen-sdk-text-title-l-font-weight,600);line-height:var(--adyen-sdk-text-body-wide-line-height,24px);margin-bottom:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__qr-loader__progress{background:var(--adyen-sdk-color-outline-secondary,#c9cdd3);border-radius:var(--adyen-sdk-border-radius-l,12px);height:var(--adyen-sdk-spacer-020,4px);margin-bottom:var(--adyen-sdk-spacer-060,12px);padding-right:3%;width:152px}[dir=rtl] .adyen-checkout__qr-loader__progress{padding-left:3%;padding-right:0}.adyen-checkout__qr-loader__percentage{background:var(--adyen-sdk-color-label-primary,#00112c);border-radius:var(--adyen-sdk-border-radius-l,12px);display:block;height:100%}.adyen-checkout__qr-loader__countdown{font-size:var(--adyen-sdk-text-caption-font-size,.75rem);text-align:center}.adyen-checkout__qr-loader>.adyen-checkout__spinner__wrapper{margin:60px 0}.adyen-checkout__qr-loader__app-link{display:none}.adyen-checkout__button.adyen-checkout__button--qr-loader{margin-top:var(--adyen-sdk-spacer-090,24px);text-decoration:none}.adyen-checkout__qr-loader__instructions{color:var(--adyen-sdk-color-label-tertiary,#5c687c);font-size:var(--adyen-sdk-text-subtitle-font-size,1rem);line-height:1.5;margin-top:var(--adyen-sdk-spacer-090,24px);max-width:300px}.adyen-checkout__qr-loader__actions{align-items:center;display:flex;justify-content:center;margin-top:var(--adyen-sdk-spacer-100,32px)}.adyen-checkout__await__instructions{display:flex;justify-content:center}@media (max-width:1024px){.adyen-checkout__qr-loader__app-link{display:block;min-width:220px}}
|
|
78
78
|
.adyen-checkout__qr-loader--swish>.adyen-checkout__qr-loader__instructions{text-align:center}
|
|
79
79
|
.adyen-checkout-paynow__introduction{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-body-line-height,20px);text-align:center}
|
|
80
80
|
.adyen-checkout-timeline-wrapper{background-color:var(--adyen-sdk-color-background-secondary,#f7f7f8);border-radius:8px;max-width:300px;padding:16px}
|
|
@@ -84,15 +84,15 @@ apple-pay-button{--apple-pay-button-width:100%;--apple-pay-button-height:48px;--
|
|
|
84
84
|
.adyen-checkout__loading-input__form{transition:opacity .25s ease-out}
|
|
85
85
|
.adyen-checkout__fieldset--phone-input{direction:ltr}.adyen-checkout__fieldset--phone-input .adyen-checkout__fieldset__fields{gap:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__fieldset--phone-input .adyen-checkout__fieldset__fields>.adyen-checkout__field{margin-bottom:0}.adyen-checkout-field--phone-prefix{width:144px}.adyen-checkout-field--phone-number{flex:1}
|
|
86
86
|
.adyen-checkout__field--vpa{margin-bottom:0}
|
|
87
|
-
.adyen-checkout_upi-mode-selection-text{font-size:var(--adyen-sdk-text-caption-font-size,.75rem);font-weight:var(--adyen-sdk-text-caption-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-
|
|
87
|
+
.adyen-checkout_upi-mode-selection-text{font-size:var(--adyen-sdk-text-caption-font-size,.75rem);font-weight:var(--adyen-sdk-text-caption-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-top:var(--adyen-sdk-spacer-000,0)}.adyen-checkout__segmented-control--upi-margin-bottom,.adyen-checkout_upi-mode-selection-text{margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-upi-area-intent .adyen-checkout__button--pay{margin-top:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-upi-area-qr-code .adyen-checkout__button--pay,.adyen-checkout-upi-instruction-label{margin-top:var(--adyen-sdk-spacer-000,0)}.adyen-checkout-upi-instruction-label{color:var(--adyen-sdk-color-label-secondary,#5c687c);display:flex;font-size:var(--adyen-sdk-text-caption-font-size,.75rem);font-weight:var(--adyen-sdk-text-caption-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-bottom:var(--adyen-sdk-spacer-070,16px)}
|
|
88
88
|
.adyen-checkout-checkmark{border-bottom:1.5px solid var(--adyen-sdk-color-label-primary,#00112c);border-right:1.5px solid var(--adyen-sdk-color-label-primary,#00112c);height:var(--adyen-sdk-spacer-060,12px);transform:rotate(45deg);width:var(--adyen-sdk-spacer-030,6px)}.adyen-checkout__segmented-control{background:var(--adyen-sdk-color-background-tertiary,#eeeff1);border-radius:var(--adyen-sdk-border-radius-l,12px);display:flex;gap:var(--adyen-sdk-spacer-020,4px);justify-content:space-between;padding:var(--adyen-sdk-spacer-030,6px)}.adyen-checkout__segmented-control--disabled{pointer-events:none}.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment{color:var(--adyen-sdk-color-label-disabled,#8d95a3)}.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment--selected .adyen-checkout-checkmark{border-bottom:1.5px solid var(--adyen-sdk-color-label-disabled,#8d95a3);border-right:1.5px solid var(--adyen-sdk-color-label-disabled,#8d95a3)}.adyen-checkout__segmented-control-segment{align-items:center;background:transparent;border:0;border-radius:var(--adyen-sdk-border-radius-m,8px);color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer;display:flex;flex-grow:1;font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);gap:var(--adyen-sdk-spacer-050,10px);height:var(--adyen-sdk-spacer-110,40px);justify-content:center;text-align:center;transition:background .3s ease-out;width:100%}.adyen-checkout__segmented-control-segment:active,.adyen-checkout__segmented-control-segment:not(.adyen-checkout__segmented-control-segment--selected):hover{background-color:var(--adyen-sdk-color-background-secondary,#f7f7f8)}.adyen-checkout__segmented-control-segment--selected{background:var(--adyen-sdk-color-background-primary,#ffffff);box-shadow:var(--adyen-sdk-shadow-low,0 2px 4px rgba(0,17,44,.04),0 1px 2px rgba(0,17,44,.02));color:var(--adyen-sdk-color-label-primary,#00112c)}
|
|
89
89
|
.adyen-checkout__payment-method__header__title{align-items:center;background:none;border:none;color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer;display:flex;flex-shrink:0;font-size:1em;font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);gap:var(--adyen-sdk-spacer-060,12px);margin-right:var(--adyen-sdk-spacer-070,16px);max-height:38px;max-width:100%;padding:0}[dir=rtl] .adyen-checkout__payment-method__header__title{margin-left:var(--adyen-sdk-spacer-070,16px);margin-right:var(--adyen-sdk-spacer-000,0)}.adyen-checkout__payment-method__header__title--standalone{cursor:default}.adyen-checkout__payment-method__radio{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-secondary,#c9cdd3);border-radius:50%;height:var(--adyen-sdk-spacer-070,16px);left:var(--adyen-sdk-spacer-070,16px);transition:border-color .2s ease-out,box-shadow .2s ease-out;width:var(--adyen-sdk-spacer-070,16px)}[dir=rtl] .adyen-checkout__payment-method__radio{left:auto;right:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__payment-method__radio:after{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border-radius:50%;content:"";display:block;height:var(--adyen-sdk-spacer-040,8px);left:0;margin:0 auto;position:relative;right:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease-out;width:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__payment-method__radio--selected{background-color:var(--adyen-sdk-color-label-primary,#00112c);border:0;transition:all .3s ease-out}.adyen-checkout__payment-method__radio--selected:hover{box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-primary-hover,#c9cdd3)}.adyen-checkout__payment-method__radio--selected:after{transform:translateY(-50%) scale(1)}
|
|
90
|
-
.adyen-checkout-upi-app-item{background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);cursor:pointer;display:flex;
|
|
90
|
+
.adyen-checkout-upi-app-item{align-items:center;background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);cursor:pointer;display:flex;gap:var(--adyen-sdk-spacer-070,16px);justify-content:space-between;padding:var(--adyen-sdk-spacer-050,10px) var(--adyen-sdk-spacer-070,16px);transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,border-radius .15s ease;width:100%}.adyen-checkout-upi-app-item__label{cursor:pointer}.adyen-checkout-upi-app-item:hover:not(.adyen-checkout-upi-app-item--selected){border-color:var(--adyen-sdk-color-outline-primary-hover,#c9cdd3)}.adyen-checkout-upi-app-item--selected{border-color:var(--adyen-sdk-color-outline-primary-active,#00112c);box-shadow:0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c);cursor:default}.adyen-checkout-upi-app-item--selected .adyen-checkout-expand-button--upi-app-item,.adyen-checkout-upi-app-item--selected .adyen-checkout-expand-button--upi-app-item>label{cursor:default}.adyen-checkout-upi-app-item .adyen-checkout-expand-button--upi-app-item{margin-right:0}
|
|
91
91
|
.adyen-checkout-upi-app-list{display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-070,16px);list-style:none;margin:0;padding:0}.adyen-checkout-upi-app-list--loading{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
|
|
92
|
+
.adyen-checkout__alert-message{align-items:center;border-radius:var(--adyen-sdk-border-radius-m,8px);display:flex;font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-body-line-height,20px);margin:0 0 var(--adyen-sdk-spacer-070,16px);padding:var(--adyen-sdk-spacer-060,12px);text-align:left}.adyen-checkout__alert-message--error{background:var(--adyen-sdk-alert-critical-background-color,#fef4f4)}.adyen-checkout__alert-message--warning{background:var(--adyen-sdk-alert-warning-background-color,#fff5e9)}.adyen-checkout__alert-message--info{background:var(--adyen-sdk-alert-highlight-background-color,#f2f8ff)}.adyen-checkout__alert-message--success{background:var(--adyen-sdk-alert-success-background-color,#edfaf3)}.adyen-checkout__alert-message__icon{height:14px;margin-right:var(--adyen-sdk-spacer-040,8px);width:14px}
|
|
92
93
|
.adyen-checkout__payto-component .adyen-checkout__fieldset{margin-top:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__payto-component .adyen-checkout__fieldset .adyen-checkout__fieldset__fields{gap:0 var(--adyen-sdk-spacer-060,12px);margin-top:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__payto-component .adyen-checkout-field--phone-prefix{width:98px}
|
|
93
94
|
.adyen-checkout__payto-component--loading{pointer-events:none}
|
|
94
95
|
.adyen-checkout__await--payto .adyen-checkout__details-table{margin-top:var(--adyen-sdk-spacer-070,16px);padding-top:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__await--payto .adyen-checkout__details-table__item:first-child{border-top:none}
|
|
95
|
-
.adyen-checkout__alert-message{border-radius:var(--adyen-sdk-border-radius-m,8px);display:flex;font-size:var(--adyen-sdk-text-caption-font-size,.75rem);margin:0 0 var(--adyen-sdk-spacer-070,16px);padding:var(--adyen-sdk-spacer-060,12px);text-align:left}.adyen-checkout__alert-message--error{background:var(--adyen-sdk-color-background-critical-strong,#e22d2d)}.adyen-checkout__alert-message--info{background:var(--adyen-sdk-color-background-secondary,#f7f7f8)}.adyen-checkout__alert-message__icon{height:14px;margin-right:var(--adyen-sdk-spacer-040,8px);width:14px}
|
|
96
96
|
.adyen-checkout__giftcard-result__header{align-items:center;display:flex;flex-wrap:nowrap;font-size:var(--adyen-sdk-text-title-font-size,1rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);justify-content:space-between;position:relative;width:100%}.adyen-checkout__giftcard-result__header__title{align-items:center;display:flex}.adyen-checkout__giftcard-result__name{margin-left:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__giftcard-result__balance{list-style:none;margin:var(--adyen-sdk-spacer-070,16px) 0 0;padding:0}.adyen-checkout__giftcard-result__balance__item{display:flex;justify-content:space-between;margin-bottom:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__giftcard-result__balance__item .adyen-checkout__giftcard-result__balance__title--transactionLimit{color:var(--adyen-sdk-color-label-secondary,#5c687c)}.adyen-checkout__giftcard-result__balance__item:last-child{margin-bottom:0}.adyen-checkout__giftcard-result__balance__value--amount{font-weight:700}.adyen-checkout__giftcard-result__remaining-balance{color:var(--adyen-sdk-color-label-secondary,#5c687c);font-size:var(--adyen-sdk-text-body-font-size,.875rem);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin:var(--adyen-sdk-spacer-040,8px) auto 0;text-align:center}
|
|
97
97
|
.adyen-checkout__voucher-result{border-radius:var(--adyen-sdk-border-radius-m,8px);position:relative;text-align:center}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result-title{font-size:var(--adyen-sdk-text-title-font-size,1rem);font-weight:var(--adyen-sdk-text-title-font-weight,600);line-height:var(--adyen-sdk-text-title-line-height,26px);margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__bottom,.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__top{background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-separator-primary,#dbdee2);display:flex;flex-direction:column}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__bottom .adyen-checkout__details-table,.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__top .adyen-checkout__details-table{background:var(--adyen-sdk-color-background-secondary,#f7f7f8);border-radius:var(--adyen-sdk-border-radius-m,8px);margin:0}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__bottom .adyen-checkout__details-table__item:first-child,.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__top .adyen-checkout__details-table__item:first-child{border-top:none}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__top{align-items:center;border-bottom:0;border-radius:var(--adyen-sdk-border-radius-m,8px) var(--adyen-sdk-border-radius-m,8px) 0 0;padding:var(--adyen-sdk-spacer-100,32px) var(--adyen-sdk-spacer-090,24px) var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__bottom{border-radius:0 0 var(--adyen-sdk-border-radius-m,8px) var(--adyen-sdk-border-radius-m,8px);border-top:0;padding:0 var(--adyen-sdk-spacer-090,24px) var(--adyen-sdk-spacer-100,32px)}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__image{align-items:center;display:flex;justify-content:center;margin-bottom:var(--adyen-sdk-spacer-090,24px);width:100%}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout-link--voucher-result-instructions{display:inline-block}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__image__wrapper{display:block;height:var(--adyen-sdk-spacer-120,48px);position:relative}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__image__wrapper:after{border-radius:var(--adyen-sdk-border-radius-m,8px);box-shadow:var(--adyen-sdk-shadow-low,0 2px 4px rgba(0,17,44,.04),0 1px 2px rgba(0,17,44,.02));content:"";height:100%;left:0;position:absolute;top:0;width:100%}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__image__wrapper:nth-child(2){margin-left:0}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__image__brand,.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__image__issuer{border-radius:var(--adyen-sdk-border-radius-m,8px);height:var(--adyen-sdk-spacer-120,48px)}.adyen-checkout__voucher-result--bankTransfer .adyen-checkout__voucher-result__amount{font-size:var(--adyen-sdk-text-title-l-font-size,1.5rem);font-weight:var(--adyen-sdk-text-title-l-font-weight,600);line-height:var(--adyen-sdk-text-title-l-line-height,34px);margin:0 auto var(--adyen-sdk-spacer-090,24px)}
|
|
98
98
|
.adyen-checkout__bankTransfer__introduction{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-body-font-size,.875rem);font-weight:var(--adyen-sdk-text-body-font-weight,400);margin:0 0 var(--adyen-sdk-spacer-070,16px);padding:0}.adyen-checkout__bankTransfer__emailField{margin:0 0 var(--adyen-sdk-spacer-070,16px)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../../../src/components/UPI/components/UPIComponent/constants.ts"],"sourcesContent":["export const A11Y = {\n ButtonId: {\n VPA: 'upi-button-vpa',\n QR: 'upi-button-qrCode',\n INTENT: 'upi-button-intent'\n },\n AreaId: {\n VPA: 'upi-area-vpa',\n QR: 'upi-area-qrCode',\n INTENT: 'upi-area-intent'\n }\n};\n"],"names":["A11Y","ButtonId","VPA","QR","INTENT","AreaId"],"mappings":"MAAaA,EAAO,CAChBC,SAAU,CACNC,IAAK,iBACLC,GAAI,oBACJC,OAAQ,qBAEZC,OAAQ,CACJH,IAAK,eACLC,GAAI,kBACJC,OAAQ"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{useMemo as e}from"../../../../external/preact/hooks/dist/hooks.js";import{A11Y as o}from"./constants.js";import r from"../../../../utils/isMobile.js";import{useCoreContext as t}from"../../../../core/Context/CoreProvider.js";function a(a,i){const{i18n:n}=t();return e(()=>{const e={label:n.get("upi.mode.payByAnyUpi"),value:"intent",htmlProps:{id:o.ButtonId.INTENT,"aria-expanded":"intent"===i,"aria-controls":o.AreaId.INTENT}},t={label:n.get("upi.mode.enterUpiId"),value:"vpa",htmlProps:{id:o.ButtonId.VPA,"aria-expanded":"vpa"===i,"aria-controls":o.AreaId.VPA}},d={label:n.get("upi.mode.qrCode"),value:"qrCode",htmlProps:{id:o.ButtonId.QR,"aria-expanded":"qrCode"===i,"aria-controls":o.AreaId.QR}},l=a.length>0,s=r()?1:0,p=new Array(2).fill(l?e:t);return p[s]=d,p},[a,i])}export{a as default};
|
|
2
|
-
//# sourceMappingURL=useUpiSegmentedControlOptions.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useUpiSegmentedControlOptions.js","sources":["../../../../../../src/components/UPI/components/UPIComponent/useUpiSegmentedControlOptions.ts"],"sourcesContent":["import { useMemo } from 'preact/hooks';\nimport { App, UpiMode } from '../../types';\nimport { A11Y } from './constants';\nimport isMobile from '../../../../utils/isMobile';\nimport { useCoreContext } from '../../../../core/Context/CoreProvider';\nimport { OldSegmentedControlOption } from '../../../internal/SegmentedControl/SegmentedControl';\n\ninterface SegmentedControlOption extends OldSegmentedControlOption<UpiMode> {}\n\nfunction useUpiSegmentedControlOptions(apps: Array<App>, mode: UpiMode): Array<SegmentedControlOption> {\n const { i18n } = useCoreContext();\n\n return useMemo(() => {\n const intentOption: SegmentedControlOption = {\n label: i18n.get('upi.mode.payByAnyUpi'),\n value: 'intent',\n htmlProps: {\n id: A11Y.ButtonId.INTENT,\n 'aria-expanded': mode === 'intent',\n 'aria-controls': A11Y.AreaId.INTENT\n }\n };\n const vpaOption: SegmentedControlOption = {\n label: i18n.get('upi.mode.enterUpiId'),\n value: 'vpa',\n htmlProps: {\n id: A11Y.ButtonId.VPA,\n 'aria-expanded': mode === 'vpa',\n 'aria-controls': A11Y.AreaId.VPA\n }\n };\n const qrOption: SegmentedControlOption = {\n label: i18n.get('upi.mode.qrCode'),\n value: 'qrCode',\n htmlProps: {\n id: A11Y.ButtonId.QR,\n 'aria-expanded': mode === 'qrCode',\n 'aria-controls': A11Y.AreaId.QR\n }\n };\n\n const shouldShowUpiIntent = apps.length > 0;\n const positionOfQrOption = isMobile() ? 1 : 0;\n const segmentedControlOptions = new Array(2).fill(shouldShowUpiIntent ? intentOption : vpaOption);\n segmentedControlOptions[positionOfQrOption] = qrOption;\n return segmentedControlOptions;\n }, [apps, mode]);\n}\n\nexport default useUpiSegmentedControlOptions;\n"],"names":["useUpiSegmentedControlOptions","apps","mode","i18n","useCoreContext","useMemo","intentOption","label","get","value","htmlProps","id","A11Y","ButtonId","INTENT","AreaId","vpaOption","VPA","qrOption","QR","shouldShowUpiIntent","length","positionOfQrOption","isMobile","segmentedControlOptions","Array","fill"],"mappings":"uOASA,SAASA,EAA8BC,EAAkBC,GACrD,MAAMC,KAAEA,GAASC,IAEjB,OAAOC,EAAQ,KACX,MAAMC,EAAuC,CACzCC,MAAOJ,EAAKK,IAAI,wBAChBC,MAAO,SACPC,UAAW,CACPC,GAAIC,EAAKC,SAASC,OAClB,gBAA0B,WAATZ,EACjB,gBAAiBU,EAAKG,OAAOD,SAG/BE,EAAoC,CACtCT,MAAOJ,EAAKK,IAAI,uBAChBC,MAAO,MACPC,UAAW,CACPC,GAAIC,EAAKC,SAASI,IAClB,gBAA0B,QAATf,EACjB,gBAAiBU,EAAKG,OAAOE,MAG/BC,EAAmC,CACrCX,MAAOJ,EAAKK,IAAI,mBAChBC,MAAO,SACPC,UAAW,CACPC,GAAIC,EAAKC,SAASM,GAClB,gBAA0B,WAATjB,EACjB,gBAAiBU,EAAKG,OAAOI,KAI/BC,EAAsBnB,EAAKoB,OAAS,EACpCC,EAAqBC,IAAa,EAAI,EACtCC,EAA0B,IAAIC,MAAM,GAAGC,KAAKN,EAAsBd,EAAeU,GAEvF,OADAQ,EAAwBF,GAAsBJ,EACvCM,GACR,CAACvB,EAAMC,GACd"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../../../src/components/UPI/components/UPIComponent/constants.ts"],"sourcesContent":["export const A11Y = {\n ButtonId: {\n VPA: 'upi-button-vpa',\n QR: 'upi-button-qrCode',\n INTENT: 'upi-button-intent'\n },\n AreaId: {\n VPA: 'upi-area-vpa',\n QR: 'upi-area-qrCode',\n INTENT: 'upi-area-intent'\n }\n};\n"],"names":["A11Y","ButtonId","VPA","QR","INTENT","AreaId"],"mappings":"MAAaA,EAAO,CAChBC,SAAU,CACNC,IAAK,iBACLC,GAAI,oBACJC,OAAQ,qBAEZC,OAAQ,CACJH,IAAK,eACLC,GAAI,kBACJC,OAAQ"}
|
package/dist/es-legacy/components/UPI/components/UPIComponent/useUpiSegmentedControlOptions.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{useMemo as e}from"../../../../external/preact/hooks/dist/hooks.js";import{A11Y as o}from"./constants.js";import r from"../../../../utils/isMobile.js";import{useCoreContext as t}from"../../../../core/Context/CoreProvider.js";function a(a,i){const{i18n:n}=t();return e(()=>{const e={label:n.get("upi.mode.payByAnyUpi"),value:"intent",htmlProps:{id:o.ButtonId.INTENT,"aria-expanded":"intent"===i,"aria-controls":o.AreaId.INTENT}},t={label:n.get("upi.mode.enterUpiId"),value:"vpa",htmlProps:{id:o.ButtonId.VPA,"aria-expanded":"vpa"===i,"aria-controls":o.AreaId.VPA}},d={label:n.get("upi.mode.qrCode"),value:"qrCode",htmlProps:{id:o.ButtonId.QR,"aria-expanded":"qrCode"===i,"aria-controls":o.AreaId.QR}},l=a.length>0,s=r()?1:0,p=new Array(2).fill(l?e:t);return p[s]=d,p},[a,i])}export{a as default};
|
|
2
|
-
//# sourceMappingURL=useUpiSegmentedControlOptions.js.map
|
package/dist/es-legacy/components/UPI/components/UPIComponent/useUpiSegmentedControlOptions.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useUpiSegmentedControlOptions.js","sources":["../../../../../../src/components/UPI/components/UPIComponent/useUpiSegmentedControlOptions.ts"],"sourcesContent":["import { useMemo } from 'preact/hooks';\nimport { App, UpiMode } from '../../types';\nimport { A11Y } from './constants';\nimport isMobile from '../../../../utils/isMobile';\nimport { useCoreContext } from '../../../../core/Context/CoreProvider';\nimport { OldSegmentedControlOption } from '../../../internal/SegmentedControl/SegmentedControl';\n\ninterface SegmentedControlOption extends OldSegmentedControlOption<UpiMode> {}\n\nfunction useUpiSegmentedControlOptions(apps: Array<App>, mode: UpiMode): Array<SegmentedControlOption> {\n const { i18n } = useCoreContext();\n\n return useMemo(() => {\n const intentOption: SegmentedControlOption = {\n label: i18n.get('upi.mode.payByAnyUpi'),\n value: 'intent',\n htmlProps: {\n id: A11Y.ButtonId.INTENT,\n 'aria-expanded': mode === 'intent',\n 'aria-controls': A11Y.AreaId.INTENT\n }\n };\n const vpaOption: SegmentedControlOption = {\n label: i18n.get('upi.mode.enterUpiId'),\n value: 'vpa',\n htmlProps: {\n id: A11Y.ButtonId.VPA,\n 'aria-expanded': mode === 'vpa',\n 'aria-controls': A11Y.AreaId.VPA\n }\n };\n const qrOption: SegmentedControlOption = {\n label: i18n.get('upi.mode.qrCode'),\n value: 'qrCode',\n htmlProps: {\n id: A11Y.ButtonId.QR,\n 'aria-expanded': mode === 'qrCode',\n 'aria-controls': A11Y.AreaId.QR\n }\n };\n\n const shouldShowUpiIntent = apps.length > 0;\n const positionOfQrOption = isMobile() ? 1 : 0;\n const segmentedControlOptions = new Array(2).fill(shouldShowUpiIntent ? intentOption : vpaOption);\n segmentedControlOptions[positionOfQrOption] = qrOption;\n return segmentedControlOptions;\n }, [apps, mode]);\n}\n\nexport default useUpiSegmentedControlOptions;\n"],"names":["useUpiSegmentedControlOptions","apps","mode","i18n","useCoreContext","useMemo","intentOption","label","get","value","htmlProps","id","A11Y","ButtonId","INTENT","AreaId","vpaOption","VPA","qrOption","QR","shouldShowUpiIntent","length","positionOfQrOption","isMobile","segmentedControlOptions","Array","fill"],"mappings":"uOASA,SAASA,EAA8BC,EAAkBC,GACrD,MAAMC,KAAEA,GAASC,IAEjB,OAAOC,EAAQ,KACX,MAAMC,EAAuC,CACzCC,MAAOJ,EAAKK,IAAI,wBAChBC,MAAO,SACPC,UAAW,CACPC,GAAIC,EAAKC,SAASC,OAClB,gBAA0B,WAATZ,EACjB,gBAAiBU,EAAKG,OAAOD,SAG/BE,EAAoC,CACtCT,MAAOJ,EAAKK,IAAI,uBAChBC,MAAO,MACPC,UAAW,CACPC,GAAIC,EAAKC,SAASI,IAClB,gBAA0B,QAATf,EACjB,gBAAiBU,EAAKG,OAAOE,MAG/BC,EAAmC,CACrCX,MAAOJ,EAAKK,IAAI,mBAChBC,MAAO,SACPC,UAAW,CACPC,GAAIC,EAAKC,SAASM,GAClB,gBAA0B,WAATjB,EACjB,gBAAiBU,EAAKG,OAAOI,KAI/BC,EAAsBnB,EAAKoB,OAAS,EACpCC,EAAqBC,IAAa,EAAI,EACtCC,EAA0B,IAAIC,MAAM,GAAGC,KAAKN,EAAsBd,EAAeU,GAEvF,OADAQ,EAAwBF,GAAsBJ,EACvCM,GACR,CAACvB,EAAMC,GACd"}
|