@paykka/card-checkout-ui 0.7.0 → 0.9.2

package/dist/es/_commonjsHelpers.js

@@ -0,0 +1 @@
+

package/dist/es/api/http.js

@@ -1,29 +1,33 @@
 import { apiUrl, customReqHeaders } from "../config.js";
-import "../utils/card-brand/brands.js";
-import { getBrowserInfo } from "../utils/system-info/get-browser-info.js";
+import "../core/context.js";
+import "../core.js";
+import { safeStringify } from "../utils/index.js";
 import { getFetch } from "./fetch.js";
-async function request(method, url, params, { timeout = 2e4, headers, locale } = {}) {
+import { PayKKaError, EPayKKaError } from "../core/error.js";
+import { getBrowserInfo } from "../utils/system-info/get-browser-info.js";
+const request = async (method, url, params, { timeout = 2e4, headers, locale } = {}) => {
   const abortController = new AbortController();
   const timer = setTimeout(() => {
     abortController.abort();
   }, timeout);
   try {
     const fetch = getFetch();
+    const isPost = method === "post";
     const resp = await fetch(`${apiUrl}/bk${url}`, {
+      method,
       mode: "cors",
       cache: "default",
       credentials: "same-origin",
       headers: {
         Accept: "application/json, text/plain, */*",
-        "Content-Type": method === "post" ? "application/json" : "text/plain",
+        "Content-Type": isPost ? "application/json" : "text/plain",
         "Accept-Language": locale ?? getBrowserInfo().language,
         ...customReqHeaders,
         ...headers
       },
       redirect: "follow",
       referrerPolicy: "no-referrer-when-downgrade",
-      method,
-      body: method === "post" && params ? JSON.stringify(params) : void 0,
+      body: isPost && params ? safeStringify(params) : void 0,
       signal: abortController.signal
     });
     clearTimeout(timer);
@@ -48,30 +52,24 @@ async function request(method, url, params, { timeout = 2e4, headers, locale } =
     return res.data;
   } catch (error) {
     if (error.name === "AbortError") {
-      throw new TimeoutError("timeout");
+      throw new PayKKaError(EPayKKaError.TIMEOUT);
     }
     throw error.code ? error : { i18nKey: "common.unknownError" };
   }
-}
-function get(url, params, options) {
+};
+const get = (url, params, options) => {
   return request("get", url, params, options);
-}
-function post(url, params, options) {
+};
+const post = (url, params, options) => {
   return request("post", url, params, options);
-}
+};
 const http = {
   get,
   post
 };
-class TimeoutError extends Error {
-  constructor(message) {
-    super(message);
-    this.name = "TimeoutError";
-  }
-}
-function isTimeoutError(error) {
-  return error instanceof TimeoutError;
-}
+const isTimeoutError = (error) => {
+  return error instanceof PayKKaError && error.type === EPayKKaError.TIMEOUT;
+};
 export {
   http,
   isTimeoutError

package/dist/es/api/index.js

@@ -1,3 +1,4 @@
 import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
 import "../core.js";
+import "../core/context.js";

package/dist/es/api/modules/ali-pay/index.js

@@ -1,4 +1,7 @@
 import { PaymentMethod } from "../../../constant.js";
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";
+import { deepMerge } from "../../../utils/object.js";
 import { http } from "../../http.js";
 import { getBrowserParams } from "../get-browser-params.js";
 import { payResMap } from "../map.js";
@@ -6,25 +9,30 @@ async function aliPay({
   sessionId,
   clientKey,
   bill
-}, options) {
+}, core, options) {
+  const { _getExtraParams } = core.config;
+  const extraParams = _getExtraParams == null ? void 0 : _getExtraParams("payment", PaymentMethod.ALI_PAY);
+  const params = deepMerge({
+    bill: {
+      email: bill.email,
+      country: bill.country,
+      state: bill.province,
+      city: bill.city,
+      postal_code: bill.postCode,
+      address_line1: bill.address1,
+      address_line2: bill.address2,
+      county: bill.area
+    }
+  }, extraParams || {});
   return http.post(
     "/session/payments",
     {
+      ...params,
       session_id: sessionId,
       client_key: clientKey,
       payment: {
         payment_method: PaymentMethod.ALI_PAY
       },
-      bill: {
-        email: bill.email,
-        country: bill.country,
-        state: bill.province,
-        city: bill.city,
-        postal_code: bill.postCode,
-        address_line1: bill.address1,
-        address_line2: bill.address2,
-        county: bill.area
-      },
       browser: await getBrowserParams()
     },
     options

package/dist/es/api/modules/apple-pay/index.js

@@ -1,4 +1,7 @@
 import { PaymentMethod } from "../../../constant.js";
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";
+import { deepMerge } from "../../../utils/object.js";
 import { http } from "../../http.js";
 import { payResMap } from "../map.js";
 async function getMerchantSession(options) {
@@ -10,15 +13,10 @@ async function applePay({
   token,
   bill,
   browser
-}, options) {
-  console.log("apple pay payments params", {
-    session_id: sessionId,
-    client_key: clientKey,
-    payment: {
-      payment_method: PaymentMethod.APPLE_PAY,
-      token_data: token
-    },
-    browser,
+}, core, options) {
+  const { _getExtraParams } = core.config;
+  const extraParams = _getExtraParams == null ? void 0 : _getExtraParams("payment", PaymentMethod.APPLE_PAY);
+  const params = deepMerge({
     bill: {
       first_name: bill == null ? void 0 : bill.firstName,
       middle_name: bill == null ? void 0 : bill.middleName,
@@ -34,32 +32,18 @@ async function applePay({
       phone_number: bill == null ? void 0 : bill.phoneNumber,
       descriptor: bill == null ? void 0 : bill.descriptor
     }
-  });
+  }, extraParams || {});
   return http.post(
     "/session/payments",
     {
+      ...params,
       session_id: sessionId,
       client_key: clientKey,
       payment: {
         payment_method: PaymentMethod.APPLE_PAY,
         token_data: token
       },
-      browser,
-      bill: {
-        first_name: bill == null ? void 0 : bill.firstName,
-        middle_name: bill == null ? void 0 : bill.middleName,
-        last_name: bill == null ? void 0 : bill.lastName,
-        address_line1: bill == null ? void 0 : bill.addressLine1,
-        address_line2: bill == null ? void 0 : bill.addressLine2,
-        country: bill == null ? void 0 : bill.country,
-        state: bill == null ? void 0 : bill.state,
-        city: bill == null ? void 0 : bill.city,
-        email: bill == null ? void 0 : bill.email,
-        postal_code: bill == null ? void 0 : bill.postalCode,
-        area_code: bill == null ? void 0 : bill.areaCode,
-        phone_number: bill == null ? void 0 : bill.phoneNumber,
-        descriptor: bill == null ? void 0 : bill.descriptor
-      }
+      browser
     },
     options
   ).then(payResMap);

package/dist/es/api/modules/boost/index.js

@@ -0,0 +1,56 @@
+import { PaymentMethod } from "../../../constant.js";
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";
+import { deepMerge } from "../../../utils/object.js";
+import { http } from "../../http.js";
+import { payResMap } from "../map.js";
+const boostPay = async ({
+  sessionId,
+  clientKey,
+  payment,
+  bill,
+  browser
+}, core, options) => {
+  const { _getExtraParams } = core.config;
+  const extraParams = _getExtraParams == null ? void 0 : _getExtraParams("payment", payment.paymentMethod);
+  const params = deepMerge({
+    bill: {
+      email: bill.email,
+      country: bill.country,
+      state: bill.province,
+      city: bill.city,
+      postal_code: bill.postCode,
+      address_line1: bill.address1,
+      address_line2: bill.address2,
+      county: bill.area
+    }
+  }, extraParams || {});
+  return http.post(
+    "/session/payments",
+    {
+      ...params,
+      session_id: sessionId,
+      client_key: clientKey,
+      payment: {
+        payment_method: payment.paymentMethod
+      },
+      browser
+    },
+    options
+  ).then(payResMap);
+};
+const getBoostPayInfo = async ({ sessionId, clientKey }, options) => {
+  return http.post(
+    "/session/payments/query",
+    {
+      session_id: sessionId,
+      client_key: clientKey,
+      payment_method: PaymentMethod.BOOST
+    },
+    options
+  ).then(payResMap);
+};
+export {
+  boostPay,
+  getBoostPayInfo
+};

package/dist/es/api/modules/card/index.js

@@ -1,3 +1,6 @@
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";
+import { deepMerge } from "../../../utils/object.js";
 import { http } from "../../http.js";
 import { payResMap } from "../map.js";
 async function cardPay({
@@ -6,10 +9,23 @@ async function cardPay({
   payment,
   bill,
   browser
-}, options) {
+}, extraParams, options) {
+  const params = deepMerge({
+    bill: {
+      email: bill.email,
+      country: bill.country,
+      state: bill.province,
+      city: bill.city,
+      postal_code: bill.postCode,
+      address_line1: bill.address1,
+      address_line2: bill.address2,
+      county: bill.area
+    }
+  }, extraParams || {});
   return http.post(
     "/session/payments",
     {
+      ...params,
       session_id: sessionId,
       client_key: clientKey,
       payment: {
@@ -23,16 +39,6 @@ async function cardPay({
         token_usage: payment.tokenUsage,
         token: payment.token
       },
-      bill: {
-        email: bill.email,
-        country: bill.country,
-        state: bill.province,
-        city: bill.city,
-        postal_code: bill.postCode,
-        address_line1: bill.address1,
-        address_line2: bill.address2,
-        county: bill.area
-      },
       browser
     },
     options

package/dist/es/api/modules/checkout/index.js

@@ -1,7 +1,7 @@
 import { http } from "../../http.js";
 import { getBrowserParams } from "../get-browser-params.js";
 import { checkoutMap } from "./map.js";
-async function queryCheckout({ sessionId, clientKey }, options) {
+const queryCheckout = async ({ sessionId, clientKey }, options) => {
   return http.post(
     "/session/info",
     {
@@ -11,19 +11,19 @@ async function queryCheckout({ sessionId, clientKey }, options) {
     },
     options
   );
-}
-async function getCheckoutInfo({ sessionId, clientKey }, options) {
+};
+const getCheckoutInfo = async ({ sessionId, clientKey }, options) => {
   const checkoutInfo = await queryCheckout({ sessionId, clientKey }, options);
   return checkoutMap({ ...checkoutInfo, ...checkoutInfo == null ? void 0 : checkoutInfo.support_methods });
-}
+};
 let getCheckoutInfoIns;
-async function onceGetCheckoutInfo({ sessionId, clientKey }, options) {
+const onceGetCheckoutInfo = async ({ sessionId, clientKey }, options) => {
   if (!getCheckoutInfoIns) {
     return getCheckoutInfoIns = getCheckoutInfo({ sessionId, clientKey }, options);
   } else {
     return getCheckoutInfoIns;
   }
-}
+};
 export {
   onceGetCheckoutInfo
 };

package/dist/es/api/modules/checkout/map.js

@@ -20,6 +20,22 @@ function formatPaymentMethodInfo(paymentMethods = []) {
         environment: configuration == null ? void 0 : configuration.environment,
         googlePayMerchantId: configuration == null ? void 0 : configuration.merchant_id
       };
+    } else if (value === PaymentMethod.WECHAT_PAY) {
+      channelParams.wechatPay = {
+        neededToCompute: configuration == null ? void 0 : configuration.needed_to_compute,
+        fee: amountMap(configuration == null ? void 0 : configuration.fee),
+        totalAmount: amountMap(configuration == null ? void 0 : configuration.total_amount),
+        percentageFee: configuration == null ? void 0 : configuration.percentage_fee,
+        transactionFee: configuration == null ? void 0 : configuration.transaction_fee
+      };
+    } else if (value === PaymentMethod.ALI_PAY) {
+      channelParams.aliPay = {
+        neededToCompute: configuration == null ? void 0 : configuration.needed_to_compute,
+        fee: amountMap(configuration == null ? void 0 : configuration.fee),
+        totalAmount: amountMap(configuration == null ? void 0 : configuration.total_amount),
+        percentageFee: configuration == null ? void 0 : configuration.percentage_fee,
+        transactionFee: configuration == null ? void 0 : configuration.transaction_fee
+      };
     }
     if (value === PaymentMethod.BANKCARD) {
       paymentMethod.push(...configuration.allowed_card_networks || []);
@@ -32,6 +48,15 @@ function formatPaymentMethodInfo(paymentMethods = []) {
     channelParams
   };
 }
+function formatAmountBreakdown(info = {}) {
+  return {
+    goodsTax: amountMap(info.goods_tax),
+    shippingAmount: amountMap(info.shipping_amount),
+    shippingTax: amountMap(info.shipping_tax),
+    discount: amountMap(info.discount),
+    other: amountMap(info.other)
+  };
+}
 function checkoutMap(res = {}) {
   var _a, _b, _c;
   const { theme, bill, payment_methods, field } = res;
@@ -47,6 +72,7 @@ function checkoutMap(res = {}) {
     sessionMode,
     merchantName: (_a = res.theme) == null ? void 0 : _a.merchant_name,
     returnUrl: res.return_url,
+    cancelUrl: res.cancel_url,
     locale: res.locale,
     paymentType: res.payment_type,
     goods: res.goods ? res.goods : [],
@@ -79,13 +105,15 @@ function checkoutMap(res = {}) {
       },
       email: {
         show: !!(field == null ? void 0 : field.bill_email_display),
-        required: !!(field == null ? void 0 : field.bill_email_required)
+        required: !!(field == null ? void 0 : field.bill_email_required),
+        disabled: !!(field == null ? void 0 : field.bill_email_disabled)
       },
       address: {
         show: !!(field == null ? void 0 : field.bill_address_display),
         required: !!(field == null ? void 0 : field.bill_address_required)
       }
     },
+    amountBreakdown: formatAmountBreakdown(res.amount_breakdown),
     ...paymentMethodsInfo
   };
 }

package/dist/es/api/modules/gcash/index.js

@@ -0,0 +1,56 @@
+import { PaymentMethod } from "../../../constant.js";
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";
+import { deepMerge } from "../../../utils/object.js";
+import { http } from "../../http.js";
+import { payResMap } from "../map.js";
+const gcashPay = async ({
+  sessionId,
+  clientKey,
+  payment,
+  bill,
+  browser
+}, core, options) => {
+  const { _getExtraParams } = core.config;
+  const extraParams = _getExtraParams == null ? void 0 : _getExtraParams("payment", payment.paymentMethod);
+  const params = deepMerge({
+    bill: {
+      email: bill.email,
+      country: bill.country,
+      state: bill.province,
+      city: bill.city,
+      postal_code: bill.postCode,
+      address_line1: bill.address1,
+      address_line2: bill.address2,
+      county: bill.area
+    }
+  }, extraParams || {});
+  return http.post(
+    "/session/payments",
+    {
+      ...params,
+      session_id: sessionId,
+      client_key: clientKey,
+      payment: {
+        payment_method: payment.paymentMethod
+      },
+      browser
+    },
+    options
+  ).then(payResMap);
+};
+const getGcashPayInfo = async ({ sessionId, clientKey }, options) => {
+  return http.post(
+    "/session/payments/query",
+    {
+      session_id: sessionId,
+      client_key: clientKey,
+      payment_method: PaymentMethod.GCASH
+    },
+    options
+  ).then(payResMap);
+};
+export {
+  gcashPay,
+  getGcashPayInfo
+};

package/dist/es/api/modules/get-browser-params.js

@@ -1,7 +1,7 @@
 import "../../utils/card-brand/brands.js";
 import { getBrowser } from "../../utils/system-info/index.js";
 import { isUaWebview } from "../../utils/system-info/is-ua-webview.js";
-async function getBrowserParams(params = {}) {
+const getBrowserParams = async (params = {}) => {
   const { fraudDetectionId } = params;
   const browser = await getBrowser();
   let terminalType = "WEB";
@@ -32,7 +32,7 @@ async function getBrowserParams(params = {}) {
     terminal_type: terminalType,
     fraud_detection_id: fraudDetectionId
   };
-}
+};
 export {
   getBrowserParams
 };

package/dist/es/api/modules/google-pay/index.js

@@ -1,4 +1,7 @@
 import { PaymentMethod } from "../../../constant.js";
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";
+import { deepMerge } from "../../../utils/object.js";
 import { http } from "../../http.js";
 import { payResMap } from "../map.js";
 async function googlePay({
@@ -7,15 +10,10 @@ async function googlePay({
   token,
   bill,
   browser
-}, options) {
-  console.log("google pay payments params", {
-    session_id: sessionId,
-    client_key: clientKey,
-    payment: {
-      payment_method: PaymentMethod.GOOGLE_PAY,
-      token_data: token
-    },
-    browser,
+}, core, options) {
+  const { _getExtraParams } = core.config;
+  const extraParams = _getExtraParams == null ? void 0 : _getExtraParams("payment", PaymentMethod.GOOGLE_PAY);
+  const params = deepMerge({
     bill: {
       first_name: bill == null ? void 0 : bill.firstName,
       middle_name: bill == null ? void 0 : bill.middleName,
@@ -31,32 +29,18 @@ async function googlePay({
       phone_number: bill == null ? void 0 : bill.phoneNumber,
       descriptor: bill == null ? void 0 : bill.descriptor
     }
-  });
+  }, extraParams || {});
   return http.post(
     "/session/payments",
     {
+      ...params,
       session_id: sessionId,
       client_key: clientKey,
       payment: {
         payment_method: PaymentMethod.GOOGLE_PAY,
         token_data: token
       },
-      browser,
-      bill: {
-        first_name: bill == null ? void 0 : bill.firstName,
-        middle_name: bill == null ? void 0 : bill.middleName,
-        last_name: bill == null ? void 0 : bill.lastName,
-        address_line1: bill == null ? void 0 : bill.addressLine1,
-        address_line2: bill == null ? void 0 : bill.addressLine2,
-        country: bill == null ? void 0 : bill.country,
-        state: bill == null ? void 0 : bill.state,
-        city: bill == null ? void 0 : bill.city,
-        email: bill == null ? void 0 : bill.email,
-        postal_code: bill == null ? void 0 : bill.postalCode,
-        area_code: bill == null ? void 0 : bill.areaCode,
-        phone_number: bill == null ? void 0 : bill.phoneNumber,
-        descriptor: bill == null ? void 0 : bill.descriptor
-      }
+      browser
     },
     options
   ).then(payResMap);

package/dist/es/api/modules/grab-pay/index.js

@@ -0,0 +1,56 @@
+import { PaymentMethod } from "../../../constant.js";
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";
+import { deepMerge } from "../../../utils/object.js";
+import { http } from "../../http.js";
+import { payResMap } from "../map.js";
+const grabPay = async ({
+  sessionId,
+  clientKey,
+  payment,
+  bill,
+  browser
+}, core, options) => {
+  const { _getExtraParams } = core.config;
+  const extraParams = _getExtraParams == null ? void 0 : _getExtraParams("payment", payment.paymentMethod);
+  const params = deepMerge({
+    bill: {
+      email: bill.email,
+      country: bill.country,
+      state: bill.province,
+      city: bill.city,
+      postal_code: bill.postCode,
+      address_line1: bill.address1,
+      address_line2: bill.address2,
+      county: bill.area
+    }
+  }, extraParams || {});
+  return http.post(
+    "/session/payments",
+    {
+      ...params,
+      session_id: sessionId,
+      client_key: clientKey,
+      payment: {
+        payment_method: payment.paymentMethod
+      },
+      browser
+    },
+    options
+  ).then(payResMap);
+};
+const getGrabPayInfo = async ({ sessionId, clientKey }, options) => {
+  return http.post(
+    "/session/payments/query",
+    {
+      session_id: sessionId,
+      client_key: clientKey,
+      payment_method: PaymentMethod.GRAB_PAY
+    },
+    options
+  ).then(payResMap);
+};
+export {
+  getGrabPayInfo,
+  grabPay
+};

package/dist/es/api/modules/index.js

@@ -1,3 +1,4 @@
 import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import "../../core.js";
+import "../../core/context.js";

package/dist/es/api/modules/line-pay/index.js

@@ -0,0 +1,56 @@
+import { PaymentMethod } from "../../../constant.js";
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";
+import { deepMerge } from "../../../utils/object.js";
+import { http } from "../../http.js";
+import { payResMap } from "../map.js";
+const linePay = async ({
+  sessionId,
+  clientKey,
+  payment,
+  bill,
+  browser
+}, core, options) => {
+  const { _getExtraParams } = core.config;
+  const extraParams = _getExtraParams == null ? void 0 : _getExtraParams("payment", payment.paymentMethod);
+  const params = deepMerge({
+    bill: {
+      email: bill.email,
+      country: bill.country,
+      state: bill.province,
+      city: bill.city,
+      postal_code: bill.postCode,
+      address_line1: bill.address1,
+      address_line2: bill.address2,
+      county: bill.area
+    }
+  }, extraParams || {});
+  return http.post(
+    "/session/payments",
+    {
+      ...params,
+      session_id: sessionId,
+      client_key: clientKey,
+      payment: {
+        payment_method: payment.paymentMethod
+      },
+      browser
+    },
+    options
+  ).then(payResMap);
+};
+const getLinePayInfo = async ({ sessionId, clientKey }, options) => {
+  return http.post(
+    "/session/payments/query",
+    {
+      session_id: sessionId,
+      client_key: clientKey,
+      payment_method: PaymentMethod.LINE_PAY
+    },
+    options
+  ).then(payResMap);
+};
+export {
+  getLinePayInfo,
+  linePay
+};