Set data-js-sdk-library default value

.changeset/brown-elephants-behave.md

@@ -0,0 +1,5 @@
+---
+"@paypal/paypal-js": patch
+---
+
+Set default data-js-sdk-library value

packages/paypal-js/e2e-tests/load-cached-script.html

@@ -13,6 +13,7 @@ <h1>Load Cached Script</h1>
             const options = {
                 clientId: "test",
                 dataPageType: "checkout",
+                dataJsSdkLibrary: "paypal-js",
             };
 
             // initial load and render

packages/paypal-js/src/load-script.test.ts

@@ -123,6 +123,20 @@ describe("loadCustomScript()", () => {
         );
     });
 
+    test("should set data-js-sdk-library to paypal-js when undefined", async () => {
+        const options = {
+            url: "https://www.example.com/index.js",
+            attributes: {},
+        };
+
+        await loadCustomScript(options);
+        expect(mockedInsertScriptElement).toHaveBeenCalledWith(
+            expect.objectContaining({
+                attributes: { "data-js-sdk-library": "paypal-js" },
+            })
+        );
+    });
+
     test("should throw an error from invalid arguments", () => {
         // @ts-expect-error ignore invalid arguments error
         expect(() => loadCustomScript()).toThrow("Expected an options object.");

packages/paypal-js/src/load-script.ts

@@ -64,6 +64,10 @@ export function loadCustomScript(
 
     const { url, attributes } = options;
 
+    if (attributes && !attributes["data-js-sdk-library"]) {
+        attributes["data-js-sdk-library"] = "paypal-js";
+    }
+
     if (typeof url !== "string" || url.length === 0) {
         throw new Error("Invalid url.");
     }