@paykka/card-checkout-ui 0.5.17 → 0.7.0

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

@@ -15,13 +15,17 @@ import { GooglePay } from "./components/GooglePay/index.js";
 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 { 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, setCustomLocale, setCustomReqHeaders, setRadarEnv } from "./config.js";
+import { setApiUrl, setCDNUrl, setCheckoutConfig, setCustomLocale, setCustomReqHeaders, setFraudDetectionEnv } from "./config.js";
 import "./utils/card-brand/brands.js";
 import { getFingerprint } from "./utils/system-info/finger-print.js";
 import "./utils/system-info/get-browser-info.js";
@@ -36,10 +40,18 @@ export {
   CardNumberField,
   CardSecurityCodeField,
   CardSelector,
+  CombinedCardInfo,
+  EEncryptedCardType,
+  ENCRYPTED_CARD_ITEM_ATTR,
+  ENCRYPTED_CARD_WRAPPER_ID,
+  EncryptedCard,
   GooglePay,
   I18n,
   IBANField,
   LocaleKey,
+  PayKKaCheckout,
+  PayKKaEncryptedCard,
+  PayKKaError,
   SecuredIframe,
   Sepa,
   Session,
@@ -50,7 +62,8 @@ export {
   querySession,
   setApiUrl,
   setCDNUrl,
+  setCheckoutConfig,
   setCustomLocale,
   setCustomReqHeaders,
-  setRadarEnv
+  setFraudDetectionEnv
 };

package/dist/es/out/fraud-detection.js

@@ -0,0 +1,99 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { ECollMode } from "../types/fraud-detection.js";
+var define_import_meta_env_default = { VITE_API_URL: "https://checkout.aq.paykka.com", VITE_CDN_ORIGIN: "https://checkout.aq.paykka.com", VITE_CDN_DIR: "/cp", BASE_URL: "/", MODE: "production", DEV: false, PROD: true, SSR: false };
+const stripeKeyMap = {
+  eu: "pk_live_51QSXl2G2tOepMLcRVNu0S2T6MxyB1AIgCP5g7qMQvAviQS37v0wkPhJRKqfcbTql6ZkCkGktux4ixfXuZtFy6ZpP00awbGlLEq",
+  hk: "pk_live_51QSXh9Azq7GQL5iqwZNLz3KJ896MIUnai4H7H0z9DtlklJkgoH1VAlHKy382vWPqDm80nTy8MKUdJIKs0fFbTlKx006WcKWEDu",
+  us: define_import_meta_env_default.VITE_STRIPE_KEY
+};
+const DEFAULT_ENV = "eu";
+let instance = null;
+function getFraudDetectionInstance(env, mode) {
+  if (!instance) {
+    instance = new FraudDetection(env, mode);
+  }
+  return instance;
+}
+class FraudDetection {
+  constructor(env = DEFAULT_ENV, mode = [ECollMode.SR]) {
+    __publicField(this, "collResultMap", {
+      [ECollMode.SR]: { s: "" }
+    });
+    __publicField(this, "collMap", {
+      [ECollMode.SR]: () => this.stripeRadarColl()
+    });
+    __publicField(this, "p");
+    __publicField(this, "realMode", []);
+    __publicField(this, "keyMap", {
+      [ECollMode.SR]: ""
+    });
+    this.realMode = mode;
+    if (mode.includes(ECollMode.SR)) {
+      if (typeof env === "string") {
+        this.keyMap[ECollMode.SR] = stripeKeyMap[env];
+      } else {
+        this.keyMap[ECollMode.SR] = env[ECollMode.SR];
+      }
+    }
+  }
+  get fraudDetectionID() {
+    return this.transferRes();
+  }
+  /** 创建获取 radar session id 的 promise，缓存单例 */
+  async createFraudDetection() {
+    if (!this.p) {
+      this.p = Promise.all(
+        this.realMode.map(async (item) => {
+          if (this.collMap[item]) {
+            return await this.collMap[item]();
+          } else {
+            throw new Error(`Unsupported collection mode: ${item}`);
+          }
+        })
+      );
+    }
+    await this.p;
+  }
+  /** 获取 stripe 返回的 radar session id，组件直接调，有没有返回值都直接调，传给后端 */
+  transferRes() {
+    try {
+      const s = JSON.stringify(this.collResultMap[ECollMode.SR]);
+      return btoa(s);
+    } catch (error) {
+      console.log("[PayKKa Fraud Detection SDK]:", error);
+      return "";
+    }
+  }
+  stripeRadarColl() {
+    return new Promise((resolve, reject) => {
+      const script = document.createElement("script");
+      script.type = "text/javascript";
+      script.src = "https://js.stripe.com/v3/";
+      script.async = true;
+      script.onload = async () => {
+        const stripe = window.Stripe(this.keyMap[ECollMode.SR]);
+        const { radarSession, error } = await stripe.createRadarSession();
+        if (error) {
+          console.error(error);
+          reject(error);
+        } else {
+          this.collResultMap[ECollMode.SR].s = radarSession == null ? void 0 : radarSession.id;
+          resolve(radarSession);
+        }
+      };
+      script.onerror = function() {
+        reject();
+      };
+      script.crossOrigin = "";
+      document.getElementsByTagName("head")[0].appendChild(script);
+    });
+  }
+}
+export {
+  getFraudDetectionInstance
+};

package/dist/es/style.css

@@ -96,10 +96,11 @@
   border: none;
   height: 100%;
   width: 100%;
-  border-radius: 12px;
+  border-radius: 8px;
   caret-color: var(--paykka-card-checkout-input-color, #4F43DF);
   font-size: 16px;
   padding-left: 12px;
+  background-color: transparent;
 }
 
 .paykka-card-checkout-input__input::placeholder {
@@ -112,6 +113,14 @@
   align-items: center;
   flex-shrink: 0;
   margin-left: 12px;
+}
+
+.paykka-card-checkout-input__left-icon {
+  padding-left: 12px;
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  margin-right: 12px;
 }::-webkit-scrollbar {
   height: 6px;
   width: 6px;
@@ -699,12 +708,163 @@
   display: none !important;
 }
 
+.paykka-card-checkout-modal {
+  position: fixed;
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  bottom: 0px;
+  z-index: 9999;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.paykka-card-checkout-modal__mask {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.paykka-card-checkout-modal__content {
+  position: relative;
+  z-index: 9999;
+  border-radius: 8px;
+  background-color: rgb(255, 255, 255);
+  box-shadow: 0px 8px 16px -8px rgba(0, 0, 0, 0.08), 0px 12px 32px 0px rgba(0, 0, 0, 0.06), 0px 16px 48px 16px rgba(0, 0, 0, 0.04);
+  display: flex;
+  flex-direction: column;
+}
+
+.paykka-card-checkout-modal__close {
+  cursor: pointer;
+  right: 0px;
+  position: absolute;
+  transform: translate(0, -150%);
+  color: #d2d2d2;
+}
+
+.paykka-card-checkout-modal__close:hover {
+  color: #FFFFFF;
+}
+
+.paykka-card-checkout-modal__body {
+  flex: 1;
+  padding-left: 28px;
+  padding-right: 28px;
+  padding-top: 36px;
+  padding-bottom: 24px;
+}::-webkit-scrollbar {
+  height: 6px;
+  width: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.25);
+  border-radius: 4px;
+}
+
+::-webkit-scrollbar-button {
+  display: none !important;
+}
+
+::-moz-scrollbar-button {
+  display: none !important;
+}
+
+.paykka-card-checkout-three-ds-auth__content {
+  height: 100%;
+}
+
+.paykka-card-checkout-three-ds-auth__last-three-ds {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+
+.paykka-card-checkout-three-ds-auth__last-three-ds-title {
+  margin-top: 20px;
+  margin-bottom: 40px;
+  color: #1f1f1f;
+  font-size: 20px;
+  font-weight: 700;
+  text-align: center;
+}::-webkit-scrollbar {
+  height: 6px;
+  width: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.25);
+  border-radius: 4px;
+}
+
+::-webkit-scrollbar-button {
+  display: none !important;
+}
+
+::-moz-scrollbar-button {
+  display: none !important;
+}
+
+.paykka-card-checkout-combined-card-info {
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.paykka-card-checkout-combined-card-info__card-number {
+  flex: 1;
+}
+
+.paykka-card-checkout-combined-card-info__expire-date {
+  width: 100px;
+}
+
+.paykka-card-checkout-combined-card-info__cvv {
+  width: 60px;
+}
+
+.paykka-card-checkout-combined-card-info__blank-icon {
+  width: 16px;
+  height: 16px;
+}::-webkit-scrollbar {
+  height: 6px;
+  width: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.25);
+  border-radius: 4px;
+}
+
+::-webkit-scrollbar-button {
+  display: none !important;
+}
+
+::-moz-scrollbar-button {
+  display: none !important;
+}
+
 .paykka-card-checkout-card {
   min-width: 280px;
 }
 
 .paykka-card-checkout-card__field {
-  margin-bottom: 24px;
+  margin-bottom: 16px;
+}
+
+@media (min-width: 480px) {
+  .paykka-card-checkout-card__field {
+    margin-bottom: 20px;
+  }
 }
 
 .paykka-card-checkout-card__center {
@@ -723,13 +883,23 @@
   }
 }
 
+.paykka-card-checkout-card__card-info {
+  margin-bottom: 16px;
+}
+
+@media (min-width: 480px) {
+  .paykka-card-checkout-card__card-info {
+    margin-bottom: 20px;
+  }
+}
+
 .paykka-card-checkout-card__holder-name {
-  padding-bottom: 16px;
+  margin-bottom: 16px;
 }
 
 @media (min-width: 480px) {
   .paykka-card-checkout-card__holder-name {
-    padding-bottom: 20px;
+    margin-bottom: 20px;
   }
 }
 
@@ -766,6 +936,26 @@
 .paykka-card-checkout-card__card-selector-wrapper {
   display: flex;
   justify-content: space-between;
+}
+
+.paykka-card-checkout-card__address {
+  margin-bottom: 16px;
+}
+
+@media (min-width: 480px) {
+  .paykka-card-checkout-card__address {
+    margin-bottom: 20px;
+  }
+}
+
+.paykka-card-checkout-card__store-checkbox {
+  margin-top: 16px;
+}
+
+@media (min-width: 480px) {
+  .paykka-card-checkout-card__store-checkbox {
+    margin-top: 20px;
+  }
 }::-webkit-scrollbar {
   height: 6px;
   width: 6px;

package/dist/es/types/{radar.js → fraud-detection.js}

@@ -1,5 +1,5 @@
 var ECollMode = /* @__PURE__ */ ((ECollMode2) => {
-  ECollMode2["STRIPE_RADAR"] = "STRIPE_RADAR";
+  ECollMode2["SR"] = "SR";
   return ECollMode2;
 })(ECollMode || {});
 export {

package/dist/es/types/index.js

@@ -1 +1,49 @@
-
+var CardBrandCode = /* @__PURE__ */ ((CardBrandCode2) => {
+  CardBrandCode2["VISA"] = "VISA";
+  CardBrandCode2["MASTER_CARD"] = "MASTER_CARD";
+  CardBrandCode2["JCB"] = "JCB";
+  CardBrandCode2["AMEX"] = "AMEX";
+  CardBrandCode2["DISCOVER"] = "DISCOVER";
+  CardBrandCode2["DINERS_CLUB"] = "DINERS_CLUB";
+  return CardBrandCode2;
+})(CardBrandCode || {});
+const defaultInputStyleConfig = {
+  base: {
+    padding: "0 0 0 12px"
+  }
+};
+const inputStyleAttrs = [
+  "padding",
+  "background",
+  "caretColor",
+  "color",
+  "font",
+  "fontFamily",
+  "fontSize",
+  "fontWeight",
+  "lineHeight",
+  "textAlign",
+  "textShadow",
+  "textTransform",
+  "letterSpacing",
+  "wordSpacing",
+  "textOverflow",
+  "whiteSpace",
+  "fontSizeAdjust",
+  "fontStretch",
+  "fontStyle",
+  "fontVariant",
+  "fontVariantAlternates",
+  "fontVariantCaps",
+  "fontVariantEastAsian",
+  "fontVariantLigatures",
+  "fontVariantNumeric",
+  "fontVariantPosition",
+  "lineHeight",
+  "outline"
+];
+export {
+  CardBrandCode,
+  defaultInputStyleConfig,
+  inputStyleAttrs
+};