Merge pull request #22 from mediaopt/add-payment-source-to-create-order

added payment source to create order call

package.json

@@ -1,6 +1,6 @@
 {
   "name": "paypal-commercetools-client",
-  "version": "0.0.46",
+  "version": "0.0.47",
   "private": false,
   "type": "module",
   "license": "MIT",

src/app/usePayment.tsx

@@ -16,6 +16,7 @@ import {
   ClientTokenResponse,
   CustomOnApproveData,
   OnApproveResponse,
+  CreateOrderData,
 } from "../types";
 import { createPayment, createOrder, onApprove } from "../services";
 
@@ -42,7 +43,7 @@ type PaymentContextT = {
   requestHeader: RequestHeader;
   handleCreatePayment: () => void;
   clientToken: string;
-  handleCreateOrder: () => Promise<string>;
+  handleCreateOrder: (orderData?: CreateOrderData) => Promise<string>;
   handleOnApprove: (data: CustomOnApproveData) => Promise<void>;
 };
 
@@ -52,7 +53,7 @@ const PaymentContext = createContext<PaymentContextT>({
   requestHeader: {},
   handleCreatePayment: () => {},
   clientToken: "",
-  handleCreateOrder: () => Promise.resolve(""),
+  handleCreateOrder: (orderData?: CreateOrderData) => Promise.resolve(""),
   handleOnApprove: () => Promise.resolve(),
 });
 
@@ -101,14 +102,15 @@ export const PaymentProvider: FC<
       setResultMessage("Test success successful");
     };
 
-    const handleCreateOrder = async () => {
+    const handleCreateOrder = async (orderData?: CreateOrderData) => {
       if (!createOrderUrl) return "";
 
       const createOrderResult = await createOrder(
         requestHeader,
         createOrderUrl,
         paymentInfo.id,
-        paymentInfo.version
+        paymentInfo.version,
+        orderData
       );
 
       if (createOrderResult) {

src/services/createOrder.ts

@@ -4,18 +4,21 @@ import {
   RequestHeader,
   CreateOrderRequest,
   CreateOrderResponse,
+  CreateOrderData,
 } from "../types";
 
 export const createOrder = async (
   requestHeader: RequestHeader,
   url: string,
   paymentId: string,
-  paymentVersion: number
+  paymentVersion: number,
+  orderData?: CreateOrderData
 ) => {
   try {
     const data: CreateOrderRequest = {
       paymentId,
       paymentVersion,
+      orderData,
     };
 
     return await makeRequest<CreateOrderResponse, CreateOrderRequest>(

src/types/index.ts

@@ -3,10 +3,16 @@ import {
   ReactPayPalScriptOptions,
   PayPalMessagesComponentProps,
 } from "@paypal/react-paypal-js";
+import { FUNDING_SOURCE } from "@paypal/paypal-js/types/components/funding-eligibility";
 
 export type CreateOrderRequest = {
   paymentId: string;
   paymentVersion: number;
+  orderData?: CreateOrderData;
+};
+
+export type CreateOrderData = {
+  paymentSource: FUNDING_SOURCE;
 };
 
 export type CreateOrderResponse = {