@mvf/external-components 3.30.0 → 3.31.1-dev.4

package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/DebouncedValidationStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebouncedValidationStory.js","sourceRoot":"","sources":["../../../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/DebouncedValidationStory.tsx"],"names":[],"mappings":"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"}

package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/PhoneNumberTextFieldStory.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+type StoryType = React.FunctionComponent<{
+    disabled: boolean;
+    errorMessage: string;
+    isAnswered: boolean;
+    label: string;
+    placeholder: string;
+    type: 'tel' | 'text';
+    parentContainerMaxWidth: number;
+    isSafari: boolean;
+    isAutoFilledActive: boolean;
+    enableCountryChange: boolean;
+    enableCountrySearch: boolean;
+    useModalForCountrySelection: boolean;
+    strictMode?: boolean;
+}>;
+declare const PhoneNumberTextFieldStory: StoryType;
+export default PhoneNumberTextFieldStory;

package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/PhoneNumberTextFieldStory.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var addon_actions_1 = require("@storybook/addon-actions");
+var PhoneNumberTextField_1 = __importDefault(require("../../PhoneNumberTextField"));
+var handleChange = function (_a) {
+    var value = _a.value;
+    (0, addon_actions_1.action)('Input Change')({ phone: value });
+};
+var PhoneNumberTextFieldStory = function (_a) {
+    var disabled = _a.disabled, errorMessage = _a.errorMessage, type = _a.type, isAnswered = _a.isAnswered, label = _a.label, placeholder = _a.placeholder, parentContainerMaxWidth = _a.parentContainerMaxWidth, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive, enableCountryChange = _a.enableCountryChange, enableCountrySearch = _a.enableCountrySearch, useModalForCountrySelection = _a.useModalForCountrySelection, strictMode = _a.strictMode;
+    return ((0, jsx_runtime_1.jsx)("div", { style: { maxWidth: parentContainerMaxWidth }, children: (0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { disabled: disabled, errorMessage: errorMessage, onChange: handleChange, type: type, id: "id", isAnswered: isAnswered, label: label, placeholder: placeholder, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive, experimentName: "default", enableCountryChange: enableCountryChange, enableCountrySearch: enableCountrySearch, useModalForCountrySelection: useModalForCountrySelection, strictMode: strictMode }) }));
+};
+exports.default = PhoneNumberTextFieldStory;
+//# sourceMappingURL=PhoneNumberTextFieldStory.js.map

package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/PhoneNumberTextFieldStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneNumberTextFieldStory.js","sourceRoot":"","sources":["../../../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/PhoneNumberTextFieldStory.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAkD;AAGlD,oFAA8D;AAkB9D,IAAM,YAAY,GAAG,UAAC,EAA8C;QAA5C,KAAK,WAAA;IAC3B,IAAA,sBAAM,EAAC,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AAC3C,CAAC,CAAC;AAEF,IAAM,yBAAyB,GAAc,UAAC,EAc7C;QAbC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,uBAAuB,6BAAA,EACvB,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EAClB,mBAAmB,yBAAA,EACnB,mBAAmB,yBAAA,EACnB,2BAA2B,iCAAA,EAC3B,UAAU,gBAAA;IAEV,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,uBAAuB,EAAE,YAC/C,uBAAC,8BAAoB,IACnB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,IAAI,EACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAC,SAAS,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,mBAAmB,EAAE,mBAAmB,EACxC,2BAA2B,EAAE,2BAA2B,EACxD,UAAU,EAAE,UAAU,GACtB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,yBAAyB,CAAC"}

package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/StrictModeStory.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+type StrictModeStoryType = React.FunctionComponent<{
+    disabled: boolean;
+    errorMessage?: string;
+    isAnswered: boolean;
+    label: string;
+    placeholder?: string;
+    type: 'tel' | 'text';
+    parentContainerMaxWidth: number;
+    isSafari: boolean;
+    isAutoFilledActive: boolean;
+    enableCountryChange: boolean;
+    enableCountrySearch: boolean;
+    useModalForCountrySelection: boolean;
+    strictMode: boolean;
+}>;
+declare const StrictModeStory: StrictModeStoryType;
+export default StrictModeStory;

package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/StrictModeStory.js

