update axo loader library (#2350)

* update axo loader library * use loader.esm
paypal · Mar 1, 2024 · bcdf9c3 · bcdf9c3
1 parent cb3d943
commit bcdf9c3
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 12 deletions.
diff --git 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
@@ -1,5 +1,5 @@
 /* @flow */
-import { loadAxo } from "@paypal/connect-loader-component";
+import { loadAxo } from "@paypal/accelerated-checkout-loader/dist/loader.esm";
 import { stringifyError } from "@krakenjs/belter/src";
 import {
   getClientID,

diff --git a/src/connect/component.test.js b/src/connect/component.test.js
@@ -1,7 +1,8 @@
 /* @flow */
 
 import { getUserIDToken, getSDKToken } from "@paypal/sdk-client/src";
-import { loadAxo } from "@paypal/connect-loader-component";
+// eslint-disable-next-line import/no-namespace
+import * as axo from "@paypal/accelerated-checkout-loader/dist/loader.esm";
 import { describe, expect, test, vi } from "vitest";
 
 import {
@@ -30,12 +31,6 @@ 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" };
@@ -48,7 +43,7 @@ describe("getConnectComponent: returns ConnectComponent", () => {
       },
     };
 
-    loadAxo.mockResolvedValue({ metadata: mockAxoMetadata });
+    vi.spyOn(axo, "loadAxo").mockResolvedValue({ metadata: mockAxoMetadata });
   });
 
   test("uses user id token if no sdk token is present", async () => {
@@ -97,7 +92,7 @@ describe("getConnectComponent: returns ConnectComponent", () => {
 
   test("loadAxo failure is handled", async () => {
     const errorMessage = "Something went wrong";
-    loadAxo.mockRejectedValue(errorMessage);
+    axo.loadAxo.mockRejectedValue(errorMessage);
 
     await expect(() => getConnectComponent(mockProps)).rejects.toThrow(
       errorMessage
@@ -115,7 +110,7 @@ describe("getConnectComponent: returns ConnectComponent", () => {
 
   test("minified is set according to debug value", async () => {
     await getConnectComponent(mockProps);
-    expect(loadAxo).toHaveBeenCalledWith({
+    expect(axo.loadAxo).toHaveBeenCalledWith({
       minified: true,
       btSdkVersion: "3.97.3-connect-alpha.6.1",
       metadata: undefined,