@paykka/card-checkout-ui 0.6.0 → 0.7.0

package/dist/es/hooks/useBreakpoints.js

@@ -0,0 +1,57 @@
+import { h, y, T } from "../core.js";
+const breakpoints = {
+  xs: 480,
+  sm: 928,
+  md: 992,
+  lg: 1200,
+  xl: 1366,
+  xxl: 1600
+};
+const useBreakpoints = () => {
+  const [width, setWidth] = h(() => {
+    return typeof window !== "undefined" ? window.innerWidth : 0;
+  });
+  y(() => {
+    if (typeof window === "undefined")
+      return;
+    const handleResize = () => {
+      setWidth(window.innerWidth);
+    };
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  const sortedEntries = T(() => {
+    return Object.entries(breakpoints).sort((a, b) => a[1] - b[1]);
+  }, [breakpoints]);
+  const { matches, current } = T(() => {
+    const matches2 = {
+      xs: false,
+      sm: false,
+      md: false,
+      lg: false,
+      xl: false,
+      xxl: false
+    };
+    let current2 = null;
+    for (let i = sortedEntries.length - 1; i >= 0; i--) {
+      const [name, value] = sortedEntries[i];
+      const isMatch = width >= value;
+      matches2[name] = isMatch;
+      if (isMatch && !current2) {
+        current2 = name;
+      }
+    }
+    return { matches: matches2, current: current2 };
+  }, [width, sortedEntries]);
+  const smaller = (breakpointName) => {
+    const threshold = breakpoints[breakpointName];
+    if (threshold === void 0) {
+      return false;
+    }
+    return width < threshold;
+  };
+  return { matches, current, smaller };
+};
+export {
+  useBreakpoints
+};

package/dist/es/hooks/useI18n.js

@@ -3,11 +3,10 @@ import { CoreContext } from "../core/context.js";
 import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
 import { I18n } from "../i18n/I18n.js";
-import "../i18n/locales/index.js";
 function useI18n(locale) {
   const coreContext = x(CoreContext);
   const [_i18n] = h((coreContext == null ? void 0 : coreContext.i18n) ?? new I18n());
-  _i18n.load(locale);
+  locale && _i18n.load(locale);
   return { i18n: _i18n };
 }
 export {

package/dist/es/hooks/usePayState.js

@@ -1,31 +1,28 @@
 import { h, y } from "../core.js";
-import "../core/context.js";
-import "../utils/card-brand/brands.js";
-import "../utils/system-info/get-browser-info.js";
-import { customLocale, fraudDetectionEnv } from "../config.js";
-import { PayKKaCheckout } from "../core/PayKKaCheckout.js";
 import { getFraudDetectionInstance } from "../out/fraud-detection.js";
 import { useI18n } from "./useI18n.js";
-function usePayState() {
+import { customLocale, fraudDetectionEnv } from "../config.js";
+import "../utils/card-brand/brands.js";
+import { getBrowserInfo } from "../utils/system-info/get-browser-info.js";
+function usePayState(session) {
   const [validated, setValidated] = h(false);
   const [submitButtonStatus, setSubmitButtonStatus] = h("unSubmit");
   const [errorMsg, setErrorMsg] = h("");
-  const [session, setSession] = h(null);
   const [sessionReady, setSessionReady] = h(false);
   const [fraudDetection, setFraudDetection] = h(null);
-  setSession(PayKKaCheckout.getSession());
-  const { i18n } = useI18n(customLocale);
+  const { i18n } = useI18n();
   y(() => {
-    if (session) {
-      session.ready().then(() => {
-        setSessionReady(true);
-        i18n.load(session.checkout.locale || customLocale);
-        const fraudDetection2 = getFraudDetectionInstance(fraudDetectionEnv);
-        setFraudDetection(fraudDetection2);
-        fraudDetection2 == null ? void 0 : fraudDetection2.createFraudDetection();
-      });
-    }
-  }, [session]);
+    session.ready().then(() => {
+      var _a;
+      setSessionReady(true);
+      i18n.load(
+        customLocale || ((_a = session.checkout) == null ? void 0 : _a.locale) || getBrowserInfo().language
+      );
+      const fraudDetection2 = getFraudDetectionInstance(fraudDetectionEnv);
+      setFraudDetection(fraudDetection2);
+      fraudDetection2 == null ? void 0 : fraudDetection2.createFraudDetection();
+    });
+  }, []);
   return {
     validated,
     setValidated,
@@ -33,12 +30,9 @@ function usePayState() {
     setSubmitButtonStatus,
     errorMsg,
     setErrorMsg,
-    session,
-    setSession,
-    sessionReady,
-    setSessionReady,
     i18n,
-    fraudDetection
+    fraudDetection,
+    sessionReady
   };
 }
 export {

package/dist/es/i18n/index.js

@@ -1,5 +1,3 @@
 import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
-import "./util.js";
 import "../core.js";
-import "./locales/index.js";

package/dist/es/i18n/locales/de-DE.js

@@ -21,6 +21,8 @@ const deDE = {
   "card.cardSelector.change": "Ändern",
   "card.cardSelector.useOtherCard": "Andere Karte verwenden",
   "card.storeInfo": "Meine Kartendaten für zukünftige Nutzung speichern",
+  // card info
+  "card.info.label": "Kartendaten",
   // common
   "common.pay": "Jetzt kaufen",
   "common.payProcessing": "Wird bearbeitet...",
@@ -33,6 +35,8 @@ const deDE = {
   "common.noData": "Keine Daten",
   "common.netError": "Netzwerkfehler",
   "common.unknownError": "Unbekannter Fehler",
+  "common.cancel": "Abbrechen",
+  "common.confirm": "Bestätigen",
   // common email
   "common.email.label": "E-Mail",
   "common.email.incomplete": "Bitte geben Sie Ihre E-Mail-Adresse ein",
@@ -53,7 +57,13 @@ const deDE = {
   // sepa
   "sepa.iban.label": "IBAN",
   "sepa.iban.placeholder": "DE00 0000 0000 0000 0000 00",
-  "sepa.iban.invalid": "Die eingegebene IBAN ist ungültig"
+  "sepa.iban.invalid": "Die eingegebene IBAN ist ungültig",
+  // threeDS
+  "threeDS.paymentIncomplete": "Ihre letzte Zahlung ist unvollständig,",
+  "threeDS.completeFirst": "bitte vervollständigen Sie zunächst die Bearbeitung.",
+  "threeDS.authenticationSuccessful": "Authentifizierung erfolgreich,",
+  "threeDS.authenticationFailed": "Authentifizierung fehlgeschlagen,",
+  "threeDS.returnToCheckout": "Rückkehr erfolgt in Kürze."
 };
 export {
   deDE as default

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

@@ -21,6 +21,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 +35,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 +57,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

@@ -21,6 +21,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 +35,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 +57,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

@@ -21,6 +21,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 +35,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 +57,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

@@ -21,6 +21,8 @@ const jaJP = {
   "card.cardSelector.change": "変更",
   "card.cardSelector.useOtherCard": "他のカードを使用",
   "card.storeInfo": "今後の利用のためにカード情報を保存する",
+  // card info
+  "card.info.label": "カード情報",
   // common
   "common.pay": "今すぐ購入",
   "common.payProcessing": "処理中...",
@@ -33,6 +35,8 @@ const jaJP = {
   "common.noData": "データなし",
   "common.netError": "ネットワークエラー",
   "common.unknownError": "不明なエラー",
+  "common.cancel": "キャンセル",
+  "common.confirm": "確認",
   // common email
   "common.email.label": "メール",
   "common.email.incomplete": "メールアドレスを入力してください",
@@ -53,7 +57,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

@@ -21,6 +21,8 @@ const koKR = {
   "card.cardSelector.change": "변경",
   "card.cardSelector.useOtherCard": "다른 카드 사용",
   "card.storeInfo": "미래에 사용할 카드 정보를 저장합니다",
+  // card info
+  "card.info.label": "카드 정보",
   // common
   "common.pay": "지금 구매",
   "common.payProcessing": "처리 중...",
@@ -33,6 +35,8 @@ const koKR = {
   "common.noData": "데이터 없음",
   "common.netError": "네트워크 오류",
   "common.unknownError": "알 수 없는 오류",
+  "common.cancel": "취소",
+  "common.confirm": "확인",
   // common email
   "common.email.label": "이메일",
   "common.email.incomplete": "이메일을 입력해 주세요",
@@ -53,7 +57,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

@@ -21,6 +21,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 +35,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 +57,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

@@ -21,6 +21,8 @@ const ruRU = {
   "card.cardSelector.change": "Изменить",
   "card.cardSelector.useOtherCard": "Использовать другую карту",
   "card.storeInfo": "Сохранить информацию о моей карте для будущего использования",
+  // card info
+  "card.info.label": "Данные карты",
   // common
   "common.pay": "Купить сейчас",
   "common.payProcessing": "Обработка...",
@@ -33,6 +35,8 @@ const ruRU = {
   "common.noData": "Нет данных",
   "common.netError": "Ошибка сети",
   "common.unknownError": "Неизвестная ошибка",
+  "common.cancel": "Отмена",
+  "common.confirm": "Подтвердить",
   // common email
   "common.email.label": "Электронная почта",
   "common.email.incomplete": "Пожалуйста, введите вашу электронную почту",
@@ -53,7 +57,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

@@ -21,6 +21,8 @@ const zhCN = {
   "card.cardSelector.change": "更换",
   "card.cardSelector.useOtherCard": "输入卡信息支付",
   "card.storeInfo": "存储卡信息以开启快捷支付",
+  // card info
+  "card.info.label": "卡信息",
   // common
   "common.pay": "支付",
   "common.payProcessing": "处理中...",
@@ -33,6 +35,8 @@ const zhCN = {
   "common.noData": "暂无数据",
   "common.netError": "网络异常",
   "common.unknownError": "未知异常",
+  "common.cancel": "取消",
+  "common.confirm": "确认",
   // common email
   "common.email.label": "邮箱",
   "common.email.incomplete": "请输入邮箱",
@@ -53,7 +57,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

@@ -21,6 +21,8 @@ const zhHK = {
   "card.cardSelector.change": "更換",
   "card.cardSelector.useOtherCard": "輸入卡信息支付",
   "card.storeInfo": "存儲卡信息以開啓快捷支付",
+  // card info
+  "card.info.label": "卡資料",
   // common
   "common.pay": "支付",
   "common.payProcessing": "處理中...",
@@ -33,6 +35,8 @@ const zhHK = {
   "common.noData": "暫無數據",
   "common.netError": "網絡異常",
   "common.unknownError": "未知異常",
+  "common.cancel": "取消",
+  "common.confirm": "確認",
   // common email
   "common.email.label": "郵箱",
   "common.email.incomplete": "請輸入郵箱",
@@ -53,7 +57,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

@@ -21,6 +21,8 @@ const zhTW = {
   "card.cardSelector.change": "更換",
   "card.cardSelector.useOtherCard": "輸入卡信息支付",
   "card.storeInfo": "存儲卡信息以開啓快捷支付",
+  // card info
+  "card.info.label": "卡片資訊",
   // common
   "common.pay": "支付",
   "common.payProcessing": "處理中...",
@@ -33,6 +35,8 @@ const zhTW = {
   "common.noData": "暫無數據",
   "common.netError": "網絡異常",
   "common.unknownError": "未知異常",
+  "common.cancel": "取消",
+  "common.confirm": "確認",
   // common email
   "common.email.label": "郵箱",
   "common.email.incomplete": "請輸入郵箱",
@@ -53,7 +57,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) {

package/dist/es/index.js

@@ -16,12 +16,13 @@ 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 "./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 +40,7 @@ export {
   CardNumberField,
   CardSecurityCodeField,
   CardSelector,
-  CombinedEncryptedField,
+  CombinedCardInfo,
   EEncryptedCardType,
   ENCRYPTED_CARD_ITEM_ATTR,
   ENCRYPTED_CARD_WRAPPER_ID,
@@ -50,6 +51,7 @@ export {
   LocaleKey,
   PayKKaCheckout,
   PayKKaEncryptedCard,
+  PayKKaError,
   SecuredIframe,
   Sepa,
   Session,