@adam-milo/ui 1.0.33 → 1.0.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1 -1
- package/dist/index.js +57 -23
- package/dist/index10.cjs +1 -1
- package/dist/index10.js +94 -56
- package/dist/index11.cjs +1 -1
- package/dist/index11.js +199 -40
- package/dist/index12.cjs +1 -1
- package/dist/index12.js +305 -105
- package/dist/index13.cjs +1 -1
- package/dist/index13.js +260 -74
- package/dist/index14.cjs +1 -1
- package/dist/index14.js +135 -27
- package/dist/index15.cjs +1 -1
- package/dist/index15.js +52 -469
- package/dist/index16.cjs +1 -1
- package/dist/index16.js +57 -111
- package/dist/index17.cjs +1 -1
- package/dist/index17.js +101 -20
- package/dist/index18.cjs +1 -1
- package/dist/index18.js +76 -21
- package/dist/index19.cjs +1 -1
- package/dist/index19.js +25 -29
- package/dist/index2.cjs +1 -1
- package/dist/index2.js +6 -4
- package/dist/index20.cjs +1 -1
- package/dist/index20.js +468 -31
- package/dist/index21.cjs +1 -1
- package/dist/index21.js +155 -39
- package/dist/index22.cjs +1 -1
- package/dist/index22.js +16 -27
- package/dist/index23.cjs +1 -1
- package/dist/index23.js +36 -12
- package/dist/index24.cjs +1 -0
- package/dist/index24.js +46 -0
- package/dist/index25.cjs +1 -1
- package/dist/index25.js +80 -263
- package/dist/index26.cjs +1 -1
- package/dist/index26.js +52 -13
- package/dist/index27.cjs +1 -0
- package/dist/index27.js +45 -0
- package/dist/index28.cjs +1 -0
- package/dist/index28.js +53 -0
- package/dist/index29.cjs +1 -0
- package/dist/index29.js +55 -0
- package/dist/index3.cjs +1 -1
- package/dist/index3.js +33 -33
- package/dist/index30.cjs +1 -0
- package/dist/index30.js +72 -0
- package/dist/index31.cjs +1 -0
- package/dist/index31.js +14 -0
- package/dist/index32.cjs +1 -0
- package/dist/index32.js +332 -0
- package/dist/index36.cjs +1 -1
- package/dist/index36.js +383 -6
- package/dist/index37.cjs +1 -0
- package/dist/index37.js +16 -0
- package/dist/index4.cjs +1 -1
- package/dist/index4.js +59 -11
- package/dist/index5.cjs +1 -1
- package/dist/index5.js +19 -35
- package/dist/index50.cjs +1 -0
- package/dist/index50.js +9 -0
- package/dist/index6.cjs +1 -1
- package/dist/index6.js +11 -101
- package/dist/index62.cjs +1 -0
- package/dist/index62.js +502 -0
- package/dist/index64.cjs +1 -0
- package/dist/index64.js +11 -0
- package/dist/index65.cjs +1 -0
- package/dist/index65.js +39 -0
- package/dist/index66.cjs +1 -0
- package/dist/index66.js +64 -0
- package/dist/index67.cjs +1 -0
- package/dist/index67.js +212 -0
- package/dist/index68.cjs +1 -0
- package/dist/index68.js +14 -0
- package/dist/index69.cjs +1 -0
- package/dist/index69.js +293 -0
- package/dist/index7.cjs +1 -1
- package/dist/index7.js +46 -97
- package/dist/index70.cjs +1 -0
- package/dist/index70.js +18 -0
- package/dist/index71.cjs +1 -0
- package/dist/index71.js +129 -0
- package/dist/index72.cjs +1 -0
- package/dist/index72.js +43 -0
- package/dist/index73.cjs +1 -0
- package/dist/index73.js +99 -0
- package/dist/index74.cjs +1 -0
- package/dist/index74.js +71 -0
- package/dist/index75.cjs +1 -0
- package/dist/index75.js +36 -0
- package/dist/index76.cjs +1 -0
- package/dist/index76.js +14 -0
- package/dist/index77.cjs +1 -0
- package/dist/index77.js +17 -0
- package/dist/index78.cjs +1 -0
- package/dist/index78.js +6 -0
- package/dist/index79.cjs +1 -0
- package/dist/index79.js +297 -0
- package/dist/index8.cjs +1 -1
- package/dist/index8.js +97 -88
- package/dist/index80.cjs +1 -0
- package/dist/index80.js +25 -0
- package/dist/index81.cjs +1 -0
- package/dist/index81.js +39 -0
- package/dist/index82.cjs +1 -0
- package/dist/index82.js +625 -0
- package/dist/index83.cjs +1 -0
- package/dist/index83.js +721 -0
- package/dist/index84.cjs +1 -0
- package/dist/index84.js +154 -0
- package/dist/index85.cjs +1 -0
- package/dist/index85.js +173 -0
- package/dist/index9.cjs +1 -1
- package/dist/index9.js +55 -197
- package/dist/src/components/core/button/Button.component.d.ts +13 -7
- package/dist/src/components/core/button/Button.component.d.ts.map +1 -1
- package/dist/src/components/core/icon/Icon.component.d.ts +1 -1
- package/dist/src/components/core/icon/Icon.component.d.ts.map +1 -1
- package/dist/src/components/core/icon-button/IconButton.component.d.ts +36 -0
- package/dist/src/components/core/icon-button/IconButton.component.d.ts.map +1 -0
- package/dist/src/components/core/menu-icon-button/MenuIconButton.component.d.ts +79 -0
- package/dist/src/components/core/menu-icon-button/MenuIconButton.component.d.ts.map +1 -0
- package/dist/src/components/feedback/spinner/Spinner.component.d.ts +62 -0
- package/dist/src/components/feedback/spinner/Spinner.component.d.ts.map +1 -0
- package/dist/src/components/forms/input/Input.component.d.ts +5 -0
- package/dist/src/components/forms/input/Input.component.d.ts.map +1 -1
- package/dist/src/components/forms/otp-input/OTPInput.component.d.ts +82 -0
- package/dist/src/components/forms/otp-input/OTPInput.component.d.ts.map +1 -0
- package/dist/src/components/forms/phone-input/PhoneInput.component.d.ts +96 -0
- package/dist/src/components/forms/phone-input/PhoneInput.component.d.ts.map +1 -0
- package/dist/src/components/forms/phone-input/countries.d.ts +93 -0
- package/dist/src/components/forms/phone-input/countries.d.ts.map +1 -0
- package/dist/src/components/forms/select/Select.component.d.ts +5 -1
- package/dist/src/components/forms/select/Select.component.d.ts.map +1 -1
- package/dist/src/components/forms/toggle/Toggle.component.d.ts +80 -0
- package/dist/src/components/forms/toggle/Toggle.component.d.ts.map +1 -0
- package/dist/src/components/layout/auth-layout/AuthLayout.component.d.ts +86 -0
- package/dist/src/components/layout/auth-layout/AuthLayout.component.d.ts.map +1 -0
- package/dist/src/components/overlays/dialog/Dialog.component.d.ts +36 -2
- package/dist/src/components/overlays/dialog/Dialog.component.d.ts.map +1 -1
- package/dist/src/components/typography/heading/Heading.component.d.ts +3 -2
- package/dist/src/components/typography/heading/Heading.component.d.ts.map +1 -1
- package/dist/src/components/typography/link/Link.component.d.ts +80 -0
- package/dist/src/components/typography/link/Link.component.d.ts.map +1 -0
- package/dist/src/index.d.ts +22 -5
- package/dist/src/index.d.ts.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +2 -1
- /package/dist/{index44.cjs → index61.cjs} +0 -0
- /package/dist/{index44.js → index61.js} +0 -0
package/dist/index3.js
CHANGED
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { cn } from "./index31.js";
|
|
4
|
+
import { Icon } from "@adam-milo/icons";
|
|
5
|
+
/* empty css */
|
|
6
|
+
const iconSizeMap = {
|
|
7
|
+
sm: "sm",
|
|
8
|
+
md: "md",
|
|
9
|
+
lg: "lg"
|
|
10
|
+
};
|
|
11
|
+
const IconButton = forwardRef(
|
|
6
12
|
({
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
13
|
+
size = "md",
|
|
14
|
+
icon,
|
|
15
|
+
children,
|
|
16
|
+
disabled,
|
|
17
|
+
"aria-label": ariaLabel,
|
|
11
18
|
"data-testid": dataTestId,
|
|
19
|
+
"data-cy": dataCy,
|
|
12
20
|
...props
|
|
13
21
|
}, ref) => {
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
return validate(value) ? void 0 : invalidEmailMessage;
|
|
18
|
-
},
|
|
19
|
-
[invalidEmailMessage]
|
|
20
|
-
);
|
|
21
|
-
const combinedValidation = useCallback(
|
|
22
|
-
(value) => {
|
|
23
|
-
if (!validateEmail) return validate$1 == null ? void 0 : validate$1(value);
|
|
24
|
-
if (!validate$1) return emailValidation(value);
|
|
25
|
-
return emailValidation(value) || validate$1(value);
|
|
26
|
-
},
|
|
27
|
-
[validateEmail, validate$1, emailValidation]
|
|
28
|
-
);
|
|
29
|
-
return /* @__PURE__ */ jsx(
|
|
30
|
-
Input,
|
|
22
|
+
const classes = cn("icon-btn", `icon-btn--${size}`);
|
|
23
|
+
return /* @__PURE__ */ jsxs(
|
|
24
|
+
"button",
|
|
31
25
|
{
|
|
32
26
|
ref,
|
|
33
|
-
type: "
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
"
|
|
37
|
-
|
|
27
|
+
type: "button",
|
|
28
|
+
disabled,
|
|
29
|
+
className: classes,
|
|
30
|
+
"aria-label": !children ? ariaLabel : void 0,
|
|
31
|
+
"data-testid": dataTestId || "icon-button",
|
|
32
|
+
"data-cy": dataCy || "icon-button",
|
|
33
|
+
...props,
|
|
34
|
+
children: [
|
|
35
|
+
/* @__PURE__ */ jsx(Icon, { name: icon, size: iconSizeMap[size], decorative: !!children }),
|
|
36
|
+
children && /* @__PURE__ */ jsx("span", { className: "icon-btn__text", "data-cy": "icon-button-text", children })
|
|
37
|
+
]
|
|
38
38
|
}
|
|
39
39
|
);
|
|
40
40
|
}
|
|
41
41
|
);
|
|
42
|
-
|
|
42
|
+
IconButton.displayName = "IconButton";
|
|
43
43
|
export {
|
|
44
|
-
|
|
44
|
+
IconButton
|
|
45
45
|
};
|
package/dist/index30.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react");;/* empty css */const s=r.forwardRef(({size:r="md",color:s="action",label:n="Loading","data-cy":i,"data-testid":a,...t},c)=>{const o=i||"spinner",l=a||"spinner",d=["spinner",`spinner--size-${r}`,`spinner--color-${s}`].join(" ");return e.jsxs("div",{ref:c,className:d,role:"status","aria-label":n,"data-cy":o,"data-testid":l,...t,children:[e.jsxs("svg",{className:"spinner__svg",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("circle",{className:"spinner__track",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),e.jsx("circle",{className:"spinner__indicator",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeDasharray:"40 60"})]}),e.jsx("span",{className:"spinner__label",children:n})]})});s.displayName="Spinner",exports.Spinner=s;
|
package/dist/index30.js
ADDED
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
/* empty css */
|
|
4
|
+
const Spinner = forwardRef(
|
|
5
|
+
({
|
|
6
|
+
size = "md",
|
|
7
|
+
color = "action",
|
|
8
|
+
label = "Loading",
|
|
9
|
+
"data-cy": dataCy,
|
|
10
|
+
"data-testid": dataTestId,
|
|
11
|
+
...props
|
|
12
|
+
}, ref) => {
|
|
13
|
+
const finalDataCy = dataCy || "spinner";
|
|
14
|
+
const finalDataTestId = dataTestId || "spinner";
|
|
15
|
+
const classes = ["spinner", `spinner--size-${size}`, `spinner--color-${color}`].join(" ");
|
|
16
|
+
return /* @__PURE__ */ jsxs(
|
|
17
|
+
"div",
|
|
18
|
+
{
|
|
19
|
+
ref,
|
|
20
|
+
className: classes,
|
|
21
|
+
role: "status",
|
|
22
|
+
"aria-label": label,
|
|
23
|
+
"data-cy": finalDataCy,
|
|
24
|
+
"data-testid": finalDataTestId,
|
|
25
|
+
...props,
|
|
26
|
+
children: [
|
|
27
|
+
/* @__PURE__ */ jsxs(
|
|
28
|
+
"svg",
|
|
29
|
+
{
|
|
30
|
+
className: "spinner__svg",
|
|
31
|
+
viewBox: "0 0 24 24",
|
|
32
|
+
fill: "none",
|
|
33
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
34
|
+
children: [
|
|
35
|
+
/* @__PURE__ */ jsx(
|
|
36
|
+
"circle",
|
|
37
|
+
{
|
|
38
|
+
className: "spinner__track",
|
|
39
|
+
cx: "12",
|
|
40
|
+
cy: "12",
|
|
41
|
+
r: "10",
|
|
42
|
+
stroke: "currentColor",
|
|
43
|
+
strokeWidth: "2.5",
|
|
44
|
+
strokeLinecap: "round"
|
|
45
|
+
}
|
|
46
|
+
),
|
|
47
|
+
/* @__PURE__ */ jsx(
|
|
48
|
+
"circle",
|
|
49
|
+
{
|
|
50
|
+
className: "spinner__indicator",
|
|
51
|
+
cx: "12",
|
|
52
|
+
cy: "12",
|
|
53
|
+
r: "10",
|
|
54
|
+
stroke: "currentColor",
|
|
55
|
+
strokeWidth: "2.5",
|
|
56
|
+
strokeLinecap: "round",
|
|
57
|
+
strokeDasharray: "40 60"
|
|
58
|
+
}
|
|
59
|
+
)
|
|
60
|
+
]
|
|
61
|
+
}
|
|
62
|
+
),
|
|
63
|
+
/* @__PURE__ */ jsx("span", { className: "spinner__label", children: label })
|
|
64
|
+
]
|
|
65
|
+
}
|
|
66
|
+
);
|
|
67
|
+
}
|
|
68
|
+
);
|
|
69
|
+
Spinner.displayName = "Spinner";
|
|
70
|
+
export {
|
|
71
|
+
Spinner
|
|
72
|
+
};
|
package/dist/index31.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("clsx"),r=require("tailwind-merge");let t=0;exports.cn=function(...t){return r.twMerge(e.clsx(t))},exports.generateId=function(e="id"){return t+=1,`${e}-${t}`};
|
package/dist/index31.js
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { clsx } from "clsx";
|
|
2
|
+
import { twMerge } from "tailwind-merge";
|
|
3
|
+
function cn(...inputs) {
|
|
4
|
+
return twMerge(clsx(inputs));
|
|
5
|
+
}
|
|
6
|
+
let idCounter = 0;
|
|
7
|
+
function generateId(prefix = "id") {
|
|
8
|
+
idCounter += 1;
|
|
9
|
+
return `${prefix}-${idCounter}`;
|
|
10
|
+
}
|
|
11
|
+
export {
|
|
12
|
+
cn,
|
|
13
|
+
generateId
|
|
14
|
+
};
|
package/dist/index32.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=[{code:"AF",name:"Afghanistan",dialCode:"+93",flag:"🇦🇫"},{code:"AL",name:"Albania",dialCode:"+355",flag:"🇦🇱"},{code:"DZ",name:"Algeria",dialCode:"+213",flag:"🇩🇿"},{code:"AD",name:"Andorra",dialCode:"+376",flag:"🇦🇩"},{code:"AO",name:"Angola",dialCode:"+244",flag:"🇦🇴"},{code:"AR",name:"Argentina",dialCode:"+54",flag:"🇦🇷"},{code:"AM",name:"Armenia",dialCode:"+374",flag:"🇦🇲"},{code:"AU",name:"Australia",dialCode:"+61",flag:"🇦🇺"},{code:"AT",name:"Austria",dialCode:"+43",flag:"🇦🇹"},{code:"AZ",name:"Azerbaijan",dialCode:"+994",flag:"🇦🇿"},{code:"BH",name:"Bahrain",dialCode:"+973",flag:"🇧🇭"},{code:"BD",name:"Bangladesh",dialCode:"+880",flag:"🇧🇩"},{code:"BY",name:"Belarus",dialCode:"+375",flag:"🇧🇾"},{code:"BE",name:"Belgium",dialCode:"+32",flag:"🇧🇪"},{code:"BZ",name:"Belize",dialCode:"+501",flag:"🇧🇿"},{code:"BJ",name:"Benin",dialCode:"+229",flag:"🇧🇯"},{code:"BT",name:"Bhutan",dialCode:"+975",flag:"🇧🇹"},{code:"BO",name:"Bolivia",dialCode:"+591",flag:"🇧🇴"},{code:"BA",name:"Bosnia and Herzegovina",dialCode:"+387",flag:"🇧🇦"},{code:"BW",name:"Botswana",dialCode:"+267",flag:"🇧🇼"},{code:"BR",name:"Brazil",dialCode:"+55",flag:"🇧🇷"},{code:"BN",name:"Brunei",dialCode:"+673",flag:"🇧🇳"},{code:"BG",name:"Bulgaria",dialCode:"+359",flag:"🇧🇬"},{code:"BF",name:"Burkina Faso",dialCode:"+226",flag:"🇧🇫"},{code:"BI",name:"Burundi",dialCode:"+257",flag:"🇧🇮"},{code:"KH",name:"Cambodia",dialCode:"+855",flag:"🇰🇭"},{code:"CM",name:"Cameroon",dialCode:"+237",flag:"🇨🇲"},{code:"CA",name:"Canada",dialCode:"+1",flag:"🇨🇦"},{code:"CV",name:"Cape Verde",dialCode:"+238",flag:"🇨🇻"},{code:"CF",name:"Central African Republic",dialCode:"+236",flag:"🇨🇫"},{code:"TD",name:"Chad",dialCode:"+235",flag:"🇹🇩"},{code:"CL",name:"Chile",dialCode:"+56",flag:"🇨🇱"},{code:"CN",name:"China",dialCode:"+86",flag:"🇨🇳"},{code:"CO",name:"Colombia",dialCode:"+57",flag:"🇨🇴"},{code:"KM",name:"Comoros",dialCode:"+269",flag:"🇰🇲"},{code:"CG",name:"Congo",dialCode:"+242",flag:"🇨🇬"},{code:"CD",name:"Congo (DRC)",dialCode:"+243",flag:"🇨🇩"},{code:"CR",name:"Costa Rica",dialCode:"+506",flag:"🇨🇷"},{code:"HR",name:"Croatia",dialCode:"+385",flag:"🇭🇷"},{code:"CU",name:"Cuba",dialCode:"+53",flag:"🇨🇺"},{code:"CY",name:"Cyprus",dialCode:"+357",flag:"🇨🇾"},{code:"CZ",name:"Czech Republic",dialCode:"+420",flag:"🇨🇿"},{code:"DK",name:"Denmark",dialCode:"+45",flag:"🇩🇰"},{code:"DJ",name:"Djibouti",dialCode:"+253",flag:"🇩🇯"},{code:"DO",name:"Dominican Republic",dialCode:"+1",flag:"🇩🇴"},{code:"EC",name:"Ecuador",dialCode:"+593",flag:"🇪🇨"},{code:"EG",name:"Egypt",dialCode:"+20",flag:"🇪🇬"},{code:"SV",name:"El Salvador",dialCode:"+503",flag:"🇸🇻"},{code:"GQ",name:"Equatorial Guinea",dialCode:"+240",flag:"🇬🇶"},{code:"ER",name:"Eritrea",dialCode:"+291",flag:"🇪🇷"},{code:"EE",name:"Estonia",dialCode:"+372",flag:"🇪🇪"},{code:"SZ",name:"Eswatini",dialCode:"+268",flag:"🇸🇿"},{code:"ET",name:"Ethiopia",dialCode:"+251",flag:"🇪🇹"},{code:"FJ",name:"Fiji",dialCode:"+679",flag:"🇫🇯"},{code:"FI",name:"Finland",dialCode:"+358",flag:"🇫🇮"},{code:"FR",name:"France",dialCode:"+33",flag:"🇫🇷"},{code:"GA",name:"Gabon",dialCode:"+241",flag:"🇬🇦"},{code:"GM",name:"Gambia",dialCode:"+220",flag:"🇬🇲"},{code:"GE",name:"Georgia",dialCode:"+995",flag:"🇬🇪"},{code:"DE",name:"Germany",dialCode:"+49",flag:"🇩🇪"},{code:"GH",name:"Ghana",dialCode:"+233",flag:"🇬🇭"},{code:"GR",name:"Greece",dialCode:"+30",flag:"🇬🇷"},{code:"GT",name:"Guatemala",dialCode:"+502",flag:"🇬🇹"},{code:"GN",name:"Guinea",dialCode:"+224",flag:"🇬🇳"},{code:"GW",name:"Guinea-Bissau",dialCode:"+245",flag:"🇬🇼"},{code:"GY",name:"Guyana",dialCode:"+592",flag:"🇬🇾"},{code:"HT",name:"Haiti",dialCode:"+509",flag:"🇭🇹"},{code:"HN",name:"Honduras",dialCode:"+504",flag:"🇭🇳"},{code:"HK",name:"Hong Kong",dialCode:"+852",flag:"🇭🇰"},{code:"HU",name:"Hungary",dialCode:"+36",flag:"🇭🇺"},{code:"IS",name:"Iceland",dialCode:"+354",flag:"🇮🇸"},{code:"IN",name:"India",dialCode:"+91",flag:"🇮🇳"},{code:"ID",name:"Indonesia",dialCode:"+62",flag:"🇮🇩"},{code:"IR",name:"Iran",dialCode:"+98",flag:"🇮🇷"},{code:"IQ",name:"Iraq",dialCode:"+964",flag:"🇮🇶"},{code:"IE",name:"Ireland",dialCode:"+353",flag:"🇮🇪"},{code:"IL",name:"Israel",dialCode:"+972",flag:"🇮🇱"},{code:"IT",name:"Italy",dialCode:"+39",flag:"🇮🇹"},{code:"CI",name:"Ivory Coast",dialCode:"+225",flag:"🇨🇮"},{code:"JM",name:"Jamaica",dialCode:"+1",flag:"🇯🇲"},{code:"JP",name:"Japan",dialCode:"+81",flag:"🇯🇵"},{code:"JO",name:"Jordan",dialCode:"+962",flag:"🇯🇴"},{code:"KZ",name:"Kazakhstan",dialCode:"+7",flag:"🇰🇿"},{code:"KE",name:"Kenya",dialCode:"+254",flag:"🇰🇪"},{code:"KW",name:"Kuwait",dialCode:"+965",flag:"🇰🇼"},{code:"KG",name:"Kyrgyzstan",dialCode:"+996",flag:"🇰🇬"},{code:"LA",name:"Laos",dialCode:"+856",flag:"🇱🇦"},{code:"LV",name:"Latvia",dialCode:"+371",flag:"🇱🇻"},{code:"LB",name:"Lebanon",dialCode:"+961",flag:"🇱🇧"},{code:"LS",name:"Lesotho",dialCode:"+266",flag:"🇱🇸"},{code:"LR",name:"Liberia",dialCode:"+231",flag:"🇱🇷"},{code:"LY",name:"Libya",dialCode:"+218",flag:"🇱🇾"},{code:"LI",name:"Liechtenstein",dialCode:"+423",flag:"🇱🇮"},{code:"LT",name:"Lithuania",dialCode:"+370",flag:"🇱🇹"},{code:"LU",name:"Luxembourg",dialCode:"+352",flag:"🇱🇺"},{code:"MO",name:"Macau",dialCode:"+853",flag:"🇲🇴"},{code:"MK",name:"North Macedonia",dialCode:"+389",flag:"🇲🇰"},{code:"MG",name:"Madagascar",dialCode:"+261",flag:"🇲🇬"},{code:"MW",name:"Malawi",dialCode:"+265",flag:"🇲🇼"},{code:"MY",name:"Malaysia",dialCode:"+60",flag:"🇲🇾"},{code:"MV",name:"Maldives",dialCode:"+960",flag:"🇲🇻"},{code:"ML",name:"Mali",dialCode:"+223",flag:"🇲🇱"},{code:"MT",name:"Malta",dialCode:"+356",flag:"🇲🇹"},{code:"MR",name:"Mauritania",dialCode:"+222",flag:"🇲🇷"},{code:"MU",name:"Mauritius",dialCode:"+230",flag:"🇲🇺"},{code:"MX",name:"Mexico",dialCode:"+52",flag:"🇲🇽"},{code:"MD",name:"Moldova",dialCode:"+373",flag:"🇲🇩"},{code:"MC",name:"Monaco",dialCode:"+377",flag:"🇲🇨"},{code:"MN",name:"Mongolia",dialCode:"+976",flag:"🇲🇳"},{code:"ME",name:"Montenegro",dialCode:"+382",flag:"🇲🇪"},{code:"MA",name:"Morocco",dialCode:"+212",flag:"🇲🇦"},{code:"MZ",name:"Mozambique",dialCode:"+258",flag:"🇲🇿"},{code:"MM",name:"Myanmar",dialCode:"+95",flag:"🇲🇲"},{code:"NA",name:"Namibia",dialCode:"+264",flag:"🇳🇦"},{code:"NP",name:"Nepal",dialCode:"+977",flag:"🇳🇵"},{code:"NL",name:"Netherlands",dialCode:"+31",flag:"🇳🇱"},{code:"NZ",name:"New Zealand",dialCode:"+64",flag:"🇳🇿"},{code:"NI",name:"Nicaragua",dialCode:"+505",flag:"🇳🇮"},{code:"NE",name:"Niger",dialCode:"+227",flag:"🇳🇪"},{code:"NG",name:"Nigeria",dialCode:"+234",flag:"🇳🇬"},{code:"KP",name:"North Korea",dialCode:"+850",flag:"🇰🇵"},{code:"NO",name:"Norway",dialCode:"+47",flag:"🇳🇴"},{code:"OM",name:"Oman",dialCode:"+968",flag:"🇴🇲"},{code:"PK",name:"Pakistan",dialCode:"+92",flag:"🇵🇰"},{code:"PS",name:"Palestine",dialCode:"+970",flag:"🇵🇸"},{code:"PA",name:"Panama",dialCode:"+507",flag:"🇵🇦"},{code:"PG",name:"Papua New Guinea",dialCode:"+675",flag:"🇵🇬"},{code:"PY",name:"Paraguay",dialCode:"+595",flag:"🇵🇾"},{code:"PE",name:"Peru",dialCode:"+51",flag:"🇵🇪"},{code:"PH",name:"Philippines",dialCode:"+63",flag:"🇵🇭"},{code:"PL",name:"Poland",dialCode:"+48",flag:"🇵🇱"},{code:"PT",name:"Portugal",dialCode:"+351",flag:"🇵🇹"},{code:"PR",name:"Puerto Rico",dialCode:"+1",flag:"🇵🇷"},{code:"QA",name:"Qatar",dialCode:"+974",flag:"🇶🇦"},{code:"RO",name:"Romania",dialCode:"+40",flag:"🇷🇴"},{code:"RU",name:"Russia",dialCode:"+7",flag:"🇷🇺"},{code:"RW",name:"Rwanda",dialCode:"+250",flag:"🇷🇼"},{code:"SA",name:"Saudi Arabia",dialCode:"+966",flag:"🇸🇦"},{code:"SN",name:"Senegal",dialCode:"+221",flag:"🇸🇳"},{code:"RS",name:"Serbia",dialCode:"+381",flag:"🇷🇸"},{code:"SG",name:"Singapore",dialCode:"+65",flag:"🇸🇬"},{code:"SK",name:"Slovakia",dialCode:"+421",flag:"🇸🇰"},{code:"SI",name:"Slovenia",dialCode:"+386",flag:"🇸🇮"},{code:"SO",name:"Somalia",dialCode:"+252",flag:"🇸🇴"},{code:"ZA",name:"South Africa",dialCode:"+27",flag:"🇿🇦"},{code:"KR",name:"South Korea",dialCode:"+82",flag:"🇰🇷"},{code:"SS",name:"South Sudan",dialCode:"+211",flag:"🇸🇸"},{code:"ES",name:"Spain",dialCode:"+34",flag:"🇪🇸"},{code:"LK",name:"Sri Lanka",dialCode:"+94",flag:"🇱🇰"},{code:"SD",name:"Sudan",dialCode:"+249",flag:"🇸🇩"},{code:"SR",name:"Suriname",dialCode:"+597",flag:"🇸🇷"},{code:"SE",name:"Sweden",dialCode:"+46",flag:"🇸🇪"},{code:"CH",name:"Switzerland",dialCode:"+41",flag:"🇨🇭"},{code:"SY",name:"Syria",dialCode:"+963",flag:"🇸🇾"},{code:"TW",name:"Taiwan",dialCode:"+886",flag:"🇹🇼"},{code:"TJ",name:"Tajikistan",dialCode:"+992",flag:"🇹🇯"},{code:"TZ",name:"Tanzania",dialCode:"+255",flag:"🇹🇿"},{code:"TH",name:"Thailand",dialCode:"+66",flag:"🇹🇭"},{code:"TL",name:"Timor-Leste",dialCode:"+670",flag:"🇹🇱"},{code:"TG",name:"Togo",dialCode:"+228",flag:"🇹🇬"},{code:"TN",name:"Tunisia",dialCode:"+216",flag:"🇹🇳"},{code:"TR",name:"Turkey",dialCode:"+90",flag:"🇹🇷"},{code:"TM",name:"Turkmenistan",dialCode:"+993",flag:"🇹🇲"},{code:"UG",name:"Uganda",dialCode:"+256",flag:"🇺🇬"},{code:"UA",name:"Ukraine",dialCode:"+380",flag:"🇺🇦"},{code:"AE",name:"United Arab Emirates",dialCode:"+971",flag:"🇦🇪"},{code:"GB",name:"United Kingdom",dialCode:"+44",flag:"🇬🇧"},{code:"US",name:"United States",dialCode:"+1",flag:"🇺🇸"},{code:"UY",name:"Uruguay",dialCode:"+598",flag:"🇺🇾"},{code:"UZ",name:"Uzbekistan",dialCode:"+998",flag:"🇺🇿"},{code:"VE",name:"Venezuela",dialCode:"+58",flag:"🇻🇪"},{code:"VN",name:"Vietnam",dialCode:"+84",flag:"🇻🇳"},{code:"YE",name:"Yemen",dialCode:"+967",flag:"🇾🇪"},{code:"ZM",name:"Zambia",dialCode:"+260",flag:"🇿🇲"},{code:"ZW",name:"Zimbabwe",dialCode:"+263",flag:"🇿🇼"}];const e={US:{mask:"(###) ###-####",placeholder:"(555) 555-5555",maxLength:10},CA:{mask:"(###) ###-####",placeholder:"(555) 555-5555",maxLength:10},PR:{mask:"(###) ###-####",placeholder:"(555) 555-5555",maxLength:10},GB:{mask:"#### ######",placeholder:"7911 123456",maxLength:10},DE:{mask:"### ########",placeholder:"151 12345678",maxLength:11},FR:{mask:"# ## ## ## ##",placeholder:"6 12 34 56 78",maxLength:9},IT:{mask:"### ### ####",placeholder:"312 345 6789",maxLength:10},ES:{mask:"### ### ###",placeholder:"612 345 678",maxLength:9},NL:{mask:"# ########",placeholder:"6 12345678",maxLength:9},BE:{mask:"### ## ## ##",placeholder:"470 12 34 56",maxLength:9},CH:{mask:"## ### ## ##",placeholder:"78 123 45 67",maxLength:9},AT:{mask:"### #######",placeholder:"664 1234567",maxLength:10},SE:{mask:"##-### ## ##",placeholder:"70-123 45 67",maxLength:9},NO:{mask:"### ## ###",placeholder:"412 34 567",maxLength:8},DK:{mask:"## ## ## ##",placeholder:"20 12 34 56",maxLength:8},FI:{mask:"## ### ####",placeholder:"41 234 5678",maxLength:9},IE:{mask:"## ### ####",placeholder:"85 123 4567",maxLength:9},PL:{mask:"### ### ###",placeholder:"512 345 678",maxLength:9},PT:{mask:"### ### ###",placeholder:"912 345 678",maxLength:9},GR:{mask:"### ### ####",placeholder:"691 234 5678",maxLength:10},IL:{mask:"##-###-####",placeholder:"50-123-4567",maxLength:9},AE:{mask:"## ### ####",placeholder:"50 123 4567",maxLength:9},SA:{mask:"## ### ####",placeholder:"50 123 4567",maxLength:9},JO:{mask:"# #### ####",placeholder:"7 9012 3456",maxLength:9},JP:{mask:"##-####-####",placeholder:"90-1234-5678",maxLength:10},KR:{mask:"##-####-####",placeholder:"10-1234-5678",maxLength:10},CN:{mask:"### #### ####",placeholder:"131 2345 6789",maxLength:11},IN:{mask:"##### #####",placeholder:"98765 43210",maxLength:10},SG:{mask:"#### ####",placeholder:"8123 4567",maxLength:8},HK:{mask:"#### ####",placeholder:"9123 4567",maxLength:8},MY:{mask:"##-### ####",placeholder:"12-345 6789",maxLength:9},TH:{mask:"##-###-####",placeholder:"81-234-5678",maxLength:9},PH:{mask:"### ### ####",placeholder:"917 123 4567",maxLength:10},ID:{mask:"###-####-####",placeholder:"812-3456-7890",maxLength:11},VN:{mask:"## ### ## ##",placeholder:"91 234 56 78",maxLength:9},BR:{mask:"## #####-####",placeholder:"11 98765-4321",maxLength:11},MX:{mask:"## #### ####",placeholder:"55 1234 5678",maxLength:10},AR:{mask:"## ####-####",placeholder:"11 2345-6789",maxLength:10},CL:{mask:"# #### ####",placeholder:"9 1234 5678",maxLength:9},CO:{mask:"### ### ####",placeholder:"310 123 4567",maxLength:10},AU:{mask:"### ### ###",placeholder:"412 345 678",maxLength:9},NZ:{mask:"## ### ####",placeholder:"21 123 4567",maxLength:9},ZA:{mask:"## ### ####",placeholder:"82 123 4567",maxLength:9},NG:{mask:"### ### ####",placeholder:"803 123 4567",maxLength:10},EG:{mask:"### ### ####",placeholder:"100 123 4567",maxLength:10},KE:{mask:"### ######",placeholder:"712 345678",maxLength:9}},d={mask:"### ### ####",placeholder:"123 456 7890",maxLength:10};function o(a){return e[a.toUpperCase()]||d}exports.allCountries=a,exports.commonCountries=[{code:"US",name:"United States",dialCode:"+1",flag:"🇺🇸"},{code:"GB",name:"United Kingdom",dialCode:"+44",flag:"🇬🇧"},{code:"CA",name:"Canada",dialCode:"+1",flag:"🇨🇦"},{code:"AU",name:"Australia",dialCode:"+61",flag:"🇦🇺"},{code:"DE",name:"Germany",dialCode:"+49",flag:"🇩🇪"},{code:"FR",name:"France",dialCode:"+33",flag:"🇫🇷"},{code:"IT",name:"Italy",dialCode:"+39",flag:"🇮🇹"},{code:"ES",name:"Spain",dialCode:"+34",flag:"🇪🇸"},{code:"NL",name:"Netherlands",dialCode:"+31",flag:"🇳🇱"},{code:"BE",name:"Belgium",dialCode:"+32",flag:"🇧🇪"},{code:"CH",name:"Switzerland",dialCode:"+41",flag:"🇨🇭"},{code:"AT",name:"Austria",dialCode:"+43",flag:"🇦🇹"},{code:"SE",name:"Sweden",dialCode:"+46",flag:"🇸🇪"},{code:"NO",name:"Norway",dialCode:"+47",flag:"🇳🇴"},{code:"DK",name:"Denmark",dialCode:"+45",flag:"🇩🇰"},{code:"FI",name:"Finland",dialCode:"+358",flag:"🇫🇮"},{code:"IE",name:"Ireland",dialCode:"+353",flag:"🇮🇪"},{code:"IL",name:"Israel",dialCode:"+972",flag:"🇮🇱"},{code:"JP",name:"Japan",dialCode:"+81",flag:"🇯🇵"},{code:"KR",name:"South Korea",dialCode:"+82",flag:"🇰🇷"},{code:"CN",name:"China",dialCode:"+86",flag:"🇨🇳"},{code:"IN",name:"India",dialCode:"+91",flag:"🇮🇳"},{code:"SG",name:"Singapore",dialCode:"+65",flag:"🇸🇬"},{code:"HK",name:"Hong Kong",dialCode:"+852",flag:"🇭🇰"},{code:"BR",name:"Brazil",dialCode:"+55",flag:"🇧🇷"},{code:"MX",name:"Mexico",dialCode:"+52",flag:"🇲🇽"},{code:"AR",name:"Argentina",dialCode:"+54",flag:"🇦🇷"},{code:"ZA",name:"South Africa",dialCode:"+27",flag:"🇿🇦"},{code:"AE",name:"United Arab Emirates",dialCode:"+971",flag:"🇦🇪"},{code:"SA",name:"Saudi Arabia",dialCode:"+966",flag:"🇸🇦"}],exports.defaultCountries=[{code:"US",name:"United States",dialCode:"+1",flag:"🇺🇸"},{code:"IL",name:"Israel",dialCode:"+972",flag:"🇮🇱"},{code:"GB",name:"United Kingdom",dialCode:"+44",flag:"🇬🇧"},{code:"DE",name:"Germany",dialCode:"+49",flag:"🇩🇪"}],exports.defaultPhoneMask=d,exports.formatPhoneNumber=function(a,e){const d=a.replace(/\D/g,""),l=o(e),n=d.slice(0,l.maxLength);let i="",m=0;for(let o=0;o<l.mask.length&&m<n.length;o++)"#"===l.mask[o]?(i+=n[m],m++):i+=l.mask[o];return i},exports.getCountriesByDialCode=function(e){const d=e.startsWith("+")?e:`+${e}`;return a.filter(a=>a.dialCode===d)},exports.getCountryByCode=function(e){return a.find(a=>a.code===e.toUpperCase())},exports.getCountryByDialCode=function(e){const d=e.startsWith("+")?e:`+${e}`;return a.find(a=>a.dialCode===d)},exports.getPhoneDigits=function(a){return a.replace(/\D/g,"")},exports.getPhoneMask=o,exports.isValidPhoneLength=function(a,e){const d=a.replace(/\D/g,""),l=o(e);return d.length===l.maxLength},exports.phoneMasks=e,exports.searchCountries=function(e){const d=e.toLowerCase();return a.filter(a=>a.name.toLowerCase().includes(d))};
|
package/dist/index32.js
ADDED
|
@@ -0,0 +1,332 @@
|
|
|
1
|
+
const allCountries = [
|
|
2
|
+
{ code: "AF", name: "Afghanistan", dialCode: "+93", flag: "🇦🇫" },
|
|
3
|
+
{ code: "AL", name: "Albania", dialCode: "+355", flag: "🇦🇱" },
|
|
4
|
+
{ code: "DZ", name: "Algeria", dialCode: "+213", flag: "🇩🇿" },
|
|
5
|
+
{ code: "AD", name: "Andorra", dialCode: "+376", flag: "🇦🇩" },
|
|
6
|
+
{ code: "AO", name: "Angola", dialCode: "+244", flag: "🇦🇴" },
|
|
7
|
+
{ code: "AR", name: "Argentina", dialCode: "+54", flag: "🇦🇷" },
|
|
8
|
+
{ code: "AM", name: "Armenia", dialCode: "+374", flag: "🇦🇲" },
|
|
9
|
+
{ code: "AU", name: "Australia", dialCode: "+61", flag: "🇦🇺" },
|
|
10
|
+
{ code: "AT", name: "Austria", dialCode: "+43", flag: "🇦🇹" },
|
|
11
|
+
{ code: "AZ", name: "Azerbaijan", dialCode: "+994", flag: "🇦🇿" },
|
|
12
|
+
{ code: "BH", name: "Bahrain", dialCode: "+973", flag: "🇧🇭" },
|
|
13
|
+
{ code: "BD", name: "Bangladesh", dialCode: "+880", flag: "🇧🇩" },
|
|
14
|
+
{ code: "BY", name: "Belarus", dialCode: "+375", flag: "🇧🇾" },
|
|
15
|
+
{ code: "BE", name: "Belgium", dialCode: "+32", flag: "🇧🇪" },
|
|
16
|
+
{ code: "BZ", name: "Belize", dialCode: "+501", flag: "🇧🇿" },
|
|
17
|
+
{ code: "BJ", name: "Benin", dialCode: "+229", flag: "🇧🇯" },
|
|
18
|
+
{ code: "BT", name: "Bhutan", dialCode: "+975", flag: "🇧🇹" },
|
|
19
|
+
{ code: "BO", name: "Bolivia", dialCode: "+591", flag: "🇧🇴" },
|
|
20
|
+
{ code: "BA", name: "Bosnia and Herzegovina", dialCode: "+387", flag: "🇧🇦" },
|
|
21
|
+
{ code: "BW", name: "Botswana", dialCode: "+267", flag: "🇧🇼" },
|
|
22
|
+
{ code: "BR", name: "Brazil", dialCode: "+55", flag: "🇧🇷" },
|
|
23
|
+
{ code: "BN", name: "Brunei", dialCode: "+673", flag: "🇧🇳" },
|
|
24
|
+
{ code: "BG", name: "Bulgaria", dialCode: "+359", flag: "🇧🇬" },
|
|
25
|
+
{ code: "BF", name: "Burkina Faso", dialCode: "+226", flag: "🇧🇫" },
|
|
26
|
+
{ code: "BI", name: "Burundi", dialCode: "+257", flag: "🇧🇮" },
|
|
27
|
+
{ code: "KH", name: "Cambodia", dialCode: "+855", flag: "🇰🇭" },
|
|
28
|
+
{ code: "CM", name: "Cameroon", dialCode: "+237", flag: "🇨🇲" },
|
|
29
|
+
{ code: "CA", name: "Canada", dialCode: "+1", flag: "🇨🇦" },
|
|
30
|
+
{ code: "CV", name: "Cape Verde", dialCode: "+238", flag: "🇨🇻" },
|
|
31
|
+
{ code: "CF", name: "Central African Republic", dialCode: "+236", flag: "🇨🇫" },
|
|
32
|
+
{ code: "TD", name: "Chad", dialCode: "+235", flag: "🇹🇩" },
|
|
33
|
+
{ code: "CL", name: "Chile", dialCode: "+56", flag: "🇨🇱" },
|
|
34
|
+
{ code: "CN", name: "China", dialCode: "+86", flag: "🇨🇳" },
|
|
35
|
+
{ code: "CO", name: "Colombia", dialCode: "+57", flag: "🇨🇴" },
|
|
36
|
+
{ code: "KM", name: "Comoros", dialCode: "+269", flag: "🇰🇲" },
|
|
37
|
+
{ code: "CG", name: "Congo", dialCode: "+242", flag: "🇨🇬" },
|
|
38
|
+
{ code: "CD", name: "Congo (DRC)", dialCode: "+243", flag: "🇨🇩" },
|
|
39
|
+
{ code: "CR", name: "Costa Rica", dialCode: "+506", flag: "🇨🇷" },
|
|
40
|
+
{ code: "HR", name: "Croatia", dialCode: "+385", flag: "🇭🇷" },
|
|
41
|
+
{ code: "CU", name: "Cuba", dialCode: "+53", flag: "🇨🇺" },
|
|
42
|
+
{ code: "CY", name: "Cyprus", dialCode: "+357", flag: "🇨🇾" },
|
|
43
|
+
{ code: "CZ", name: "Czech Republic", dialCode: "+420", flag: "🇨🇿" },
|
|
44
|
+
{ code: "DK", name: "Denmark", dialCode: "+45", flag: "🇩🇰" },
|
|
45
|
+
{ code: "DJ", name: "Djibouti", dialCode: "+253", flag: "🇩🇯" },
|
|
46
|
+
{ code: "DO", name: "Dominican Republic", dialCode: "+1", flag: "🇩🇴" },
|
|
47
|
+
{ code: "EC", name: "Ecuador", dialCode: "+593", flag: "🇪🇨" },
|
|
48
|
+
{ code: "EG", name: "Egypt", dialCode: "+20", flag: "🇪🇬" },
|
|
49
|
+
{ code: "SV", name: "El Salvador", dialCode: "+503", flag: "🇸🇻" },
|
|
50
|
+
{ code: "GQ", name: "Equatorial Guinea", dialCode: "+240", flag: "🇬🇶" },
|
|
51
|
+
{ code: "ER", name: "Eritrea", dialCode: "+291", flag: "🇪🇷" },
|
|
52
|
+
{ code: "EE", name: "Estonia", dialCode: "+372", flag: "🇪🇪" },
|
|
53
|
+
{ code: "SZ", name: "Eswatini", dialCode: "+268", flag: "🇸🇿" },
|
|
54
|
+
{ code: "ET", name: "Ethiopia", dialCode: "+251", flag: "🇪🇹" },
|
|
55
|
+
{ code: "FJ", name: "Fiji", dialCode: "+679", flag: "🇫🇯" },
|
|
56
|
+
{ code: "FI", name: "Finland", dialCode: "+358", flag: "🇫🇮" },
|
|
57
|
+
{ code: "FR", name: "France", dialCode: "+33", flag: "🇫🇷" },
|
|
58
|
+
{ code: "GA", name: "Gabon", dialCode: "+241", flag: "🇬🇦" },
|
|
59
|
+
{ code: "GM", name: "Gambia", dialCode: "+220", flag: "🇬🇲" },
|
|
60
|
+
{ code: "GE", name: "Georgia", dialCode: "+995", flag: "🇬🇪" },
|
|
61
|
+
{ code: "DE", name: "Germany", dialCode: "+49", flag: "🇩🇪" },
|
|
62
|
+
{ code: "GH", name: "Ghana", dialCode: "+233", flag: "🇬🇭" },
|
|
63
|
+
{ code: "GR", name: "Greece", dialCode: "+30", flag: "🇬🇷" },
|
|
64
|
+
{ code: "GT", name: "Guatemala", dialCode: "+502", flag: "🇬🇹" },
|
|
65
|
+
{ code: "GN", name: "Guinea", dialCode: "+224", flag: "🇬🇳" },
|
|
66
|
+
{ code: "GW", name: "Guinea-Bissau", dialCode: "+245", flag: "🇬🇼" },
|
|
67
|
+
{ code: "GY", name: "Guyana", dialCode: "+592", flag: "🇬🇾" },
|
|
68
|
+
{ code: "HT", name: "Haiti", dialCode: "+509", flag: "🇭🇹" },
|
|
69
|
+
{ code: "HN", name: "Honduras", dialCode: "+504", flag: "🇭🇳" },
|
|
70
|
+
{ code: "HK", name: "Hong Kong", dialCode: "+852", flag: "🇭🇰" },
|
|
71
|
+
{ code: "HU", name: "Hungary", dialCode: "+36", flag: "🇭🇺" },
|
|
72
|
+
{ code: "IS", name: "Iceland", dialCode: "+354", flag: "🇮🇸" },
|
|
73
|
+
{ code: "IN", name: "India", dialCode: "+91", flag: "🇮🇳" },
|
|
74
|
+
{ code: "ID", name: "Indonesia", dialCode: "+62", flag: "🇮🇩" },
|
|
75
|
+
{ code: "IR", name: "Iran", dialCode: "+98", flag: "🇮🇷" },
|
|
76
|
+
{ code: "IQ", name: "Iraq", dialCode: "+964", flag: "🇮🇶" },
|
|
77
|
+
{ code: "IE", name: "Ireland", dialCode: "+353", flag: "🇮🇪" },
|
|
78
|
+
{ code: "IL", name: "Israel", dialCode: "+972", flag: "🇮🇱" },
|
|
79
|
+
{ code: "IT", name: "Italy", dialCode: "+39", flag: "🇮🇹" },
|
|
80
|
+
{ code: "CI", name: "Ivory Coast", dialCode: "+225", flag: "🇨🇮" },
|
|
81
|
+
{ code: "JM", name: "Jamaica", dialCode: "+1", flag: "🇯🇲" },
|
|
82
|
+
{ code: "JP", name: "Japan", dialCode: "+81", flag: "🇯🇵" },
|
|
83
|
+
{ code: "JO", name: "Jordan", dialCode: "+962", flag: "🇯🇴" },
|
|
84
|
+
{ code: "KZ", name: "Kazakhstan", dialCode: "+7", flag: "🇰🇿" },
|
|
85
|
+
{ code: "KE", name: "Kenya", dialCode: "+254", flag: "🇰🇪" },
|
|
86
|
+
{ code: "KW", name: "Kuwait", dialCode: "+965", flag: "🇰🇼" },
|
|
87
|
+
{ code: "KG", name: "Kyrgyzstan", dialCode: "+996", flag: "🇰🇬" },
|
|
88
|
+
{ code: "LA", name: "Laos", dialCode: "+856", flag: "🇱🇦" },
|
|
89
|
+
{ code: "LV", name: "Latvia", dialCode: "+371", flag: "🇱🇻" },
|
|
90
|
+
{ code: "LB", name: "Lebanon", dialCode: "+961", flag: "🇱🇧" },
|
|
91
|
+
{ code: "LS", name: "Lesotho", dialCode: "+266", flag: "🇱🇸" },
|
|
92
|
+
{ code: "LR", name: "Liberia", dialCode: "+231", flag: "🇱🇷" },
|
|
93
|
+
{ code: "LY", name: "Libya", dialCode: "+218", flag: "🇱🇾" },
|
|
94
|
+
{ code: "LI", name: "Liechtenstein", dialCode: "+423", flag: "🇱🇮" },
|
|
95
|
+
{ code: "LT", name: "Lithuania", dialCode: "+370", flag: "🇱🇹" },
|
|
96
|
+
{ code: "LU", name: "Luxembourg", dialCode: "+352", flag: "🇱🇺" },
|
|
97
|
+
{ code: "MO", name: "Macau", dialCode: "+853", flag: "🇲🇴" },
|
|
98
|
+
{ code: "MK", name: "North Macedonia", dialCode: "+389", flag: "🇲🇰" },
|
|
99
|
+
{ code: "MG", name: "Madagascar", dialCode: "+261", flag: "🇲🇬" },
|
|
100
|
+
{ code: "MW", name: "Malawi", dialCode: "+265", flag: "🇲🇼" },
|
|
101
|
+
{ code: "MY", name: "Malaysia", dialCode: "+60", flag: "🇲🇾" },
|
|
102
|
+
{ code: "MV", name: "Maldives", dialCode: "+960", flag: "🇲🇻" },
|
|
103
|
+
{ code: "ML", name: "Mali", dialCode: "+223", flag: "🇲🇱" },
|
|
104
|
+
{ code: "MT", name: "Malta", dialCode: "+356", flag: "🇲🇹" },
|
|
105
|
+
{ code: "MR", name: "Mauritania", dialCode: "+222", flag: "🇲🇷" },
|
|
106
|
+
{ code: "MU", name: "Mauritius", dialCode: "+230", flag: "🇲🇺" },
|
|
107
|
+
{ code: "MX", name: "Mexico", dialCode: "+52", flag: "🇲🇽" },
|
|
108
|
+
{ code: "MD", name: "Moldova", dialCode: "+373", flag: "🇲🇩" },
|
|
109
|
+
{ code: "MC", name: "Monaco", dialCode: "+377", flag: "🇲🇨" },
|
|
110
|
+
{ code: "MN", name: "Mongolia", dialCode: "+976", flag: "🇲🇳" },
|
|
111
|
+
{ code: "ME", name: "Montenegro", dialCode: "+382", flag: "🇲🇪" },
|
|
112
|
+
{ code: "MA", name: "Morocco", dialCode: "+212", flag: "🇲🇦" },
|
|
113
|
+
{ code: "MZ", name: "Mozambique", dialCode: "+258", flag: "🇲🇿" },
|
|
114
|
+
{ code: "MM", name: "Myanmar", dialCode: "+95", flag: "🇲🇲" },
|
|
115
|
+
{ code: "NA", name: "Namibia", dialCode: "+264", flag: "🇳🇦" },
|
|
116
|
+
{ code: "NP", name: "Nepal", dialCode: "+977", flag: "🇳🇵" },
|
|
117
|
+
{ code: "NL", name: "Netherlands", dialCode: "+31", flag: "🇳🇱" },
|
|
118
|
+
{ code: "NZ", name: "New Zealand", dialCode: "+64", flag: "🇳🇿" },
|
|
119
|
+
{ code: "NI", name: "Nicaragua", dialCode: "+505", flag: "🇳🇮" },
|
|
120
|
+
{ code: "NE", name: "Niger", dialCode: "+227", flag: "🇳🇪" },
|
|
121
|
+
{ code: "NG", name: "Nigeria", dialCode: "+234", flag: "🇳🇬" },
|
|
122
|
+
{ code: "KP", name: "North Korea", dialCode: "+850", flag: "🇰🇵" },
|
|
123
|
+
{ code: "NO", name: "Norway", dialCode: "+47", flag: "🇳🇴" },
|
|
124
|
+
{ code: "OM", name: "Oman", dialCode: "+968", flag: "🇴🇲" },
|
|
125
|
+
{ code: "PK", name: "Pakistan", dialCode: "+92", flag: "🇵🇰" },
|
|
126
|
+
{ code: "PS", name: "Palestine", dialCode: "+970", flag: "🇵🇸" },
|
|
127
|
+
{ code: "PA", name: "Panama", dialCode: "+507", flag: "🇵🇦" },
|
|
128
|
+
{ code: "PG", name: "Papua New Guinea", dialCode: "+675", flag: "🇵🇬" },
|
|
129
|
+
{ code: "PY", name: "Paraguay", dialCode: "+595", flag: "🇵🇾" },
|
|
130
|
+
{ code: "PE", name: "Peru", dialCode: "+51", flag: "🇵🇪" },
|
|
131
|
+
{ code: "PH", name: "Philippines", dialCode: "+63", flag: "🇵🇭" },
|
|
132
|
+
{ code: "PL", name: "Poland", dialCode: "+48", flag: "🇵🇱" },
|
|
133
|
+
{ code: "PT", name: "Portugal", dialCode: "+351", flag: "🇵🇹" },
|
|
134
|
+
{ code: "PR", name: "Puerto Rico", dialCode: "+1", flag: "🇵🇷" },
|
|
135
|
+
{ code: "QA", name: "Qatar", dialCode: "+974", flag: "🇶🇦" },
|
|
136
|
+
{ code: "RO", name: "Romania", dialCode: "+40", flag: "🇷🇴" },
|
|
137
|
+
{ code: "RU", name: "Russia", dialCode: "+7", flag: "🇷🇺" },
|
|
138
|
+
{ code: "RW", name: "Rwanda", dialCode: "+250", flag: "🇷🇼" },
|
|
139
|
+
{ code: "SA", name: "Saudi Arabia", dialCode: "+966", flag: "🇸🇦" },
|
|
140
|
+
{ code: "SN", name: "Senegal", dialCode: "+221", flag: "🇸🇳" },
|
|
141
|
+
{ code: "RS", name: "Serbia", dialCode: "+381", flag: "🇷🇸" },
|
|
142
|
+
{ code: "SG", name: "Singapore", dialCode: "+65", flag: "🇸🇬" },
|
|
143
|
+
{ code: "SK", name: "Slovakia", dialCode: "+421", flag: "🇸🇰" },
|
|
144
|
+
{ code: "SI", name: "Slovenia", dialCode: "+386", flag: "🇸🇮" },
|
|
145
|
+
{ code: "SO", name: "Somalia", dialCode: "+252", flag: "🇸🇴" },
|
|
146
|
+
{ code: "ZA", name: "South Africa", dialCode: "+27", flag: "🇿🇦" },
|
|
147
|
+
{ code: "KR", name: "South Korea", dialCode: "+82", flag: "🇰🇷" },
|
|
148
|
+
{ code: "SS", name: "South Sudan", dialCode: "+211", flag: "🇸🇸" },
|
|
149
|
+
{ code: "ES", name: "Spain", dialCode: "+34", flag: "🇪🇸" },
|
|
150
|
+
{ code: "LK", name: "Sri Lanka", dialCode: "+94", flag: "🇱🇰" },
|
|
151
|
+
{ code: "SD", name: "Sudan", dialCode: "+249", flag: "🇸🇩" },
|
|
152
|
+
{ code: "SR", name: "Suriname", dialCode: "+597", flag: "🇸🇷" },
|
|
153
|
+
{ code: "SE", name: "Sweden", dialCode: "+46", flag: "🇸🇪" },
|
|
154
|
+
{ code: "CH", name: "Switzerland", dialCode: "+41", flag: "🇨🇭" },
|
|
155
|
+
{ code: "SY", name: "Syria", dialCode: "+963", flag: "🇸🇾" },
|
|
156
|
+
{ code: "TW", name: "Taiwan", dialCode: "+886", flag: "🇹🇼" },
|
|
157
|
+
{ code: "TJ", name: "Tajikistan", dialCode: "+992", flag: "🇹🇯" },
|
|
158
|
+
{ code: "TZ", name: "Tanzania", dialCode: "+255", flag: "🇹🇿" },
|
|
159
|
+
{ code: "TH", name: "Thailand", dialCode: "+66", flag: "🇹🇭" },
|
|
160
|
+
{ code: "TL", name: "Timor-Leste", dialCode: "+670", flag: "🇹🇱" },
|
|
161
|
+
{ code: "TG", name: "Togo", dialCode: "+228", flag: "🇹🇬" },
|
|
162
|
+
{ code: "TN", name: "Tunisia", dialCode: "+216", flag: "🇹🇳" },
|
|
163
|
+
{ code: "TR", name: "Turkey", dialCode: "+90", flag: "🇹🇷" },
|
|
164
|
+
{ code: "TM", name: "Turkmenistan", dialCode: "+993", flag: "🇹🇲" },
|
|
165
|
+
{ code: "UG", name: "Uganda", dialCode: "+256", flag: "🇺🇬" },
|
|
166
|
+
{ code: "UA", name: "Ukraine", dialCode: "+380", flag: "🇺🇦" },
|
|
167
|
+
{ code: "AE", name: "United Arab Emirates", dialCode: "+971", flag: "🇦🇪" },
|
|
168
|
+
{ code: "GB", name: "United Kingdom", dialCode: "+44", flag: "🇬🇧" },
|
|
169
|
+
{ code: "US", name: "United States", dialCode: "+1", flag: "🇺🇸" },
|
|
170
|
+
{ code: "UY", name: "Uruguay", dialCode: "+598", flag: "🇺🇾" },
|
|
171
|
+
{ code: "UZ", name: "Uzbekistan", dialCode: "+998", flag: "🇺🇿" },
|
|
172
|
+
{ code: "VE", name: "Venezuela", dialCode: "+58", flag: "🇻🇪" },
|
|
173
|
+
{ code: "VN", name: "Vietnam", dialCode: "+84", flag: "🇻🇳" },
|
|
174
|
+
{ code: "YE", name: "Yemen", dialCode: "+967", flag: "🇾🇪" },
|
|
175
|
+
{ code: "ZM", name: "Zambia", dialCode: "+260", flag: "🇿🇲" },
|
|
176
|
+
{ code: "ZW", name: "Zimbabwe", dialCode: "+263", flag: "🇿🇼" }
|
|
177
|
+
];
|
|
178
|
+
const commonCountries = [
|
|
179
|
+
{ code: "US", name: "United States", dialCode: "+1", flag: "🇺🇸" },
|
|
180
|
+
{ code: "GB", name: "United Kingdom", dialCode: "+44", flag: "🇬🇧" },
|
|
181
|
+
{ code: "CA", name: "Canada", dialCode: "+1", flag: "🇨🇦" },
|
|
182
|
+
{ code: "AU", name: "Australia", dialCode: "+61", flag: "🇦🇺" },
|
|
183
|
+
{ code: "DE", name: "Germany", dialCode: "+49", flag: "🇩🇪" },
|
|
184
|
+
{ code: "FR", name: "France", dialCode: "+33", flag: "🇫🇷" },
|
|
185
|
+
{ code: "IT", name: "Italy", dialCode: "+39", flag: "🇮🇹" },
|
|
186
|
+
{ code: "ES", name: "Spain", dialCode: "+34", flag: "🇪🇸" },
|
|
187
|
+
{ code: "NL", name: "Netherlands", dialCode: "+31", flag: "🇳🇱" },
|
|
188
|
+
{ code: "BE", name: "Belgium", dialCode: "+32", flag: "🇧🇪" },
|
|
189
|
+
{ code: "CH", name: "Switzerland", dialCode: "+41", flag: "🇨🇭" },
|
|
190
|
+
{ code: "AT", name: "Austria", dialCode: "+43", flag: "🇦🇹" },
|
|
191
|
+
{ code: "SE", name: "Sweden", dialCode: "+46", flag: "🇸🇪" },
|
|
192
|
+
{ code: "NO", name: "Norway", dialCode: "+47", flag: "🇳🇴" },
|
|
193
|
+
{ code: "DK", name: "Denmark", dialCode: "+45", flag: "🇩🇰" },
|
|
194
|
+
{ code: "FI", name: "Finland", dialCode: "+358", flag: "🇫🇮" },
|
|
195
|
+
{ code: "IE", name: "Ireland", dialCode: "+353", flag: "🇮🇪" },
|
|
196
|
+
{ code: "IL", name: "Israel", dialCode: "+972", flag: "🇮🇱" },
|
|
197
|
+
{ code: "JP", name: "Japan", dialCode: "+81", flag: "🇯🇵" },
|
|
198
|
+
{ code: "KR", name: "South Korea", dialCode: "+82", flag: "🇰🇷" },
|
|
199
|
+
{ code: "CN", name: "China", dialCode: "+86", flag: "🇨🇳" },
|
|
200
|
+
{ code: "IN", name: "India", dialCode: "+91", flag: "🇮🇳" },
|
|
201
|
+
{ code: "SG", name: "Singapore", dialCode: "+65", flag: "🇸🇬" },
|
|
202
|
+
{ code: "HK", name: "Hong Kong", dialCode: "+852", flag: "🇭🇰" },
|
|
203
|
+
{ code: "BR", name: "Brazil", dialCode: "+55", flag: "🇧🇷" },
|
|
204
|
+
{ code: "MX", name: "Mexico", dialCode: "+52", flag: "🇲🇽" },
|
|
205
|
+
{ code: "AR", name: "Argentina", dialCode: "+54", flag: "🇦🇷" },
|
|
206
|
+
{ code: "ZA", name: "South Africa", dialCode: "+27", flag: "🇿🇦" },
|
|
207
|
+
{ code: "AE", name: "United Arab Emirates", dialCode: "+971", flag: "🇦🇪" },
|
|
208
|
+
{ code: "SA", name: "Saudi Arabia", dialCode: "+966", flag: "🇸🇦" }
|
|
209
|
+
];
|
|
210
|
+
const defaultCountries = [
|
|
211
|
+
{ code: "US", name: "United States", dialCode: "+1", flag: "🇺🇸" },
|
|
212
|
+
{ code: "IL", name: "Israel", dialCode: "+972", flag: "🇮🇱" },
|
|
213
|
+
{ code: "GB", name: "United Kingdom", dialCode: "+44", flag: "🇬🇧" },
|
|
214
|
+
{ code: "DE", name: "Germany", dialCode: "+49", flag: "🇩🇪" }
|
|
215
|
+
];
|
|
216
|
+
function getCountryByCode(code) {
|
|
217
|
+
return allCountries.find((c) => c.code === code.toUpperCase());
|
|
218
|
+
}
|
|
219
|
+
function getCountryByDialCode(dialCode) {
|
|
220
|
+
const normalized = dialCode.startsWith("+") ? dialCode : `+${dialCode}`;
|
|
221
|
+
return allCountries.find((c) => c.dialCode === normalized);
|
|
222
|
+
}
|
|
223
|
+
function getCountriesByDialCode(dialCode) {
|
|
224
|
+
const normalized = dialCode.startsWith("+") ? dialCode : `+${dialCode}`;
|
|
225
|
+
return allCountries.filter((c) => c.dialCode === normalized);
|
|
226
|
+
}
|
|
227
|
+
function searchCountries(query) {
|
|
228
|
+
const lowerQuery = query.toLowerCase();
|
|
229
|
+
return allCountries.filter((c) => c.name.toLowerCase().includes(lowerQuery));
|
|
230
|
+
}
|
|
231
|
+
const phoneMasks = {
|
|
232
|
+
// North America (NANP)
|
|
233
|
+
US: { mask: "(###) ###-####", placeholder: "(555) 555-5555", maxLength: 10 },
|
|
234
|
+
CA: { mask: "(###) ###-####", placeholder: "(555) 555-5555", maxLength: 10 },
|
|
235
|
+
PR: { mask: "(###) ###-####", placeholder: "(555) 555-5555", maxLength: 10 },
|
|
236
|
+
// Europe
|
|
237
|
+
GB: { mask: "#### ######", placeholder: "7911 123456", maxLength: 10 },
|
|
238
|
+
DE: { mask: "### ########", placeholder: "151 12345678", maxLength: 11 },
|
|
239
|
+
FR: { mask: "# ## ## ## ##", placeholder: "6 12 34 56 78", maxLength: 9 },
|
|
240
|
+
IT: { mask: "### ### ####", placeholder: "312 345 6789", maxLength: 10 },
|
|
241
|
+
ES: { mask: "### ### ###", placeholder: "612 345 678", maxLength: 9 },
|
|
242
|
+
NL: { mask: "# ########", placeholder: "6 12345678", maxLength: 9 },
|
|
243
|
+
BE: { mask: "### ## ## ##", placeholder: "470 12 34 56", maxLength: 9 },
|
|
244
|
+
CH: { mask: "## ### ## ##", placeholder: "78 123 45 67", maxLength: 9 },
|
|
245
|
+
AT: { mask: "### #######", placeholder: "664 1234567", maxLength: 10 },
|
|
246
|
+
SE: { mask: "##-### ## ##", placeholder: "70-123 45 67", maxLength: 9 },
|
|
247
|
+
NO: { mask: "### ## ###", placeholder: "412 34 567", maxLength: 8 },
|
|
248
|
+
DK: { mask: "## ## ## ##", placeholder: "20 12 34 56", maxLength: 8 },
|
|
249
|
+
FI: { mask: "## ### ####", placeholder: "41 234 5678", maxLength: 9 },
|
|
250
|
+
IE: { mask: "## ### ####", placeholder: "85 123 4567", maxLength: 9 },
|
|
251
|
+
PL: { mask: "### ### ###", placeholder: "512 345 678", maxLength: 9 },
|
|
252
|
+
PT: { mask: "### ### ###", placeholder: "912 345 678", maxLength: 9 },
|
|
253
|
+
GR: { mask: "### ### ####", placeholder: "691 234 5678", maxLength: 10 },
|
|
254
|
+
// Middle East
|
|
255
|
+
IL: { mask: "##-###-####", placeholder: "50-123-4567", maxLength: 9 },
|
|
256
|
+
AE: { mask: "## ### ####", placeholder: "50 123 4567", maxLength: 9 },
|
|
257
|
+
SA: { mask: "## ### ####", placeholder: "50 123 4567", maxLength: 9 },
|
|
258
|
+
JO: { mask: "# #### ####", placeholder: "7 9012 3456", maxLength: 9 },
|
|
259
|
+
// Asia
|
|
260
|
+
JP: { mask: "##-####-####", placeholder: "90-1234-5678", maxLength: 10 },
|
|
261
|
+
KR: { mask: "##-####-####", placeholder: "10-1234-5678", maxLength: 10 },
|
|
262
|
+
CN: { mask: "### #### ####", placeholder: "131 2345 6789", maxLength: 11 },
|
|
263
|
+
IN: { mask: "##### #####", placeholder: "98765 43210", maxLength: 10 },
|
|
264
|
+
SG: { mask: "#### ####", placeholder: "8123 4567", maxLength: 8 },
|
|
265
|
+
HK: { mask: "#### ####", placeholder: "9123 4567", maxLength: 8 },
|
|
266
|
+
MY: { mask: "##-### ####", placeholder: "12-345 6789", maxLength: 9 },
|
|
267
|
+
TH: { mask: "##-###-####", placeholder: "81-234-5678", maxLength: 9 },
|
|
268
|
+
PH: { mask: "### ### ####", placeholder: "917 123 4567", maxLength: 10 },
|
|
269
|
+
ID: { mask: "###-####-####", placeholder: "812-3456-7890", maxLength: 11 },
|
|
270
|
+
VN: { mask: "## ### ## ##", placeholder: "91 234 56 78", maxLength: 9 },
|
|
271
|
+
// Americas
|
|
272
|
+
BR: { mask: "## #####-####", placeholder: "11 98765-4321", maxLength: 11 },
|
|
273
|
+
MX: { mask: "## #### ####", placeholder: "55 1234 5678", maxLength: 10 },
|
|
274
|
+
AR: { mask: "## ####-####", placeholder: "11 2345-6789", maxLength: 10 },
|
|
275
|
+
CL: { mask: "# #### ####", placeholder: "9 1234 5678", maxLength: 9 },
|
|
276
|
+
CO: { mask: "### ### ####", placeholder: "310 123 4567", maxLength: 10 },
|
|
277
|
+
// Oceania
|
|
278
|
+
AU: { mask: "### ### ###", placeholder: "412 345 678", maxLength: 9 },
|
|
279
|
+
NZ: { mask: "## ### ####", placeholder: "21 123 4567", maxLength: 9 },
|
|
280
|
+
// Africa
|
|
281
|
+
ZA: { mask: "## ### ####", placeholder: "82 123 4567", maxLength: 9 },
|
|
282
|
+
NG: { mask: "### ### ####", placeholder: "803 123 4567", maxLength: 10 },
|
|
283
|
+
EG: { mask: "### ### ####", placeholder: "100 123 4567", maxLength: 10 },
|
|
284
|
+
KE: { mask: "### ######", placeholder: "712 345678", maxLength: 9 }
|
|
285
|
+
};
|
|
286
|
+
const defaultPhoneMask = {
|
|
287
|
+
mask: "### ### ####",
|
|
288
|
+
placeholder: "123 456 7890",
|
|
289
|
+
maxLength: 10
|
|
290
|
+
};
|
|
291
|
+
function getPhoneMask(countryCode) {
|
|
292
|
+
return phoneMasks[countryCode.toUpperCase()] || defaultPhoneMask;
|
|
293
|
+
}
|
|
294
|
+
function formatPhoneNumber(value, countryCode) {
|
|
295
|
+
const digits = value.replace(/\D/g, "");
|
|
296
|
+
const mask = getPhoneMask(countryCode);
|
|
297
|
+
const limitedDigits = digits.slice(0, mask.maxLength);
|
|
298
|
+
let result = "";
|
|
299
|
+
let digitIndex = 0;
|
|
300
|
+
for (let i = 0; i < mask.mask.length && digitIndex < limitedDigits.length; i++) {
|
|
301
|
+
if (mask.mask[i] === "#") {
|
|
302
|
+
result += limitedDigits[digitIndex];
|
|
303
|
+
digitIndex++;
|
|
304
|
+
} else {
|
|
305
|
+
result += mask.mask[i];
|
|
306
|
+
}
|
|
307
|
+
}
|
|
308
|
+
return result;
|
|
309
|
+
}
|
|
310
|
+
function getPhoneDigits(formattedValue) {
|
|
311
|
+
return formattedValue.replace(/\D/g, "");
|
|
312
|
+
}
|
|
313
|
+
function isValidPhoneLength(value, countryCode) {
|
|
314
|
+
const digits = value.replace(/\D/g, "");
|
|
315
|
+
const mask = getPhoneMask(countryCode);
|
|
316
|
+
return digits.length === mask.maxLength;
|
|
317
|
+
}
|
|
318
|
+
export {
|
|
319
|
+
allCountries,
|
|
320
|
+
commonCountries,
|
|
321
|
+
defaultCountries,
|
|
322
|
+
defaultPhoneMask,
|
|
323
|
+
formatPhoneNumber,
|
|
324
|
+
getCountriesByDialCode,
|
|
325
|
+
getCountryByCode,
|
|
326
|
+
getCountryByDialCode,
|
|
327
|
+
getPhoneDigits,
|
|
328
|
+
getPhoneMask,
|
|
329
|
+
isValidPhoneLength,
|
|
330
|
+
phoneMasks,
|
|
331
|
+
searchCountries
|
|
332
|
+
};
|
package/dist/index36.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});process.env.NODE_ENV;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index62.cjs"),s=require("./index31.cjs");;/* empty css */const i=require("./index37.cjs"),n=require("./index61.cjs"),l=t.forwardRef(({type:l="text",label:o,tooltip:a,error:c,helperText:u,fullWidth:d=!1,showPasswordToggle:h=!0,showLastChar:p=!0,lastCharDelay:g=500,validate:x,onValidationChange:f,className:w,id:j,onChange:v,onBlur:m,required:y,value:k,"data-cy":b,"data-testid":_,...C},$)=>{const[N,q]=t.useState(!1),[M,T]=t.useState(),[L,R]=t.useState(!1),[S,W]=t.useState(!1),E=t.useRef(!1),[B,P]=t.useState(""),D=t.useRef(""),F=t.useRef(null),I=t.useRef(null),O=i.useMergedRef($,I),V=t.useId(),z=j||V,A=`${z}-error`,H=`${z}-helper`,G=b||"input",J=_||"input",K="password"===l,Q=K&&h,U=K&&p&&!N&&void 0===k,X=K&&(N||U&&D.current.length>0)?"text":l,Y=o&&y&&!o.includes("*")?`${o} *`:o,Z=t.useMemo(()=>n.debounce(e=>{if(x&&E.current){const t=x(e);T(t),null==f||f(!t)}},300),[x,f]),ee=t.useRef(Z);t.useEffect(()=>{ee.current=Z},[Z]),t.useEffect(()=>{process.env.NODE_ENV},[K,p,k]),t.useEffect(()=>()=>{F.current&&clearTimeout(F.current),ee.current.cancel()},[]);const te=U&&void 0===k?B:N&&K&&void 0===k?D.current||"":k,re=c||M,se=C.disabled?"disabled":re?"error":L?"focus":S?"hover":"idle";return e.jsxs("div",{className:s.cn("input-wrapper",d&&"input-wrapper--full-width"),"data-cy":`${G}-wrapper`,"data-testid":`${J}-wrapper`,children:[(o||a)&&e.jsxs("div",{className:"input__label-row",children:[o&&e.jsx("label",{htmlFor:z,className:"input__label","data-cy":`${G}-label`,"data-testid":`${J}-label`,children:Y}),a&&e.jsx(r.Provider,{delayDuration:200,children:e.jsxs(r.Root,{children:[e.jsx(r.Trigger,{asChild:!0,children:e.jsx("button",{type:"button",className:"input__tooltip-trigger","aria-label":"More information","data-cy":`${G}-tooltip-trigger`,"data-testid":`${J}-tooltip-trigger`,children:e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),e.jsx("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),e.jsx("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),e.jsx(r.Portal,{children:e.jsxs(r.Content,{className:"input__tooltip-content",side:"top",sideOffset:4,"data-cy":`${G}-tooltip-content`,"data-testid":`${J}-tooltip-content`,children:[a,e.jsx(r.Arrow,{className:"input__tooltip-arrow"})]})})]})})]}),e.jsxs("div",{className:"input__field-container",children:[e.jsx("input",{ref:O,id:z,type:X,value:te,className:s.cn("input",re&&"input--error",d&&"input--full-width",Q&&"input--with-toggle",w),"aria-invalid":re?"true":"false","aria-required":y?"true":void 0,"aria-describedby":re?A:u?H:void 0,"data-cy":G,"data-testid":J,"data-state":se,onChange:e=>{let t=e.target.value;if(U){const r=e.target.value,s=D.current,i=B.length;let n;if(0===r.length)n="";else if(r.length>i){const e=r.slice(i);n=s+e}else if(r.length<i)n=s.slice(0,r.length);else{const e=r.slice(-1);n=s.slice(0,-1)+e}D.current=n;const l=n?"•".repeat(n.length-1)+n.slice(-1):"";if(P(l),t=n,v){const t={...e,target:{...e.target,value:n},currentTarget:{...e.currentTarget,value:n}};v(t)}F.current&&clearTimeout(F.current),F.current=setTimeout(()=>{P("•".repeat(n.length))},g)}else null==v||v(e);E.current&&Z(t)},onFocus:e=>{var t;R(!0),null==(t=C.onFocus)||t.call(C,e)},onBlur:e=>{if(R(!1),E.current=!0,x){const t=U?D.current:e.target.value,r=x(t);T(r),null==f||f(!r)}null==m||m(e)},onMouseEnter:()=>{W(!0)},onMouseLeave:()=>{W(!1)},required:y,...C}),Q&&e.jsx("button",{type:"button",className:"input__toggle",onClick:()=>{q(e=>!e),setTimeout(()=>{var e;return null==(e=I.current)?void 0:e.focus()},0)},"aria-label":N?"Hide password":"Show password","data-cy":`${G}-toggle`,"data-testid":`${J}-toggle`,children:N?e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})]}):e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),e.jsx("path",{d:"M3 3l14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})})]}),re&&e.jsx("span",{id:A,className:"input__error",role:"alert","data-cy":`${G}-error`,"data-testid":`${J}-error`,children:re}),u&&!re&&e.jsx("span",{id:H,className:"input__helper","data-cy":`${G}-helper`,"data-testid":`${J}-helper`,children:u})]})});l.displayName="Input",exports.Input=l;
|