@paypal/checkout-components 5.0.422-alpha-564fa49.0 → 5.0.422

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paypal/checkout-components",
-  "version": "5.0.422-alpha-564fa49.0",
+  "version": "5.0.422",
   "description": "PayPal Checkout components, for integrating checkout products.",
   "main": "index.js",
   "scripts": {
@@ -117,7 +117,7 @@
     "@krakenjs/jsx-pragmatic": "^3",
     "@krakenjs/post-robot": "^11.0.0",
     "@krakenjs/zalgo-promise": "^2.0.0",
-    "@krakenjs/zoid": "^10.3.1",
+    "@krakenjs/zoid": "^10.5.3",
     "@paypal/fastlane-sdk-loader": "^1.2.1",
     "@paypal/common-components": "^1.0.35",
     "@paypal/funding-components": "^1.0.31",

package/src/ui/buttons/props.js

@@ -662,7 +662,6 @@ export type ButtonProps = {|
   hideSubmitButtonForCardForm?: boolean,
   userAgent: string,
   browserContext?: string,
-  merchantDomain?: string,
   buttonColor: ButtonColor,
 |};
 

package/src/ui/saved-payment-methods/template.jsx

@@ -224,6 +224,31 @@ export function SavedPaymentMethods(
               gap: 8px;
               min-width: 124px;
               max-width: 100%;
+              position: relative;
+              overflow: hidden;
+            }
+
+            .spm-tag-loading::after {
+              content: "";
+              display: block;
+              background-color: #dddfe2;
+              position: absolute;
+              top: 0;
+              bottom: 0;
+              width: 100%;
+              height: 100%;
+              transform: translateX(0);
+              box-shadow: 0px 0px 107px 60px #dddfe2;
+              animation: 1.5s loading-placeholder ease-in-out infinite;
+            }
+
+            @keyframes loading-placeholder {
+              0% {
+                transform: translateX(-150%);
+              }
+              100% {
+                transform: translateX(150%);
+              }
             }
 
             .spm-tag-loading.spm-tag-loading--hidden {

package/src/zoid/buttons/component.jsx

@@ -109,7 +109,6 @@ import {
   getModal,
   sendPostRobotMessageToButtonIframe,
   isEagerOrderCreationEnabled,
-  resolveMerchantDomain,
 } from "./util";
 
 export type ButtonsComponent = ZoidComponent<
@@ -889,13 +888,6 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
         queryParam: true,
       },
 
-      merchantDomain: {
-        type: "string",
-        required: false,
-        sendToChild: true,
-        value: ({ props }) => resolveMerchantDomain(props.merchantDomain),
-      },
-
       intent: {
         type: "string",
         queryParam: true,

package/src/zoid/buttons/util.js

@@ -27,7 +27,6 @@ import {
   getFundingEligibility,
   getSDKToken,
   getIntent,
-  isPayPalDomain,
 } from "@paypal/sdk-client/src";
 import { FUNDING, FPTI_KEY, INTENT } from "@paypal/sdk-constants/src";
 import { getRefinedFundingEligibility } from "@paypal/funding-components/src";
@@ -427,14 +426,3 @@ export const isEagerOrderCreationEnabled = (
       experiment.spbEagerOrderCreation
   );
 };
-
-// merchantDomain is only accepted on PayPal-hosted flows (e.g. NCPS).
-// There the page origin resolves to a PayPal Domain, so the hosting service must supply
-// the true merchant origin. On merchant-hosted pages browser origin is alreadyy the merchant's,
-// so an explictly passed value is rejected
-export function resolveMerchantDomain(merchantDomain: ?string): ?string {
-  if (merchantDomain && !isPayPalDomain()) {
-    throw new Error("merchantDomain can only be passed on PayPal-hosted flows");
-  }
-  return merchantDomain || undefined;
-}

package/src/zoid/buttons/util.test.js

@@ -1,40 +0,0 @@
-/* @flow */
-
-import { describe, expect, it, vi } from "vitest";
-import { isPayPalDomain } from "@paypal/sdk-client/src";
-
-import { resolveMerchantDomain } from "./util";
-
-vi.mock("@paypal/sdk-client/src", () => ({
-  isPayPalDomain: vi.fn(),
-}));
-
-describe("resolveMerchantDomain", () => {
-  it("returns the merchantDomain on a PayPal-hosted page", () => {
-    vi.mocked(isPayPalDomain).mockReturnValue(true);
-
-    expect(resolveMerchantDomain("https://merchant.example.com")).toBe(
-      "https://merchant.example.com"
-    );
-  });
-
-  it("returns undefined on a PayPal-hosted page when no merchantDomain is provided", () => {
-    vi.mocked(isPayPalDomain).mockReturnValue(true);
-
-    expect(resolveMerchantDomain()).toBeUndefined();
-  });
-
-  it("returns undefined on a merchant-hosted page when no merchantDomain is provided", () => {
-    vi.mocked(isPayPalDomain).mockReturnValue(false);
-
-    expect(resolveMerchantDomain()).toBeUndefined();
-  });
-
-  it("throws when a merchantDomain is passed on a non-PayPal (merchant-hosted) page", () => {
-    vi.mocked(isPayPalDomain).mockReturnValue(false);
-
-    expect(() => resolveMerchantDomain("https://merchant.example.com")).toThrow(
-      "merchantDomain can only be passed on PayPal-hosted flows"
-    );
-  });
-});