@paykka/card-checkout-ui 0.16.0 → 0.18.0

package/dist/es/components/business/{BlikConfirmModal/BlikConfirmModal.js → PaymentConfirmModal/PaymentConfirmModal.js}

@@ -5,14 +5,15 @@ import "../../../out/fraud-detection.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
+import "../../../core/logger.js";
 import { useBreakpoints } from "../../../hooks/useBreakpoints.js";
 import { Button } from "../../internal/Button/Button2.js";
 import { Modal } from "../../internal/Modal/Modal.js";
-import "./blik-confirm-modal.js";
+import "./payment-confirm-modal.js";
 import { IconPhone } from "../../internal/icons/IconPhone.js";
 import { LoadingCheck } from "../../internal/LoadingCheck/LoadingCheck.js";
-const { bem } = useBEM("blik-confirm-modal");
-const BlikConfirmModal = (props) => {
+const { bem } = useBEM("payment-confirm-modal");
+const PaymentConfirmModal = (props) => {
   const { show = false, onChange, appendToBody = true } = props;
   const { i18n } = useI18n();
   const breakpoints = useBreakpoints();
@@ -30,16 +31,16 @@ const BlikConfirmModal = (props) => {
           /* @__PURE__ */ u(IconPhone, { size: 128 }),
           /* @__PURE__ */ u("span", { className: bem("illustration-badge"), children: "1" })
         ] }) }),
-        /* @__PURE__ */ u("h2", { className: bem("title"), children: i18n.get("blikConfirmModal.title") }),
-        /* @__PURE__ */ u("p", { className: bem("description"), children: i18n.get("blikConfirmModal.description") }),
+        /* @__PURE__ */ u("h2", { className: bem("title"), children: i18n.get("paymentConfirmModal.title") }),
+        /* @__PURE__ */ u("p", { className: bem("description"), children: i18n.get("paymentConfirmModal.description") }),
         /* @__PURE__ */ u("div", { className: bem("footer"), children: /* @__PURE__ */ u(Button, { style: { backgroundColor: "var(--paykka-primary2-color)", color: "var(--paykka-primary-color)" }, loading: true, children: [
           /* @__PURE__ */ u(LoadingCheck, { size: 20 }),
-          /* @__PURE__ */ u("span", { class: bem("waiting-text"), children: i18n.get("blikConfirmModal.waitingButton") })
+          /* @__PURE__ */ u("span", { class: bem("waiting-text"), children: i18n.get("paymentConfirmModal.waitingButton") })
         ] }) })
       ] })
     }
   );
 };
 export {
-  BlikConfirmModal
+  PaymentConfirmModal
 };

package/dist/es/components/business/{BlikConfirmModal → PaymentConfirmModal}/index.js

@@ -3,7 +3,8 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import "../../internal/Button/button.js";
 import "../../internal/Modal/Modal.js";
-import "./blik-confirm-modal.js";
+import "./payment-confirm-modal.js";
 import "../../internal/LoadingCheck/loading-check.js";

package/dist/es/components/business/PhoneField/PhoneField.js

@@ -6,17 +6,24 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { trimAll, normalizedClass } from "../../../utils/format.js";
 import "../../../core/context.js";
+import "../../../core/logger.js";
 import "../../internal/Form/type.js";
 import { FormContext, FormItemContext } from "../../internal/Form/context.js";
 import { FormItem } from "../../internal/Form/FormItem.js";
 import "../../internal/Form/Form.js";
 import { Select } from "../../internal/Select/Select.js";
 import { SegmentedDigitInput } from "../SegmentedDigitInput/SegmentedDigitInput.js";
-import { phoneList, phoneConfigByAreaCode, formatPhoneDigits } from "./config.js";
+import { areaCodes } from "./area-codes.js";
+import { phoneConfigByAreaCode, formatPhoneDigits, phoneList } from "./config.js";
 import "./phone-field.js";
