@paypal/checkout-components 5.0.422-alpha-04293bf.0 → 5.0.422
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/dist/button.js +1 -1
- package/dist/saved-payment-methods.js +1 -1
- package/dist/test/button.js +1 -1
- package/package.json +2 -2
- package/src/constants/button.js +9 -0
- package/src/funding/paylater/config.jsx +0 -7
- package/src/ui/buttons/props.js +2 -0
- package/src/ui/buttons/styles/styleUtils.js +0 -2
- package/src/ui/buttons/styles/styleUtils.test.js +602 -190
- package/src/ui/saved-payment-methods/template.jsx +25 -0
- package/src/zoid/buttons/component.jsx +8 -1
- package/src/ui/buttons/styles/styleUtils.test.constants.js +0 -731
|
@@ -224,6 +224,31 @@ export function SavedPaymentMethods(
|
|
|
224
224
|
gap: 8px;
|
|
225
225
|
min-width: 124px;
|
|
226
226
|
max-width: 100%;
|
|
227
|
+
position: relative;
|
|
228
|
+
overflow: hidden;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.spm-tag-loading::after {
|
|
232
|
+
content: "";
|
|
233
|
+
display: block;
|
|
234
|
+
background-color: #dddfe2;
|
|
235
|
+
position: absolute;
|
|
236
|
+
top: 0;
|
|
237
|
+
bottom: 0;
|
|
238
|
+
width: 100%;
|
|
239
|
+
height: 100%;
|
|
240
|
+
transform: translateX(0);
|
|
241
|
+
box-shadow: 0px 0px 107px 60px #dddfe2;
|
|
242
|
+
animation: 1.5s loading-placeholder ease-in-out infinite;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
@keyframes loading-placeholder {
|
|
246
|
+
0% {
|
|
247
|
+
transform: translateX(-150%);
|
|
248
|
+
}
|
|
249
|
+
100% {
|
|
250
|
+
transform: translateX(150%);
|
|
251
|
+
}
|
|
227
252
|
}
|
|
228
253
|
|
|
229
254
|
.spm-tag-loading.spm-tag-loading--hidden {
|
|
@@ -94,7 +94,7 @@ import {
|
|
|
94
94
|
isSupportedNativeVenmoBrowser,
|
|
95
95
|
} from "../../funding/util";
|
|
96
96
|
import { getPixelComponent } from "../pixel";
|
|
97
|
-
import { CLASS } from "../../constants";
|
|
97
|
+
import { CLASS, BROWSER_CONTEXT } from "../../constants";
|
|
98
98
|
import { PayPalAppSwitchOverlay } from "../../ui/overlay/paypal-app-switch/overlay";
|
|
99
99
|
|
|
100
100
|
import { containerTemplate } from "./container";
|
|
@@ -338,6 +338,13 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
|
|
|
338
338
|
required: false,
|
|
339
339
|
},
|
|
340
340
|
|
|
341
|
+
browserContext: {
|
|
342
|
+
type: "string",
|
|
343
|
+
queryParam: "browser_context",
|
|
344
|
+
required: false,
|
|
345
|
+
value: ({ props }) => props.browserContext || BROWSER_CONTEXT.UNKNOWN,
|
|
346
|
+
},
|
|
347
|
+
|
|
341
348
|
preferences: {
|
|
342
349
|
type: "object",
|
|
343
350
|
queryParam: true,
|