@@ -0,0 +1,101 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var addon_actions_1 = require("@storybook/addon-actions");
+var react_1 = require("react");
+var PhoneNumberTextField_1 = __importDefault(require("../../PhoneNumberTextField"));
+var StrictModeStory = function (_a) {
+    var disabled = _a.disabled, errorMessage = _a.errorMessage, type = _a.type, isAnswered = _a.isAnswered, label = _a.label, placeholder = _a.placeholder, parentContainerMaxWidth = _a.parentContainerMaxWidth, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive, enableCountryChange = _a.enableCountryChange, enableCountrySearch = _a.enableCountrySearch, useModalForCountrySelection = _a.useModalForCountrySelection, strictMode = _a.strictMode;
+    var _b = (0, react_1.useState)(''), phoneValue = _b[0], setPhoneValue = _b[1];
+    var _c = (0, react_1.useState)({
+        isValid: false,
+    }), validationInfo = _c[0], setValidationInfo = _c[1];
+    var _d = (0, react_1.useState)([]), inputHistory = _d[0], setInputHistory = _d[1];
+    var handlePhoneNumberChange = function (params) {
+        (0, addon_actions_1.action)('Phone Number Change')(params);
+        setPhoneValue(params.phoneNumber);
+        // Track input history for demonstration
+        setInputHistory(function (prev) { return __spreadArray(__spreadArray([], prev.slice(-4), true), [params.phoneNumber], false); });
+    };
+    var handleValidationChange = function (params) {
+        (0, addon_actions_1.action)('Validation Change')(params);
+        setValidationInfo({
+            isValid: params.isValid,
+            errorMessage: params.validationResult.errorMessage,
+            isValidating: false,
+        });
+    };
+    var handleFormattedValueChange = function (params) {
+        (0, addon_actions_1.action)('Formatted Value Change')(params);
+    };
+    var handleCountryChange = function (params) {
+        (0, addon_actions_1.action)('Country Change')(params);
+    };
+    var getStrictModeDescription = function () {
+        if (strictMode) {
+            return {
+                title: 'Strict Mode: ENABLED',
+                color: '#2e7d32',
+                description: 'Only numeric characters and + at the beginning are allowed. Invalid characters are automatically filtered out.',
+                examples: [
+                    'Input: "abc123def" → Output: "123"',
+                    'Input: "++123++456" → Output: "+123456"',
+                    'Input: "123-456-7890" → Output: "1234567890"',
+                    'Input: "123@456#789" → Output: "123456789"',
+                ],
+            };
+        }
+        else {
+            return {
+                title: 'Strict Mode: DISABLED',
+                color: '#d32f2f',
+                description: 'All characters are allowed. No input filtering is applied.',
+                examples: [
+                    'Input: "abc123def" → Output: "abc123def"',
+                    'Input: "++123++456" → Output: "++123++456"',
+                    'Input: "123-456-7890" → Output: "123-456-7890"',
+                    'Input: "123@456#789" → Output: "123@456#789"',
+                ],
+            };
+        }
+    };
+    var strictModeInfo = getStrictModeDescription();
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { maxWidth: parentContainerMaxWidth, padding: '20px' }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                    backgroundColor: '#f5f5f5',
+                    padding: '16px',
+                    borderRadius: '8px',
+                    marginBottom: '20px',
+                    fontFamily: 'monospace',
+                    borderLeft: "4px solid ".concat(strictModeInfo.color),
+                }, children: [(0, jsx_runtime_1.jsx)("h3", { style: { margin: '0 0 12px 0', color: strictModeInfo.color }, children: strictModeInfo.title }), (0, jsx_runtime_1.jsx)("div", { style: { fontSize: '14px', lineHeight: '1.5', marginBottom: '12px' }, children: strictModeInfo.description }), (0, jsx_runtime_1.jsxs)("div", { style: { fontSize: '13px', color: '#666' }, children: [(0, jsx_runtime_1.jsx)("strong", { children: "Examples:" }), (0, jsx_runtime_1.jsx)("ul", { style: { margin: '8px 0 0 0', paddingLeft: '20px' }, children: strictModeInfo.examples.map(function (example, index) { return ((0, jsx_runtime_1.jsx)("li", { children: example }, index)); }) })] })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                    backgroundColor: '#e8f5e8',
+                    padding: '16px',
+                    borderRadius: '8px',
+                    marginBottom: '20px',
+                    fontFamily: 'monospace',
+                }, children: [(0, jsx_runtime_1.jsx)("h4", { style: { margin: '0 0 12px 0', color: '#2e7d32' }, children: "Current State" }), (0, jsx_runtime_1.jsxs)("div", { style: { fontSize: '14px', lineHeight: '1.5' }, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Current Value:" }), " \"", phoneValue, "\""] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Is Valid:" }), ' ', (0, jsx_runtime_1.jsx)("span", { style: { color: validationInfo.isValid ? 'green' : 'red' }, children: validationInfo.isValid ? 'Yes' : 'No' })] }), validationInfo.errorMessage && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Error:" }), ' ', (0, jsx_runtime_1.jsx)("span", { style: { color: 'red' }, children: validationInfo.errorMessage })] })), inputHistory.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Input History:" }), ' ', (0, jsx_runtime_1.jsx)("span", { style: { color: '#666', fontSize: '12px' }, children: inputHistory
+                                            .map(function (val, i) {
+                                            return "\"".concat(val, "\"").concat(i < inputHistory.length - 1 ? ' → ' : '');
+                                        })
+                                            .join('') })] }))] })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                    backgroundColor: '#e3f2fd',
+                    padding: '16px',
+                    borderRadius: '8px',
+                    marginBottom: '20px',
+                    fontSize: '14px',
+                }, children: [(0, jsx_runtime_1.jsx)("h4", { style: { margin: '0 0 8px 0', color: '#1976d2' }, children: "How to Test Strict Mode:" }), (0, jsx_runtime_1.jsxs)("ol", { style: { margin: 0, paddingLeft: '20px' }, children: [(0, jsx_runtime_1.jsxs)("li", { children: ["Try typing non-numeric characters: ", (0, jsx_runtime_1.jsx)("code", { children: "abc123def" })] }), (0, jsx_runtime_1.jsxs)("li", { children: ["Try multiple plus signs: ", (0, jsx_runtime_1.jsx)("code", { children: "++123++456" })] }), (0, jsx_runtime_1.jsxs)("li", { children: ["Try special characters: ", (0, jsx_runtime_1.jsx)("code", { children: "123-456-7890" })] }), (0, jsx_runtime_1.jsxs)("li", { children: ["Try mixed content: ", (0, jsx_runtime_1.jsx)("code", { children: "123@456#789" })] }), (0, jsx_runtime_1.jsx)("li", { children: "Watch how the input is filtered in real-time" }), (0, jsx_runtime_1.jsx)("li", { children: "Check the Actions panel to see when callbacks are fired" })] })] }), (0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { disabled: disabled, errorMessage: errorMessage, onPhoneNumberChange: handlePhoneNumberChange, onValidationChange: handleValidationChange, onFormattedValueChange: handleFormattedValueChange, onCountryChange: handleCountryChange, type: type, id: "strict-mode-phone-input", isAnswered: isAnswered, label: label, placeholder: placeholder, value: phoneValue, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive, experimentName: "strict-mode-story", enableCountryChange: enableCountryChange, enableCountrySearch: enableCountrySearch, useModalForCountrySelection: useModalForCountrySelection, strictMode: strictMode })] }));
+};
+exports.default = StrictModeStory;
+//# sourceMappingURL=StrictModeStory.js.map

