@paykka/card-checkout-ui 0.6.0 → 0.8.0

package/dist/es/i18n/locales/en-GB.js

@@ -1,4 +1,7 @@
 const enGB = {
+  // Drop In
+  "dropIn.card.label": "Bank card",
+  "dropIn.otherPaymentMethod": "Other payment method",
   // card number
   "card.cardNumber.label": "Card number",
   "card.cardNumber.incomplete": "Your card number is incomplete",
@@ -21,6 +24,8 @@ const enGB = {
   "card.cardSelector.change": "Change",
   "card.cardSelector.useOtherCard": "Use other card",
   "card.storeInfo": "Save my card info. for future use",
+  // card info
+  "card.info.label": "Card Information",
   // common
   "common.pay": "Buy now",
   "common.payProcessing": "Processing...",
@@ -33,6 +38,8 @@ const enGB = {
   "common.noData": "No data",
   "common.netError": "Network Error",
   "common.unknownError": "Unknown Error",
+  "common.cancel": "Cancel",
+  "common.confirm": "Confirm",
   // common email
   "common.email.label": "Email",
   "common.email.incomplete": "Please enter your email",
@@ -53,7 +60,13 @@ const enGB = {
   // sepa
   "sepa.iban.label": "IBAN",
   "sepa.iban.placeholder": "DE00 0000 0000 0000 0000 00",
-  "sepa.iban.invalid": "Your entered IBAN is invalid"
+  "sepa.iban.invalid": "Your entered IBAN is invalid",
+  // threeDS
+  "threeDS.paymentIncomplete": "Your last payment is incomplete, ",
+  "threeDS.completeFirst": "please complete the processing first.",
+  "threeDS.authenticationSuccessful": "Authentication successful,",
+  "threeDS.authenticationFailed": "Authentication failed,",
+  "threeDS.returnToCheckout": "returning shortly."
 };
 export {
   enGB as default

package/dist/es/i18n/locales/es-ES.js

@@ -1,4 +1,7 @@
 const esES = {
+  // Drop In
+  "dropIn.card.label": "Tarjeta bancaria",
+  "dropIn.otherPaymentMethod": "Otro método de pago",
   // card number
   "card.cardNumber.label": "Número de tarjeta",
   "card.cardNumber.incomplete": "Tu número de tarjeta está incompleto",
@@ -21,6 +24,8 @@ const esES = {
   "card.cardSelector.change": "Cambiar",
   "card.cardSelector.useOtherCard": "Usar otra tarjeta",
   "card.storeInfo": "Guardar la información de mi tarjeta para futuros usos",
+  // card info
+  "card.info.label": "Información de la tarjeta",
   // common
   "common.pay": "Comprar ahora",
   "common.payProcessing": "Procesando...",
@@ -33,6 +38,8 @@ const esES = {
   "common.noData": "Sin datos",
   "common.netError": "Error de Red",
   "common.unknownError": "Error Desconocido",
+  "common.cancel": "Cancelar",
+  "common.confirm": "Confirmar",
   // common email
   "common.email.label": "Correo electrónico",
   "common.email.incomplete": "Por favor ingresa tu correo electrónico",
@@ -53,7 +60,13 @@ const esES = {
   // sepa
   "sepa.iban.label": "IBAN",
   "sepa.iban.placeholder": "DE00 0000 0000 0000 0000 00",
-  "sepa.iban.invalid": "El IBAN que ingresaste no es válido"
+  "sepa.iban.invalid": "El IBAN que ingresaste no es válido",
+  // threeDS
+  "threeDS.paymentIncomplete": "Tu último pago está incompleto, ",
+  "threeDS.completeFirst": "por favor completa el proceso primero.",
+  "threeDS.authenticationSuccessful": "Autenticación exitosa,",
+  "threeDS.authenticationFailed": "Autenticación fallida,",
+  "threeDS.returnToCheckout": "volviendo en breve."
 };
 export {
   esES as default

package/dist/es/i18n/locales/fr-FR.js

@@ -1,4 +1,7 @@
 const frFR = {
+  // Drop In
+  "dropIn.card.label": "Carte bancaire",
+  "dropIn.otherPaymentMethod": "Autre méthode de paiement",
   // card number
   "card.cardNumber.label": "Numéro de carte",
   "card.cardNumber.incomplete": "Votre numéro de carte est incomplet",
@@ -21,6 +24,8 @@ const frFR = {
   "card.cardSelector.change": "Changer",
   "card.cardSelector.useOtherCard": "Utiliser une autre carte",
   "card.storeInfo": "Enregistrer les informations de ma carte pour une utilisation future",
+  // card info
+  "card.info.label": "Informations de la carte",
   // common
   "common.pay": "Acheter maintenant",
   "common.payProcessing": "Traitement en cours...",
@@ -33,6 +38,8 @@ const frFR = {
   "common.noData": "Pas de données",
   "common.netError": "Erreur Réseau",
   "common.unknownError": "Erreur Inconnue",
+  "common.cancel": "Annuler",
+  "common.confirm": "Confirmer",
   // common email
   "common.email.label": "E-mail",
   "common.email.incomplete": "Veuillez entrer votre e-mail",
@@ -53,7 +60,13 @@ const frFR = {
   // sepa
   "sepa.iban.label": "IBAN",
   "sepa.iban.placeholder": "DE00 0000 0000 0000 0000 00",
-  "sepa.iban.invalid": "L'IBAN que vous avez saisi est invalide"
+  "sepa.iban.invalid": "L'IBAN que vous avez saisi est invalide",
+  // threeDS
+  "threeDS.paymentIncomplete": "Votre dernier paiement est incomplet, ",
+  "threeDS.completeFirst": "veuillez d'abord compléter le traitement.",
+  "threeDS.authenticationSuccessful": "Authentification réussie,",
+  "threeDS.authenticationFailed": "Authentification échouée,",
+  "threeDS.returnToCheckout": "retour imminent."
 };
 export {
   frFR as default

package/dist/es/i18n/locales/index.js

@@ -1,8 +1,10 @@
-const locales = Object.entries(/* @__PURE__ */ Object.assign({ "./de-DE.ts": () => import("./de-DE.js"), "./en-GB.ts": () => import("./en-GB.js"), "./es-ES.ts": () => import("./es-ES.js"), "./fr-FR.ts": () => import("./fr-FR.js"), "./ja-JP.ts": () => import("./ja-JP.js"), "./ko-KR.ts": () => import("./ko-KR.js"), "./pt-PT.ts": () => import("./pt-PT.js"), "./ru-RU.ts": () => import("./ru-RU.js"), "./zh-CN.ts": () => import("./zh-CN.js"), "./zh-HK.ts": () => import("./zh-HK.js"), "./zh-TW.ts": () => import("./zh-TW.js") })).reduce((prev, [path, loader]) => {
-  const key = path.match(/\.\/(.+)\./)[1];
-  prev[key] = loader;
-  return prev;
-}, {});
+const getLocales = () => {
+  return Object.entries(/* @__PURE__ */ Object.assign({ "./de-DE.ts": () => import("./de-DE.js"), "./en-GB.ts": () => import("./en-GB.js"), "./es-ES.ts": () => import("./es-ES.js"), "./fr-FR.ts": () => import("./fr-FR.js"), "./ja-JP.ts": () => import("./ja-JP.js"), "./ko-KR.ts": () => import("./ko-KR.js"), "./pt-PT.ts": () => import("./pt-PT.js"), "./ru-RU.ts": () => import("./ru-RU.js"), "./zh-CN.ts": () => import("./zh-CN.js"), "./zh-HK.ts": () => import("./zh-HK.js"), "./zh-TW.ts": () => import("./zh-TW.js") })).reduce((prev, [path, loader]) => {
+    const key = path.match(/\.\/(.+)\./)[1];
+    prev[key] = loader;
+    return prev;
+  }, {});
+};
 var LocaleKey = /* @__PURE__ */ ((LocaleKey2) => {
   LocaleKey2["deDE"] = "de-DE";
   LocaleKey2["enGB"] = "en-GB";
@@ -19,5 +21,5 @@ var LocaleKey = /* @__PURE__ */ ((LocaleKey2) => {
 })(LocaleKey || {});
 export {
   LocaleKey,
-  locales
+  getLocales
 };

package/dist/es/i18n/locales/ja-JP.js

@@ -1,4 +1,7 @@
 const jaJP = {
+  // Drop In
+  "dropIn.card.label": "銀行カード",
+  "dropIn.otherPaymentMethod": "他の支払い方法",
   // card number
   "card.cardNumber.label": "カード番号",
   "card.cardNumber.incomplete": "カード番号が不完全です",
@@ -21,6 +24,8 @@ const jaJP = {
   "card.cardSelector.change": "変更",
   "card.cardSelector.useOtherCard": "他のカードを使用",
   "card.storeInfo": "今後の利用のためにカード情報を保存する",
+  // card info
+  "card.info.label": "カード情報",
   // common
   "common.pay": "今すぐ購入",
   "common.payProcessing": "処理中...",
@@ -33,6 +38,8 @@ const jaJP = {
   "common.noData": "データなし",
   "common.netError": "ネットワークエラー",
   "common.unknownError": "不明なエラー",
+  "common.cancel": "キャンセル",
+  "common.confirm": "確認",
   // common email
   "common.email.label": "メール",
   "common.email.incomplete": "メールアドレスを入力してください",
@@ -53,7 +60,13 @@ const jaJP = {
   // sepa
   "sepa.iban.label": "IBAN",
   "sepa.iban.placeholder": "DE00 0000 0000 0000 0000 00",
-  "sepa.iban.invalid": "入力されたIBANは無効です"
+  "sepa.iban.invalid": "入力されたIBANは無効です",
+  // threeDS
+  "threeDS.paymentIncomplete": "最後の支払いが不完全です。",
+  "threeDS.completeFirst": "まず処理を完了してください。",
+  "threeDS.authenticationSuccessful": "認証に成功しました。",
+  "threeDS.authenticationFailed": "認証に失敗しました。",
+  "threeDS.returnToCheckout": "まもなく戻ります。"
 };
 export {
   jaJP as default

package/dist/es/i18n/locales/ko-KR.js

@@ -1,4 +1,7 @@
 const koKR = {
+  // Drop In
+  "dropIn.card.label": "은행 카드",
+  "dropIn.otherPaymentMethod": "기타 결제 방법",
   // card number
   "card.cardNumber.label": "카드 번호",
   "card.cardNumber.incomplete": "카드 번호가 불완전합니다",
@@ -21,6 +24,8 @@ const koKR = {
   "card.cardSelector.change": "변경",
   "card.cardSelector.useOtherCard": "다른 카드 사용",
   "card.storeInfo": "미래에 사용할 카드 정보를 저장합니다",
+  // card info
+  "card.info.label": "카드 정보",
   // common
   "common.pay": "지금 구매",
   "common.payProcessing": "처리 중...",
@@ -33,6 +38,8 @@ const koKR = {
   "common.noData": "데이터 없음",
   "common.netError": "네트워크 오류",
   "common.unknownError": "알 수 없는 오류",
+  "common.cancel": "취소",
+  "common.confirm": "확인",
   // common email
   "common.email.label": "이메일",
   "common.email.incomplete": "이메일을 입력해 주세요",
@@ -53,7 +60,13 @@ const koKR = {
   // sepa
   "sepa.iban.label": "IBAN",
   "sepa.iban.placeholder": "DE00 0000 0000 0000 0000 00",
-  "sepa.iban.invalid": "입력한 IBAN이 유효하지 않습니다"
+  "sepa.iban.invalid": "입력한 IBAN이 유효하지 않습니다",
+  // threeDS
+  "threeDS.paymentIncomplete": "최근 결제가 완료되지 않았습니다, ",
+  "threeDS.completeFirst": "먼저 처리를 완료해 주세요.",
+  "threeDS.authenticationSuccessful": "인증이 성공했습니다,",
+  "threeDS.authenticationFailed": "인증이 실패했습니다,",
+  "threeDS.returnToCheckout": "곧 돌아갑니다."
 };
 export {
   koKR as default

package/dist/es/i18n/locales/pt-PT.js

@@ -1,4 +1,7 @@
 const ptPT = {
+  // Drop In
+  "dropIn.card.label": "Cartão bancário",
+  "dropIn.otherPaymentMethod": "Outro método de pagamento",
   // card number
   "card.cardNumber.label": "Número do cartão",
   "card.cardNumber.incomplete": "O número do seu cartão está incompleto",
@@ -21,6 +24,8 @@ const ptPT = {
   "card.cardSelector.change": "Trocar",
   "card.cardSelector.useOtherCard": "Usar outro cartão",
   "card.storeInfo": "Salvar as informações do meu cartão para uso futuro",
+  // card info
+  "card.info.label": "Informação do cartão",
   // common
   "common.pay": "Comprar agora",
   "common.payProcessing": "Processando...",
@@ -33,6 +38,8 @@ const ptPT = {
   "common.noData": "Sem dados",
   "common.netError": "Erro de Rede",
   "common.unknownError": "Erro Desconhecido",
+  "common.cancel": "Cancelar",
+  "common.confirm": "Confirmar",
   // common email
   "common.email.label": "Email",
   "common.email.incomplete": "Por favor, insira seu email",
@@ -53,7 +60,13 @@ const ptPT = {
   // sepa
   "sepa.iban.label": "IBAN",
   "sepa.iban.placeholder": "DE00 0000 0000 0000 0000 00",
-  "sepa.iban.invalid": "O IBAN que introduziu é inválido"
+  "sepa.iban.invalid": "O IBAN que introduziu é inválido",
+  // threeDS
+  "threeDS.paymentIncomplete": "Seu último pagamento está incompleto, ",
+  "threeDS.completeFirst": "por favor, conclua o processamento primeiro.",
+  "threeDS.authenticationSuccessful": "Autenticação bem-sucedida,",
+  "threeDS.authenticationFailed": "Autenticação falhou,",
+  "threeDS.returnToCheckout": "a regressar em breve."
 };
 export {
   ptPT as default

package/dist/es/i18n/locales/ru-RU.js

@@ -1,4 +1,7 @@
 const ruRU = {
+  // Drop In
+  "dropIn.card.label": "Банковская карта",
+  "dropIn.otherPaymentMethod": "Другой способ оплаты",
   // card number
   "card.cardNumber.label": "Номер карты",
   "card.cardNumber.incomplete": "Ваш номер карты неполный",
@@ -21,6 +24,8 @@ const ruRU = {
   "card.cardSelector.change": "Изменить",
   "card.cardSelector.useOtherCard": "Использовать другую карту",
   "card.storeInfo": "Сохранить информацию о моей карте для будущего использования",
+  // card info
+  "card.info.label": "Данные карты",
   // common
   "common.pay": "Купить сейчас",
   "common.payProcessing": "Обработка...",
@@ -33,6 +38,8 @@ const ruRU = {
   "common.noData": "Нет данных",
   "common.netError": "Ошибка сети",
   "common.unknownError": "Неизвестная ошибка",
+  "common.cancel": "Отмена",
+  "common.confirm": "Подтвердить",
   // common email
   "common.email.label": "Электронная почта",
   "common.email.incomplete": "Пожалуйста, введите вашу электронную почту",
@@ -53,7 +60,13 @@ const ruRU = {
   // sepa
   "sepa.iban.label": "IBAN",
   "sepa.iban.placeholder": "DE00 0000 0000 0000 0000 00",
-  "sepa.iban.invalid": "Введенный вами IBAN недействителен"
+  "sepa.iban.invalid": "Введенный вами IBAN недействителен",
+  // threeDS
+  "threeDS.paymentIncomplete": "Ваш последний платеж не завершен, ",
+  "threeDS.completeFirst": "пожалуйста, завершите его в первую очередь.",
+  "threeDS.authenticationSuccessful": "Аутентификация успешна,",
+  "threeDS.authenticationFailed": "Аутентификация не удалась,",
+  "threeDS.returnToCheckout": "скоро возврат."
 };
 export {
   ruRU as default

package/dist/es/i18n/locales/zh-CN.js

@@ -1,4 +1,7 @@
 const zhCN = {
+  // Drop In
+  "dropIn.card.label": "银行卡",
+  "dropIn.otherPaymentMethod": "其他支付方式",
   // card number
   "card.cardNumber.label": "卡号",
   "card.cardNumber.incomplete": "您的卡号不完整",
@@ -21,6 +24,8 @@ const zhCN = {
   "card.cardSelector.change": "更换",
   "card.cardSelector.useOtherCard": "输入卡信息支付",
   "card.storeInfo": "存储卡信息以开启快捷支付",
+  // card info
+  "card.info.label": "卡信息",
   // common
   "common.pay": "支付",
   "common.payProcessing": "处理中...",
@@ -33,6 +38,8 @@ const zhCN = {
   "common.noData": "暂无数据",
   "common.netError": "网络异常",
   "common.unknownError": "未知异常",
+  "common.cancel": "取消",
+  "common.confirm": "确认",
   // common email
   "common.email.label": "邮箱",
   "common.email.incomplete": "请输入邮箱",
@@ -53,7 +60,13 @@ const zhCN = {
   // sepa
   "sepa.iban.label": "IBAN",
   "sepa.iban.placeholder": "DE00 0000 0000 0000 0000 00",
-  "sepa.iban.invalid": "您输入的IBAN无效"
+  "sepa.iban.invalid": "您输入的IBAN无效",
+  // threeDS
+  "threeDS.paymentIncomplete": "您的上一笔支付未完成，",
+  "threeDS.completeFirst": "请先完成处理",
+  "threeDS.authenticationSuccessful": "认证成功，",
+  "threeDS.authenticationFailed": "认证失败，",
+  "threeDS.returnToCheckout": "即将返回"
 };
 export {
   zhCN as default

package/dist/es/i18n/locales/zh-HK.js

@@ -1,4 +1,7 @@
 const zhHK = {
+  // Drop In
+  "dropIn.card.label": "銀行卡",
+  "dropIn.otherPaymentMethod": "其他支付方式",
   // card number
   "card.cardNumber.label": "卡號",
   "card.cardNumber.incomplete": "您的卡號不完整",
@@ -21,6 +24,8 @@ const zhHK = {
   "card.cardSelector.change": "更換",
   "card.cardSelector.useOtherCard": "輸入卡信息支付",
   "card.storeInfo": "存儲卡信息以開啓快捷支付",
+  // card info
+  "card.info.label": "卡資料",
   // common
   "common.pay": "支付",
   "common.payProcessing": "處理中...",
@@ -33,6 +38,8 @@ const zhHK = {
   "common.noData": "暫無數據",
   "common.netError": "網絡異常",
   "common.unknownError": "未知異常",
+  "common.cancel": "取消",
+  "common.confirm": "確認",
   // common email
   "common.email.label": "郵箱",
   "common.email.incomplete": "請輸入郵箱",
@@ -53,7 +60,13 @@ const zhHK = {
   // sepa
   "sepa.iban.label": "IBAN",
   "sepa.iban.placeholder": "DE00 0000 0000 0000 0000 00",
-  "sepa.iban.invalid": "您輸入的IBAN無效"
+  "sepa.iban.invalid": "您輸入的IBAN無效",
+  // threeDS
+  "threeDS.paymentIncomplete": "您的上一筆支付未完成，",
+  "threeDS.completeFirst": "請先完成處理",
+  "threeDS.authenticationSuccessful": "認證成功，",
+  "threeDS.authenticationFailed": "認證失敗，",
+  "threeDS.returnToCheckout": "即將返回"
 };
 export {
   zhHK as default

package/dist/es/i18n/locales/zh-TW.js

@@ -1,4 +1,7 @@
 const zhTW = {
+  // Drop In
+  "dropIn.card.label": "銀行卡",
+  "dropIn.otherPaymentMethod": "其他支付方式",
   // card number
   "card.cardNumber.label": "卡號",
   "card.cardNumber.incomplete": "您的卡號不完整",
@@ -21,6 +24,8 @@ const zhTW = {
   "card.cardSelector.change": "更換",
   "card.cardSelector.useOtherCard": "輸入卡信息支付",
   "card.storeInfo": "存儲卡信息以開啓快捷支付",
+  // card info
+  "card.info.label": "卡片資訊",
   // common
   "common.pay": "支付",
   "common.payProcessing": "處理中...",
@@ -33,6 +38,8 @@ const zhTW = {
   "common.noData": "暫無數據",
   "common.netError": "網絡異常",
   "common.unknownError": "未知異常",
+  "common.cancel": "取消",
+  "common.confirm": "確認",
   // common email
   "common.email.label": "郵箱",
   "common.email.incomplete": "請輸入郵箱",
@@ -53,7 +60,13 @@ const zhTW = {
   // sepa
   "sepa.iban.label": "IBAN",
   "sepa.iban.placeholder": "DE00 0000 0000 0000 0000 00",
-  "sepa.iban.invalid": "您輸入的IBAN無效"
+  "sepa.iban.invalid": "您輸入的IBAN無效",
+  // threeDS
+  "threeDS.paymentIncomplete": "您的上一筆支付未完成，",
+  "threeDS.completeFirst": "請先完成處理",
+  "threeDS.authenticationSuccessful": "認證成功，",
+  "threeDS.authenticationFailed": "認證失敗，",
+  "threeDS.returnToCheckout": "即將返回"
 };
 export {
   zhTW as default

package/dist/es/i18n/util.js

@@ -1,7 +1,7 @@
 import { isFunction } from "../utils/is.js";
 import "../utils/card-brand/brands.js";
 import { getBrowserInfo } from "../utils/system-info/get-browser-info.js";
-import { locales, LocaleKey } from "./locales/index.js";
+import { LocaleKey, getLocales } from "./locales/index.js";
 import enGB from "./locales/en-GB.js";
 function normalizedLocale(locale) {
   return locale.replaceAll("_", "-").toLowerCase();
@@ -9,14 +9,17 @@ function normalizedLocale(locale) {
 function getLocaleLanguage(locale) {
   return locale.split("-")[0];
 }
-const localeList = Object.entries(locales).map(([key, value]) => {
-  return {
-    locale: normalizedLocale(key),
-    language: getLocaleLanguage(key),
-    translation: value
-  };
-});
+const getLocaleList = () => {
+  return Object.entries(getLocales()).map(([key, value]) => {
+    return {
+      locale: normalizedLocale(key),
+      language: getLocaleLanguage(key),
+      translation: value
+    };
+  });
+};
 function mergeCustomLocales(customLocales) {
+  const localeList = getLocaleList();
   return localeList;
 }
 function getTranslation(locale, customLocales) {
@@ -30,6 +33,16 @@ function getTranslation(locale, customLocales) {
   }
   return translation;
 }
+const getRealLocale = (locale) => {
+  const localeList = Object.values(LocaleKey);
+  if (localeList.includes(locale)) {
+    return locale;
+  } else if (localeList.includes(getBrowserInfo().language)) {
+    return getBrowserInfo().language;
+  } else {
+    return LocaleKey.enGB;
+  }
+};
 async function loadTranslation(locale, customLocales) {
   let translation = getTranslation(locale);
   if (!translation && locale !== getBrowserInfo().language) {
@@ -55,5 +68,6 @@ async function loadTranslation(locale, customLocales) {
   };
 }
 export {
+  getRealLocale,
   loadTranslation
 };

package/dist/es/index.js

@@ -16,12 +16,14 @@ import { SecuredIframe } from "./components/SecuredIframe/index.js";
 import { Sepa } from "./components/Sepa/index.js";
 import { IBANField } from "./components/CardIBANField/index.js";
 import { EEncryptedCardType, ENCRYPTED_CARD_ITEM_ATTR, ENCRYPTED_CARD_WRAPPER_ID, EncryptedCard, PayKKaEncryptedCard } from "./components/EncryptedCard/index.js";
-import { CombinedEncryptedField } from "./components/CombinedEncryptedField/index.js";
+import { CombinedCardInfo } from "./components/CombinedCardInfo/index.js";
+import { DropIn, PaymentComponentMap, dropInSupportedPaymentMethods } from "./components/DropIn/index.js";
 import "./core/context.js";
 import { create } from "./core/create.js";
 import { Session } from "./core/Session.js";
 import { querySession } from "./core/query.js";
 import { PayKKaCheckout } from "./core/PayKKaCheckout.js";
+import { PayKKaError } from "./core/error.js";
 import { I18n } from "./i18n/I18n.js";
 import { LocaleKey } from "./i18n/locales/index.js";
 import { setApiUrl, setCDNUrl, setCheckoutConfig, setCustomLocale, setCustomReqHeaders, setFraudDetectionEnv } from "./config.js";
@@ -39,7 +41,8 @@ export {
   CardNumberField,
   CardSecurityCodeField,
   CardSelector,
-  CombinedEncryptedField,
+  CombinedCardInfo,
+  DropIn,
   EEncryptedCardType,
   ENCRYPTED_CARD_ITEM_ATTR,
   ENCRYPTED_CARD_WRAPPER_ID,
@@ -50,12 +53,15 @@ export {
   LocaleKey,
   PayKKaCheckout,
   PayKKaEncryptedCard,
+  PayKKaError,
+  PaymentComponentMap,
   SecuredIframe,
   Sepa,
   Session,
   SubmitButton,
   WechatPay,
   create,
+  dropInSupportedPaymentMethods,
   getFingerprint,
   querySession,
   setApiUrl,