@paypal/checkout-components 5.0.293 → 5.0.294

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paypal/checkout-components",
-  "version": "5.0.293",
+  "version": "5.0.294",
   "description": "PayPal Checkout components, for integrating checkout products.",
   "main": "index.js",
   "scripts": {

package/src/api/shopper-insights/component.js

@@ -125,10 +125,9 @@ export function getShopperInsightsComponent(): ShopperInsightsComponent {
     [FPTI_KEY.EVENT_NAME]: FPTI_TRANSITION.SHOPPER_INSIGHTS_API_INIT,
   });
 
-  validateMerchantConfig({ sdkToken, pageType, userIDToken, clientToken });
-
   const shopperInsights = {
     getRecommendedPaymentMethods: (merchantPayload) => {
+      validateMerchantConfig({ sdkToken, pageType, userIDToken, clientToken });
       validateMerchantPayload(merchantPayload);
 
       const requestPayload =

package/src/api/shopper-insights/component.test.js

@@ -1,9 +1,11 @@
 /* @flow */
 import { ZalgoPromise } from "@krakenjs/zalgo-promise/src";
-import { getEnv, getBuyerCountry } from "@paypal/sdk-client/src";
+import { getEnv, getBuyerCountry, getSDKToken } from "@paypal/sdk-client/src";
 import { vi, describe, expect } from "vitest";
 import { request } from "@krakenjs/belter/src";
 
+import { ValidationError } from "../../lib";
+
 import { getShopperInsightsComponent } from "./component";
 
 vi.mock("@paypal/sdk-client/src", () => {
@@ -348,4 +350,27 @@ describe("shopper insights component - getRecommendedPaymentMethods()", () => {
       })
     );
   });
+
+  test("ensure sdk-token is passed when using the getRecommendedPaymentMethods", async () => {
+    // $FlowFixMe
+    getSDKToken.mockImplementationOnce(() => undefined);
+    // $FlowFixMe
+    const shopperInsightsComponent = getShopperInsightsComponent();
+    const error = new ValidationError(
+      `script data attribute sdk-client-token is required but was not passed`
+    );
+    await expect(
+      async () =>
+        await shopperInsightsComponent.getRecommendedPaymentMethods({
+          customer: {
+            email: "email@test.com",
+            phone: {
+              countryCode: "1",
+              nationalNumber: "2345678905",
+            },
+          },
+        })
+    ).rejects.toThrowError(error);
+    expect.assertions(1);
+  });
 });

package/src/connect/component.jsx

@@ -51,7 +51,7 @@ export function getSdkVersion(version: string | null): string {
 // $FlowFixMe
 export const getConnectComponent = async (merchantProps = {}) => {
   const cmid = getClientMetadataID() || getSessionID();
-  const clientID = getClientID();
+  const clientId = getClientID();
   const userIdToken = getUserIDToken();
   const env = getEnv();
   const cspNonce = getCSPNonce();
@@ -108,7 +108,7 @@ export const getConnectComponent = async (merchantProps = {}) => {
       platformOptions: {
         platform: "PPCP",
         userIdToken,
-        clientID,
+        clientId,
         fraudnet: collect,
         clientMetadataId: cmid,
         env,