package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/StrictModeStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StrictModeStory.js","sourceRoot":"","sources":["../../../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/StrictModeStory.tsx"],"names":[],"mappings":"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"}

package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/styling/makeFormControlPhoneNumberStyling.d.ts

@@ -0,0 +1,10 @@
+import { Theme } from '@emotion/react';
+interface IMakeFormControlPhoneNumberStylingProps {
+    isAnswered: boolean;
+    isAutoFilledActive: boolean;
+    isSafari: boolean;
+    hasError?: boolean;
+    theme: Theme;
+}
+declare const makeFormControlPhoneNumberStyling: ({ isAnswered, isAutoFilledActive, isSafari, hasError, theme, }: IMakeFormControlPhoneNumberStylingProps) => import("@emotion/react").SerializedStyles;
+export default makeFormControlPhoneNumberStyling;

package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/styling/makeFormControlPhoneNumberStyling.js

@@ -0,0 +1,138 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("@emotion/react");
+var material_1 = require("@mui/material");
+var makeFormControlPhoneNumberStyling = function (_a) {
+    var _b, _c;
+    var isAnswered = _a.isAnswered, isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari, hasError = _a.hasError, theme = _a.theme;
+    return (0, react_1.css)({
+        width: '100%',
+        '& .MuiInputLabel-shrink': {
+            marginLeft: 87,
+        },
+        '& .MuiInputBase-root input': {
+            paddingLeft: '1.2rem !important',
+            borderLeft: 'none',
+            borderTopLeftRadius: 0,
+            borderBottomLeftRadius: 0,
+            backgroundColor: 'transparent',
+        },
+        '& .MuiInputBase-root': {
+            boxShadow: 'none',
+        },
+        '& .phone-input-container': __assign(__assign(__assign({ width: '100%', display: 'flex', alignItems: 'stretch', position: 'relative', border: "1px solid ".concat(theme.mvf.palette.component.answerUnselectedColor), borderRadius: '4px', overflow: 'hidden', boxShadow: theme.mvf.boxShadow.timid }, (isAnswered &&
+            !hasError && {
+            borderColor: theme.mvf.palette.component.answerSelectedColor,
+        })), { '@media (hover: hover)': {
+                '&:hover': {
+                    borderColor: hasError
+                        ? theme.mvf.palette.status.error
+                        : theme.mvf.palette.component.answerSelectedColor,
+                    '& .country-selector': {
+                        borderRightColor: hasError
+                            ? theme.mvf.palette.status.error
+                            : theme.mvf.palette.component.answerSelectedColor,
+                    },
+                },
+            }, '&:has(input:focus)': {
+                borderColor: hasError
+                    ? theme.mvf.palette.status.error
+                    : theme.mvf.palette.component.answerSelectedColor,
+                boxShadow: theme.mvf.boxShadow.fierce,
+                '& .country-selector': {
+                    borderRightColor: hasError
+                        ? theme.mvf.palette.status.error
+                        : theme.mvf.palette.component.answerSelectedColor,
+                },
+            } }), (hasError && {
+            borderColor: theme.mvf.palette.status.error,
+        })),
+        '& .MuiInputBase-root.MuiInputBase-formControl': {
+            width: '100%',
+            flex: 1,
+            border: 'none',
+            backgroundColor: "".concat(theme.mvf.palette.background.answerBackgroundColor, " !important"),
+            boxShadow: 'none !important',
+            '& .MuiInputBase-input': {
+                border: 'none',
+                borderRadius: 0,
+                backgroundColor: 'transparent',
+            },
+        },
+        '& .country-selector': __assign(__assign(__assign({ paddingLeft: theme.mvf.spacing.smedium, paddingRight: theme.mvf.spacing.smedium, borderRight: "1px solid ".concat(theme.mvf.palette.component.answerUnselectedColor), backgroundColor: "".concat(theme.mvf.palette.background.answerBackgroundColor, " !important") }, (isAutoFilledActive && {
+            backgroundColor: "".concat(isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)', " !important"),
+        })), (isAnswered &&
+            !hasError && {
+            borderRightColor: theme.mvf.palette.component.answerSelectedColor,
+        })), (hasError && {
+            borderRightColor: theme.mvf.palette.status.error,
+        })),
+        '& .Mui-error .phone-input-container': {
+            borderColor: theme.mvf.palette.status.error,
+            '& .country-selector': {
+                borderRightColor: theme.mvf.palette.status.error,
+            },
+        },
+        '& .Mui-focused .phone-input-container .country-selector': {
+            borderColor: theme.mvf.palette.component.answerSelectedColor,
+            '& .country-selector': {
+                borderRightColor: theme.mvf.palette.component.answerSelectedColor,
+            },
+        },
+        '& .MuiSelect-root': {
+            position: 'absolute',
+            opacity: 0,
+            pointerEvents: 'none',
+        },
+        // Theme styling for the country picker dropdown
+        '& .MuiPaper-root': {
+            backgroundColor: theme.mvf.palette.background.answerBackgroundColor,
+            border: "1px solid ".concat(theme.mvf.palette.component.answerUnselectedColor),
+            boxShadow: theme.mvf.boxShadow.timid,
+            '& .MuiMenuItem-root': (_b = {
+                    color: theme.mvf.palette.text.primaryTextColor,
+                    fontSize: theme.mvf.fontSize.mini
+                },
+                _b[theme.breakpoints.up('mobileMedium')] = {
+                    fontSize: theme.mvf.fontSize.small,
+                },
+                _b['&:hover'] = {
+                    backgroundColor: (0, material_1.lighten)(theme.mvf.palette.component.answerSelectedColor, theme.mvf.filters.lighten.extreme),
+                },
+                _b['&.Mui-selected'] = {
+                    backgroundColor: (0, material_1.lighten)(theme.mvf.palette.component.answerSelectedColor, 0.9),
+                    color: theme.mvf.palette.component.answerSelectedColor,
+                    fontWeight: theme.mvf.typography.weight.thick,
+                },
+                _b),
+        },
+        // Search input styling within dropdown
+        '& .country-search-input': {
+            '& .MuiInputBase-input': (_c = {
+                    fontSize: theme.mvf.fontSize.mini
+                },
+                _c[theme.breakpoints.up('mobileMedium')] = {
+                    fontSize: theme.mvf.fontSize.small,
+                },
+                _c.color = theme.mvf.palette.text.primaryTextColor,
+                _c['&::placeholder'] = {
+                    color: theme.mvf.palette.text.secondaryTextColor,
+                    fontWeight: theme.mvf.typography.weight.medium,
+                },
+                _c),
+        },
+    });
+};
+exports.default = makeFormControlPhoneNumberStyling;
+//# sourceMappingURL=makeFormControlPhoneNumberStyling.js.map

