diff --git a/package.json b/package.json index 1ea6b5794..9c394b0bc 100644 --- a/package.json +++ b/package.json @@ -110,8 +110,8 @@ "@krakenjs/post-robot": "^11.0.0", "@krakenjs/zalgo-promise": "^2.0.0", "@krakenjs/zoid": "^10.3.1", - "@paypal/accelerated-checkout-loader": "^1.0.0", "@paypal/common-components": "^1.0.35", + "@paypal/connect-loader-component": "1.1.1", "@paypal/funding-components": "^1.0.31", "@paypal/sdk-client": "^4.0.181", "@paypal/sdk-constants": "^1.0.141", diff --git a/src/connect/component.jsx b/src/connect/component.jsx index 98cd38d5a..8370249a1 100644 --- a/src/connect/component.jsx +++ b/src/connect/component.jsx @@ -1,5 +1,5 @@ /* @flow */ -import { loadAxo } from "@paypal/accelerated-checkout-loader/dist/loader.esm"; +import { loadAxo } from "@paypal/connect-loader-component"; import { stringifyError } from "@krakenjs/belter/src"; import { getClientID, diff --git a/src/connect/component.test.js b/src/connect/component.test.js index e7ce079b8..d7e0e71c6 100644 --- a/src/connect/component.test.js +++ b/src/connect/component.test.js @@ -1,8 +1,7 @@ /* @flow */ import { getUserIDToken, getSDKToken } from "@paypal/sdk-client/src"; -// eslint-disable-next-line import/no-namespace -import * as axo from "@paypal/accelerated-checkout-loader/dist/loader.esm"; +import { loadAxo } from "@paypal/connect-loader-component"; import { describe, expect, test, vi } from "vitest"; import { @@ -31,6 +30,12 @@ vi.mock("@paypal/sdk-client/src", () => { }; }); +vi.mock("@paypal/connect-loader-component", () => { + return { + loadAxo: vi.fn(), + }; +}); + describe("getConnectComponent: returns ConnectComponent", () => { const mockAxoMetadata = { someData: "data" }; const mockProps = { someProp: "value" }; @@ -43,7 +48,7 @@ describe("getConnectComponent: returns ConnectComponent", () => { }, }; - vi.spyOn(axo, "loadAxo").mockResolvedValue({ metadata: mockAxoMetadata }); + loadAxo.mockResolvedValue({ metadata: mockAxoMetadata }); }); test("uses user id token if no sdk token is present", async () => { @@ -92,7 +97,7 @@ describe("getConnectComponent: returns ConnectComponent", () => { test("loadAxo failure is handled", async () => { const errorMessage = "Something went wrong"; - axo.loadAxo.mockRejectedValue(errorMessage); + loadAxo.mockRejectedValue(errorMessage); await expect(() => getConnectComponent(mockProps)).rejects.toThrow( errorMessage @@ -110,7 +115,7 @@ describe("getConnectComponent: returns ConnectComponent", () => { test("minified is set according to debug value", async () => { await getConnectComponent(mockProps); - expect(axo.loadAxo).toHaveBeenCalledWith({ + expect(loadAxo).toHaveBeenCalledWith({ minified: true, btSdkVersion: "3.97.3-connect-alpha.6.1", metadata: undefined,