-const FALLBACK_DIGIT_GROUPS = [3, 4, 4];
+const FALLBACK_MAX_DIGITS = 20;
+const FALLBACK_DIGIT_GROUPS = [FALLBACK_MAX_DIGITS];
+const allAreaCodeOptions = areaCodes.map((areaCode) => ({
+  label: areaCode,
+  value: areaCode
+}));
 const PhoneField = (props) => {
-  var _a;
+  var _a, _b;
   const {
     className,
     style,
@@ -27,47 +34,53 @@ const PhoneField = (props) => {
     invalidText,
     areaCode,
     areaCodeDisabled,
+    allAreaCodes = false,
+    validatePhoneNumber = true,
     onValidationStatusChange
   } = props;
   const { i18n } = useI18n();
   const { bem } = useBEM("phone-field");
   const formContext = x(FormContext);
   const [value, setValue] = h("");
+  const areaCodeOptions = allAreaCodes ? allAreaCodeOptions : phoneList;
+  const defaultAreaCode = String(((_a = areaCodeOptions[0]) == null ? void 0 : _a.value) ?? "");
   const resolvedAreaCode = T(() => {
-    var _a2, _b;
+    var _a2;
     const fromForm = (_a2 = formContext == null ? void 0 : formContext.form) == null ? void 0 : _a2.areaCode;
-    const raw = fromForm ?? areaCode ?? ((_b = phoneList[0]) == null ? void 0 : _b.value) ?? "";
+    const raw = fromForm ?? areaCode ?? defaultAreaCode;
     return String(raw);
-  }, [(_a = formContext == null ? void 0 : formContext.form) == null ? void 0 : _a.areaCode, areaCode]);
-  const phoneCfg = T(
+  }, [(_b = formContext == null ? void 0 : formContext.form) == null ? void 0 : _b.areaCode, areaCode, defaultAreaCode]);
+  const phoneConfig = T(
     () => phoneConfigByAreaCode(resolvedAreaCode),
     [resolvedAreaCode]
   );
-  const digitGroups = (phoneCfg == null ? void 0 : phoneCfg.digitGroups) ?? FALLBACK_DIGIT_GROUPS;
-  const maxDigits = (phoneCfg == null ? void 0 : phoneCfg.maxDigits) ?? 12;
+  const digitGroups = validatePhoneNumber ? (phoneConfig == null ? void 0 : phoneConfig.digitGroups) ?? FALLBACK_DIGIT_GROUPS : FALLBACK_DIGIT_GROUPS;
+  const maxDigits = validatePhoneNumber ? (phoneConfig == null ? void 0 : phoneConfig.maxDigits) ?? FALLBACK_MAX_DIGITS : FALLBACK_MAX_DIGITS;
   y(() => {
-    var _a2, _b;
+    var _a2;
     if (!formContext || areaCodeDisabled)
       return;
-    const initial = areaCode ?? ((_a2 = phoneList[0]) == null ? void 0 : _a2.value);
-    const current = (_b = formContext.form) == null ? void 0 : _b.areaCode;
+    const initial = areaCode ?? defaultAreaCode;
+    const current = (_a2 = formContext.form) == null ? void 0 : _a2.areaCode;
     if (initial != null && initial !== "" && (current === void 0 || current === "")) {
       formContext.setForm((prev) => ({ ...prev, areaCode: String(initial) }));
     }
-  }, [formContext, areaCode, areaCodeDisabled]);
+  }, [formContext, areaCode, areaCodeDisabled, defaultAreaCode]);
   y(() => {
     setValue((v) => formatPhoneDigits(trimAll(v), digitGroups, maxDigits));
   }, [resolvedAreaCode, digitGroups, maxDigits]);
   const rule = {
     trigger: ["blur", "submit"],
     validator(val) {
-      var _a2, _b;
-      const code = ((_a2 = formContext == null ? void 0 : formContext.form) == null ? void 0 : _a2.areaCode) ?? areaCode ?? ((_b = phoneList[0]) == null ? void 0 : _b.value) ?? "";
+      var _a2;
+      const code = ((_a2 = formContext == null ? void 0 : formContext.form) == null ? void 0 : _a2.areaCode) ?? areaCode ?? defaultAreaCode ?? "";
       const cfg = phoneConfigByAreaCode(String(code));
       const digits = trimAll(val ?? "");
       if (!digits) {
         throw new Error(incompleteText || i18n.get("form.phone.incomplete"));
       }
+      if (!validatePhoneNumber)
+        return true;
       if (!(cfg == null ? void 0 : cfg.regex.test(digits))) {
         throw new Error(invalidText || i18n.get("form.phone.invalid"));
       }
@@ -79,7 +92,7 @@ const PhoneField = (props) => {
     setValue(event.currentTarget.value);
     (_a2 = props.onInput) == null ? void 0 : _a2.call(props, event);
   };
-  const placeholderText = placeholder ?? (phoneCfg == null ? void 0 : phoneCfg.placeholder) ?? i18n.get("form.phone.placeholder");
+  const placeholderText = placeholder ?? (validatePhoneNumber ? phoneConfig == null ? void 0 : phoneConfig.placeholder : void 0) ?? i18n.get("form.phone.placeholder");
   const areaCodeLocked = disabled || areaCodeDisabled;
   return /* @__PURE__ */ u(
     FormItem,
@@ -91,19 +104,31 @@ const PhoneField = (props) => {
       style,
       onValidationStatusChange,
       children: /* @__PURE__ */ u("div", { className: bem("row"), children: [
-        /* @__PURE__ */ u("div", { className: normalizedClass(bem("areaCode"), areaCodeLocked ? bem("areaCode--disabled") : void 0), children: /* @__PURE__ */ u(FormItemContext.Provider, { value: null, children: /* @__PURE__ */ u(
-          Select,
+        /* @__PURE__ */ u(
+          "div",
           {
-            value: resolvedAreaCode,
-            options: phoneList,
-            filterable: false,
-            inputClassName: bem("areaCode-input"),
-            disabled,
-            onSelect: (v) => {
-              formContext == null ? void 0 : formContext.setForm((prev) => ({ ...prev, areaCode: String(v) }));
-            }
+            className: normalizedClass(
+              bem("areaCode"),
+              areaCodeLocked ? bem("areaCode--disabled") : void 0
+            ),
+            children: /* @__PURE__ */ u(FormItemContext.Provider, { value: null, children: /* @__PURE__ */ u(
+              Select,
+              {
+                value: resolvedAreaCode,
+                options: areaCodeOptions,
+                filterable: allAreaCodes,
+                inputClassName: bem("areaCode-input"),
+                disabled: areaCodeLocked,
+                onSelect: (v) => {
+                  formContext == null ? void 0 : formContext.setForm((prev) => ({
+                    ...prev,
+                    areaCode: String(v)
+                  }));
+                }
+              }
+            ) })
           }
-        ) }) }),
+        ),
         /* @__PURE__ */ u("div", { className: bem("number"), children: /* @__PURE__ */ u(
           SegmentedDigitInput,
           {

package/dist/es/components/business/PhoneField/area-codes.js

@@ -0,0 +1,458 @@
+const AREA_CODE_AF = "+93";
+const AREA_CODE_AX = "+358";
+const AREA_CODE_AL = "+355";
+const AREA_CODE_DZ = "+213";
+const AREA_CODE_AS = "+1684";
+const AREA_CODE_AD = "+376";
+const AREA_CODE_AO = "+244";
+const AREA_CODE_AI = "+1264";
+const AREA_CODE_AQ = "+672";
+const AREA_CODE_AG = "+1268";
+const AREA_CODE_AR = "+54";
+const AREA_CODE_AM = "+374";
+const AREA_CODE_AW = "+297";
+const AREA_CODE_AU = "+61";
+const AREA_CODE_AT = "+43";
+const AREA_CODE_AZ = "+994";
+const AREA_CODE_BS = "+1242";
+const AREA_CODE_BH = "+973";
+const AREA_CODE_BD = "+880";
+const AREA_CODE_BB = "+1246";
+const AREA_CODE_BY = "+375";
+const AREA_CODE_BE = "+32";
+const AREA_CODE_BZ = "+501";
+const AREA_CODE_BJ = "+229";
+const AREA_CODE_BM = "+1441";
+const AREA_CODE_BT = "+975";
+const AREA_CODE_BO = "+591";
+const AREA_CODE_BA = "+387";
+const AREA_CODE_BW = "+267";
+const AREA_CODE_BV = "+47";
+const AREA_CODE_BR = "+55";
+const AREA_CODE_IO = "+246";
+const AREA_CODE_VG = "+1284";
+const AREA_CODE_BN = "+673";
+const AREA_CODE_BG = "+359";
+const AREA_CODE_BF = "+226";
+const AREA_CODE_BI = "+257";
+const AREA_CODE_KH = "+855";
+const AREA_CODE_CM = "+237";
+const AREA_CODE_CA = "+1";
+const AREA_CODE_CV = "+238";
+const AREA_CODE_BQ = "+599";
+const AREA_CODE_KY = "+1345";
+const AREA_CODE_CF = "+236";
+const AREA_CODE_TD = "+235";
+const AREA_CODE_CL = "+56";
+const AREA_CODE_CN = "+86";
+const AREA_CODE_CO = "+57";
+const AREA_CODE_KM = "+269";
+const AREA_CODE_CD = "+243";
+const AREA_CODE_CG = "+242";
+const AREA_CODE_CK = "+682";
+const AREA_CODE_CR = "+506";
+const AREA_CODE_CI = "+225";
+const AREA_CODE_HR = "+385";
+const AREA_CODE_CU = "+53";
+const AREA_CODE_CY = "+357";
+const AREA_CODE_CZ = "+420";
+const AREA_CODE_DK = "+45";
+const AREA_CODE_DJ = "+253";
+const AREA_CODE_DM = "+1767";
+const AREA_CODE_EC = "+593";
+const AREA_CODE_EG = "+20";
+const AREA_CODE_SV = "+503";
+const AREA_CODE_GQ = "+240";
+const AREA_CODE_ER = "+291";
+const AREA_CODE_EE = "+372";
+const AREA_CODE_ET = "+251";
+const AREA_CODE_FK = "+500";
+const AREA_CODE_FO = "+298";
+const AREA_CODE_FJ = "+679";
+const AREA_CODE_FR = "+33";
+const AREA_CODE_GF = "+594";
+const AREA_CODE_PF = "+689";
+const AREA_CODE_TF = "+262";
+const AREA_CODE_GA = "+241";
+const AREA_CODE_GM = "+220";
+const AREA_CODE_GE = "+995";
+const AREA_CODE_DE = "+49";
+const AREA_CODE_GH = "+233";
+const AREA_CODE_GI = "+350";
+const AREA_CODE_GR = "+30";
+const AREA_CODE_GL = "+299";
+const AREA_CODE_GD = "+1473";
+const AREA_CODE_GP = "+590";
+const AREA_CODE_GU = "+1671";
+const AREA_CODE_GT = "+502";
+const AREA_CODE_GG = "+44";
+const AREA_CODE_GN = "+224";
+const AREA_CODE_GW = "+245";
+const AREA_CODE_GY = "+592";
+const AREA_CODE_HT = "+509";
+const AREA_CODE_HN = "+504";
+const AREA_CODE_HK = "+852";
+const AREA_CODE_HU = "+36";
+const AREA_CODE_IS = "+354";
+const AREA_CODE_IN = "+91";
+const AREA_CODE_ID = "+62";
+const AREA_CODE_IR = "+98";
+const AREA_CODE_IQ = "+964";
+const AREA_CODE_IE = "+353";
+const AREA_CODE_IL = "+972";
+const AREA_CODE_IT = "+39";
+const AREA_CODE_JM = "+1876";
+const AREA_CODE_JP = "+81";
+const AREA_CODE_JO = "+962";
+const AREA_CODE_KZ = "+7";
+const AREA_CODE_KE = "+254";
+const AREA_CODE_KI = "+686";
+const AREA_CODE_XK = "+383";
+const AREA_CODE_KW = "+965";
+const AREA_CODE_KG = "+996";
+const AREA_CODE_LA = "+856";
+const AREA_CODE_LV = "+371";
+const AREA_CODE_LB = "+961";
+const AREA_CODE_LS = "+266";
+const AREA_CODE_LR = "+231";
+const AREA_CODE_LY = "+218";
+const AREA_CODE_LI = "+423";
+const AREA_CODE_LT = "+370";
+const AREA_CODE_LU = "+352";
+const AREA_CODE_MO = "+853";
+const AREA_CODE_MK = "+389";
+const AREA_CODE_MG = "+261";
+const AREA_CODE_MW = "+265";
+const AREA_CODE_MY = "+60";
+const AREA_CODE_MV = "+960";
+const AREA_CODE_ML = "+223";
+const AREA_CODE_MT = "+356";
+const AREA_CODE_MH = "+692";
+const AREA_CODE_MQ = "+596";
+const AREA_CODE_MR = "+222";
+const AREA_CODE_MU = "+230";
+const AREA_CODE_MX = "+52";
+const AREA_CODE_FM = "+691";
+const AREA_CODE_MD = "+373";
+const AREA_CODE_MC = "+377";
+const AREA_CODE_MN = "+976";
+const AREA_CODE_ME = "+382";
+const AREA_CODE_MS = "+1664";
+const AREA_CODE_MA = "+212";
+const AREA_CODE_MZ = "+258";
+const AREA_CODE_MM = "+95";
+const AREA_CODE_NA = "+264";
+const AREA_CODE_NR = "+674";
+const AREA_CODE_NP = "+977";
+const AREA_CODE_NL = "+31";
+const AREA_CODE_NC = "+687";
+const AREA_CODE_NZ = "+64";
+const AREA_CODE_NI = "+505";
+const AREA_CODE_NE = "+227";
+const AREA_CODE_NG = "+234";
+const AREA_CODE_NU = "+683";
+const AREA_CODE_KP = "+850";
+const AREA_CODE_MP = "+1670";
+const AREA_CODE_OM = "+968";
+const AREA_CODE_PK = "+92";
+const AREA_CODE_PW = "+680";
+const AREA_CODE_PS = "+970";
+const AREA_CODE_PA = "+507";
+const AREA_CODE_PG = "+675";
+const AREA_CODE_PY = "+595";
+const AREA_CODE_PE = "+51";
+const AREA_CODE_PH = "+63";
+const AREA_CODE_PL = "+48";
+const AREA_CODE_PT = "+351";
+const AREA_CODE_QA = "+974";
+const AREA_CODE_RO = "+40";
+const AREA_CODE_RW = "+250";
+const AREA_CODE_SH = "+290";
+const AREA_CODE_KN = "+1869";
+const AREA_CODE_LC = "+1758";
+const AREA_CODE_PM = "+508";
+const AREA_CODE_VC = "+1784";
+const AREA_CODE_WS = "+685";
+const AREA_CODE_SM = "+378";
+const AREA_CODE_ST = "+239";
+const AREA_CODE_SA = "+966";
+const AREA_CODE_SN = "+221";
+const AREA_CODE_RS = "+381";
+const AREA_CODE_SC = "+248";
+const AREA_CODE_SL = "+232";
+const AREA_CODE_SG = "+65";
+const AREA_CODE_SX = "+1721";
+const AREA_CODE_SK = "+421";
+const AREA_CODE_SI = "+386";
+const AREA_CODE_SB = "+677";
+const AREA_CODE_SO = "+252";
+const AREA_CODE_ZA = "+27";
+const AREA_CODE_KR = "+82";
+const AREA_CODE_SS = "+211";
+const AREA_CODE_ES = "+34";
+const AREA_CODE_LK = "+94";
+const AREA_CODE_SD = "+249";
+const AREA_CODE_SR = "+597";
+const AREA_CODE_SZ = "+268";
+const AREA_CODE_SE = "+46";
+const AREA_CODE_CH = "+41";
+const AREA_CODE_SY = "+963";
+const AREA_CODE_TW = "+886";
+const AREA_CODE_TJ = "+992";
+const AREA_CODE_TZ = "+255";
+const AREA_CODE_TH = "+66";
+const AREA_CODE_TL = "+670";
+const AREA_CODE_TG = "+228";
+const AREA_CODE_TK = "+690";
+const AREA_CODE_TO = "+676";
+const AREA_CODE_TT = "+1868";
+const AREA_CODE_TN = "+216";
+const AREA_CODE_TR = "+90";
+const AREA_CODE_TM = "+993";
+const AREA_CODE_TC = "+1649";
+const AREA_CODE_TV = "+688";
+const AREA_CODE_VI = "+1340";
+const AREA_CODE_UG = "+256";
+const AREA_CODE_UA = "+380";
+const AREA_CODE_AE = "+971";
+const AREA_CODE_UY = "+598";
+const AREA_CODE_UZ = "+998";
+const AREA_CODE_VU = "+678";
+const AREA_CODE_VE = "+58";
+const AREA_CODE_VN = "+84";
+const AREA_CODE_WF = "+681";
+const AREA_CODE_YE = "+967";
+const AREA_CODE_ZM = "+260";
+const AREA_CODE_ZW = "+263";
+const areaCodes = [
+  AREA_CODE_AF,
+  AREA_CODE_AX,
+  AREA_CODE_AL,
+  AREA_CODE_DZ,
+  AREA_CODE_AS,
+  AREA_CODE_AD,
+  AREA_CODE_AO,
+  AREA_CODE_AI,
+  AREA_CODE_AQ,
+  AREA_CODE_AG,
+  AREA_CODE_AR,
+  AREA_CODE_AM,
+  AREA_CODE_AW,
+  AREA_CODE_AU,
+  AREA_CODE_AT,
+  AREA_CODE_AZ,
+  AREA_CODE_BS,
+  AREA_CODE_BH,
+  AREA_CODE_BD,
+  AREA_CODE_BB,
+  AREA_CODE_BY,
+  AREA_CODE_BE,
+  AREA_CODE_BZ,
+  AREA_CODE_BJ,
+  AREA_CODE_BM,
+  AREA_CODE_BT,
+  AREA_CODE_BO,
+  AREA_CODE_BA,
+  AREA_CODE_BW,
+  AREA_CODE_BV,
+  AREA_CODE_BR,
+  AREA_CODE_IO,
+  AREA_CODE_VG,
+  AREA_CODE_BN,
+  AREA_CODE_BG,
+  AREA_CODE_BF,
+  AREA_CODE_BI,
+  AREA_CODE_KH,
+  AREA_CODE_CM,
+  AREA_CODE_CA,
+  AREA_CODE_CV,
+  AREA_CODE_BQ,
+  AREA_CODE_KY,
+  AREA_CODE_CF,
+  AREA_CODE_TD,
+  AREA_CODE_CL,
+  AREA_CODE_CN,
+  AREA_CODE_CO,
+  AREA_CODE_KM,
+  AREA_CODE_CD,
+  AREA_CODE_CG,
+  AREA_CODE_CK,
+  AREA_CODE_CR,
+  AREA_CODE_CI,
+  AREA_CODE_HR,
+  AREA_CODE_CU,
+  AREA_CODE_CY,
+  AREA_CODE_CZ,
+  AREA_CODE_DK,
+  AREA_CODE_DJ,
+  AREA_CODE_DM,
+  AREA_CODE_EC,
+  AREA_CODE_EG,
+  AREA_CODE_SV,
+  AREA_CODE_GQ,
+  AREA_CODE_ER,
+  AREA_CODE_EE,
+  AREA_CODE_ET,
+  AREA_CODE_FK,
+  AREA_CODE_FO,
+  AREA_CODE_FJ,
+  AREA_CODE_FR,
+  AREA_CODE_GF,
+  AREA_CODE_PF,
+  AREA_CODE_TF,
+  AREA_CODE_GA,
+  AREA_CODE_GM,
+  AREA_CODE_GE,
+  AREA_CODE_DE,
+  AREA_CODE_GH,
+  AREA_CODE_GI,
+  AREA_CODE_GR,
+  AREA_CODE_GL,
+  AREA_CODE_GD,
+  AREA_CODE_GP,
+  AREA_CODE_GU,
+  AREA_CODE_GT,
+  AREA_CODE_GG,
+  AREA_CODE_GN,
+  AREA_CODE_GW,
+  AREA_CODE_GY,
+  AREA_CODE_HT,
+  AREA_CODE_HN,
+  AREA_CODE_HK,
+  AREA_CODE_HU,
+  AREA_CODE_IS,
+  AREA_CODE_IN,
+  AREA_CODE_ID,
+  AREA_CODE_IR,
+  AREA_CODE_IQ,
+  AREA_CODE_IE,
+  AREA_CODE_IL,
+  AREA_CODE_IT,
+  AREA_CODE_JM,
+  AREA_CODE_JP,
+  AREA_CODE_JO,
+  AREA_CODE_KZ,
+  AREA_CODE_KE,
+  AREA_CODE_KI,
+  AREA_CODE_XK,
+  AREA_CODE_KW,
+  AREA_CODE_KG,
+  AREA_CODE_LA,
+  AREA_CODE_LV,
+  AREA_CODE_LB,
+  AREA_CODE_LS,
+  AREA_CODE_LR,
+  AREA_CODE_LY,
+  AREA_CODE_LI,
+  AREA_CODE_LT,
+  AREA_CODE_LU,
+  AREA_CODE_MO,
+  AREA_CODE_MK,
+  AREA_CODE_MG,
+  AREA_CODE_MW,
+  AREA_CODE_MY,
+  AREA_CODE_MV,
+  AREA_CODE_ML,
+  AREA_CODE_MT,
+  AREA_CODE_MH,
+  AREA_CODE_MQ,
+  AREA_CODE_MR,
+  AREA_CODE_MU,
+  AREA_CODE_MX,
+  AREA_CODE_FM,
+  AREA_CODE_MD,
+  AREA_CODE_MC,
+  AREA_CODE_MN,
+  AREA_CODE_ME,
+  AREA_CODE_MS,
+  AREA_CODE_MA,
+  AREA_CODE_MZ,
+  AREA_CODE_MM,
+  AREA_CODE_NA,
+  AREA_CODE_NR,
+  AREA_CODE_NP,
+  AREA_CODE_NL,
+  AREA_CODE_NC,
+  AREA_CODE_NZ,
+  AREA_CODE_NI,
+  AREA_CODE_NE,
+  AREA_CODE_NG,
+  AREA_CODE_NU,
+  AREA_CODE_KP,
+  AREA_CODE_MP,
+  AREA_CODE_OM,
+  AREA_CODE_PK,
+  AREA_CODE_PW,
+  AREA_CODE_PS,
+  AREA_CODE_PA,
+  AREA_CODE_PG,
+  AREA_CODE_PY,
+  AREA_CODE_PE,
+  AREA_CODE_PH,
+  AREA_CODE_PL,
+  AREA_CODE_PT,
+  AREA_CODE_QA,
+  AREA_CODE_RO,
+  AREA_CODE_RW,
+  AREA_CODE_SH,
+  AREA_CODE_KN,
+  AREA_CODE_LC,
+  AREA_CODE_PM,
+  AREA_CODE_VC,
+  AREA_CODE_WS,
+  AREA_CODE_SM,
+  AREA_CODE_ST,
+  AREA_CODE_SA,
+  AREA_CODE_SN,
+  AREA_CODE_RS,
+  AREA_CODE_SC,
+  AREA_CODE_SL,
+  AREA_CODE_SG,
+  AREA_CODE_SX,
+  AREA_CODE_SK,
+  AREA_CODE_SI,
+  AREA_CODE_SB,
+  AREA_CODE_SO,
+  AREA_CODE_ZA,
+  AREA_CODE_KR,
+  AREA_CODE_SS,
+  AREA_CODE_ES,
+  AREA_CODE_LK,
+  AREA_CODE_SD,
+  AREA_CODE_SR,
+  AREA_CODE_SZ,
+  AREA_CODE_SE,
+  AREA_CODE_CH,
+  AREA_CODE_SY,
+  AREA_CODE_TW,
+  AREA_CODE_TJ,
+  AREA_CODE_TZ,
+  AREA_CODE_TH,
+  AREA_CODE_TL,
+  AREA_CODE_TG,
+  AREA_CODE_TK,
+  AREA_CODE_TO,
+  AREA_CODE_TT,
+  AREA_CODE_TN,
+  AREA_CODE_TR,
+  AREA_CODE_TM,
+  AREA_CODE_TC,
+  AREA_CODE_TV,
+  AREA_CODE_VI,
+  AREA_CODE_UG,
+  AREA_CODE_UA,
+  AREA_CODE_AE,
+  AREA_CODE_UY,
+  AREA_CODE_UZ,
+  AREA_CODE_VU,
+  AREA_CODE_VE,
+  AREA_CODE_VN,
+  AREA_CODE_WF,
+  AREA_CODE_YE,
+  AREA_CODE_ZM,
+  AREA_CODE_ZW
+];
+export {
+  AREA_CODE_ID,
+  areaCodes
+};

package/dist/es/components/business/PhoneField/config.js

@@ -1,10 +1,11 @@
 import { formatDigitsByGroups } from "../SegmentedDigitInput/format.js";
+import { AREA_CODE_ID } from "./area-codes.js";
 const phoneType2ConfigMap = {
   [
     "IDN"
     /* IDN */
   ]: {
-    areaCode: "+62",
+    areaCode: AREA_CODE_ID,
     placeholder: "812 3456 7890",
     regex: /^8[1-9]\d{7,11}$/,
     digitGroups: [3, 4, 6],

package/dist/es/components/business/PhoneField/index.js

@@ -3,6 +3,7 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import "../../internal/Form/type.js";
 import "../../internal/Form/context.js";
 import "../../internal/Form/FormItem.js";

package/dist/es/components/business/QRCodeModal/QRCodeModal.js

@@ -7,6 +7,7 @@ import "../../../utils/system-info/get-browser-info.js";
 import { formatAmount } from "../../../utils/format.js";
 import { formatTime } from "../../../utils/date.js";
 import "../../../core/context.js";
+import "../../../core/logger.js";
 import { useBreakpoints } from "../../../hooks/useBreakpoints.js";
 import { Modal } from "../../internal/Modal/Modal.js";
 import "./qr-code-modal.js";

package/dist/es/components/business/QRCodeModal/index.js

@@ -3,5 +3,6 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import "../../internal/Modal/Modal.js";
 import "./qr-code-modal.js";