package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/styling/makeFormControlPhoneNumberStyling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeFormControlPhoneNumberStyling.js","sourceRoot":"","sources":["../../../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/styling/makeFormControlPhoneNumberStyling.ts"],"names":[],"mappings":"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"}

package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryData.d.ts

@@ -0,0 +1,12 @@
+declare const supportedCountries: readonly ["US", "GB", "CA", "AU", "DE", "FR", "IT", "ES", "NL", "BE", "SE", "NO", "DK", "FI", "CH", "AT", "IE", "NZ", "JP", "KR", "CN", "IN", "BR", "MX", "AR", "CL", "CO", "PE", "VE", "EC", "BO", "PY", "UY", "GY", "SR", "FK", "GF", "AD", "AE", "AF", "AG", "AI", "AL", "AM", "AO", "AS", "AW", "AZ", "BA", "BB", "BD", "BF", "BG", "BH", "BI", "BJ", "BL", "BM", "BN", "BS", "BT", "BW", "BY", "BZ", "CD", "CF", "CG", "CI", "CM", "CR", "CU", "CV", "CY", "CZ", "DJ", "DM", "DO", "DZ", "EG", "EH", "ER", "ET", "FJ", "FM", "FO", "GA", "GD", "GE", "GH", "GI", "GL", "GM", "GN", "GP", "GQ", "GT", "GU", "GW", "HK", "HN", "HR", "HT", "HU", "ID", "IL", "IQ", "IR", "IS", "JM", "JO", "KE", "KG", "KH", "KI", "KM", "KN", "KP", "KW", "KY", "KZ", "LA", "LB", "LC", "LI", "LK", "LR", "LS", "LT", "LU", "LV", "LY", "MA", "MC", "MD", "ME", "MF", "MG", "MH", "MK", "ML", "MM", "MN", "MO", "MP", "MQ", "MR", "MS", "MT", "MU", "MV", "MW", "MY", "MZ", "NA", "NC", "NE", "NF", "NG", "NI", "NP", "NR", "NU", "OM", "PA", "PF", "PG", "PH", "PK", "PL", "PM", "PR", "PS", "PW", "QA", "RE", "RO", "RS", "RU", "RW", "SA", "SB", "SC", "SD", "SG", "SH", "SI", "SJ", "SK", "SL", "SM", "SN", "SO", "ST", "SV", "SY", "TC", "TD", "TG", "TH", "TJ", "TK", "TL", "TM", "TN", "TO", "TR", "TT", "TV", "TW", "UA", "UG", "VA", "VC", "VG", "VI", "VN", "VU", "WF", "WS", "YE", "YT", "ZM"];
+export type CountryCode = (typeof supportedCountries)[number];
+export interface CountryData {
+    code: CountryCode;
+    name: string;
+    dialCode: string;
+    example: string;
+}
+export declare const getCountryData: () => CountryData[];
+export declare const getCountryByCode: (code: CountryCode) => CountryData | undefined;
+export declare const getCountryByDialCode: (dialCode: string) => CountryData | undefined;
+export {};