@veeqo/ui 13.0.0 → 13.2.0

package/dist/components/PhoneInput/PhoneInput.cjs

@@ -0,0 +1,50 @@
+'use strict';
+
+var React = require('react');
+var index = require('../SelectDropdown/index.cjs');
+var index$1 = require('../TextField/index.cjs');
+var PhoneInput_module = require('./PhoneInput.module.scss.cjs');
+var utils = require('./utils/utils.cjs');
+var constants = require('./constants.cjs');
+var SelectedCountry = require('./components/SelectedCountry.cjs');
+var FlexRow = require('../Flex/FlexRow/FlexRow.cjs');
+var useApplyCountryCode = require('./hooks/useApplyCountryCode.cjs');
+var buildClassnames = require('../../utils/buildClassnames.cjs');
+require('uid/secure');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const PhoneInput = ({ value, onChange, hasError = false, disabled = false, error, className, ...otherProps }) => {
+    const [searchValue, setSearchValue] = React.useState('');
+    const [debouncedSearchValue, setDebouncedSearchValue] = React.useState('');
+    const phoneOptions = React.useMemo(() => {
+        return utils.buildPhoneOptions();
+    }, []);
+    const { selectedCountryCode, phoneNumber, handlePhoneNumberChange, handleCountryChange } = useApplyCountryCode.useApplyCountryCode({
+        value,
+        onChange,
+    });
+    // search functionality with debouncing
+    React.useEffect(() => {
+        const timer = setTimeout(() => setDebouncedSearchValue(searchValue), constants.DEBOUNCE_TIME);
+        return () => clearTimeout(timer);
+    }, [searchValue]);
+    const filteredOptions = React.useMemo(() => {
+        return utils.filterPhoneOptions(phoneOptions, debouncedSearchValue);
+    }, [debouncedSearchValue, phoneOptions]);
+    const selectedCountry = constants.InternationalCodesMap[selectedCountryCode.startsWith('+') ? selectedCountryCode : `+${selectedCountryCode}`];
+    const handleCountryChangeWrapper = (selectedOption) => {
+        if (!selectedOption)
+            return;
+        handleCountryChange(selectedOption.id);
+        setSearchValue('');
+    };
+    return (React__default.default.createElement(FlexRow.FlexRow, { flexWrap: "nowrap", className: buildClassnames.buildClassnames([PhoneInput_module.inputGroup, className]) },
+        React__default.default.createElement(index.SelectDropdown, { selectedSlot: selectedCountry && React__default.default.createElement(SelectedCountry.SelectedCountry, { selectedCountry: selectedCountry }), className: PhoneInput_module.phoneSelectDropdown, disabled: disabled, onChange: (SelectedOption) => handleCountryChangeWrapper(SelectedOption), onSearchChange: setSearchValue, searchValue: searchValue, options: filteredOptions, value: selectedCountryCode }),
+        React__default.default.createElement(index$1.TextField, { type: "tel", error: error, hasError: hasError, disabled: disabled, value: phoneNumber, onChange: handlePhoneNumberChange, ...otherProps })));
+};
+
+exports.PhoneInput = PhoneInput;
+//# sourceMappingURL=PhoneInput.cjs.map

package/dist/components/PhoneInput/PhoneInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneInput.cjs","sources":["../../../src/components/PhoneInput/PhoneInput.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect } from 'react';\nimport { SelectDropdown } from '../SelectDropdown';\nimport { TextField } from '../TextField';\nimport styles from './PhoneInput.module.scss';\nimport { buildPhoneOptions, filterPhoneOptions } from './utils/utils';\nimport { InternationalCodesMap, DEBOUNCE_TIME } from './constants';\nimport { SelectedCountry } from './components/SelectedCountry';\nimport { PhoneInputProps, PhoneOption } from './types';\nimport { FlexRow } from '../Flex/FlexRow';\nimport { useApplyCountryCode } from './hooks/useApplyCountryCode';\nimport { buildClassnames } from '../../utils';\n\nexport const PhoneInput = ({\n  value,\n  onChange,\n  hasError = false,\n  disabled = false,\n  error,\n  className,\n  ...otherProps\n}: PhoneInputProps) => {\n  const [searchValue, setSearchValue] = useState('');\n  const [debouncedSearchValue, setDebouncedSearchValue] = useState('');\n\n  const phoneOptions = useMemo(() => {\n    return buildPhoneOptions();\n  }, []);\n\n  const { selectedCountryCode, phoneNumber, handlePhoneNumberChange, handleCountryChange } =\n    useApplyCountryCode({\n      value,\n      onChange,\n    });\n\n  // search functionality with debouncing\n  useEffect(() => {\n    const timer = setTimeout(() => setDebouncedSearchValue(searchValue), DEBOUNCE_TIME);\n    return () => clearTimeout(timer);\n  }, [searchValue]);\n\n  const filteredOptions = useMemo(() => {\n    return filterPhoneOptions(phoneOptions, debouncedSearchValue);\n  }, [debouncedSearchValue, phoneOptions]);\n\n  const selectedCountry =\n    InternationalCodesMap[\n      selectedCountryCode.startsWith('+') ? selectedCountryCode : `+${selectedCountryCode}`\n    ];\n\n  const handleCountryChangeWrapper = (selectedOption: PhoneOption) => {\n    if (!selectedOption) return;\n    handleCountryChange(selectedOption.id);\n    setSearchValue('');\n  };\n\n  return (\n    <FlexRow flexWrap=\"nowrap\" className={buildClassnames([styles.inputGroup, className])}>\n      <SelectDropdown\n        selectedSlot={selectedCountry && <SelectedCountry selectedCountry={selectedCountry} />}\n        className={styles.phoneSelectDropdown}\n        disabled={disabled}\n        onChange={(SelectedOption) => handleCountryChangeWrapper(SelectedOption as PhoneOption)}\n        onSearchChange={setSearchValue}\n        searchValue={searchValue}\n        options={filteredOptions}\n        value={selectedCountryCode}\n      />\n      <TextField\n        type=\"tel\"\n        error={error}\n        hasError={hasError}\n        disabled={disabled}\n        value={phoneNumber}\n        onChange={handlePhoneNumberChange}\n        {...otherProps}\n      />\n    </FlexRow>\n  );\n};\n"],"names":["useState","useMemo","buildPhoneOptions","useApplyCountryCode","useEffect","DEBOUNCE_TIME","filterPhoneOptions","InternationalCodesMap","React","FlexRow","buildClassnames","styles","SelectDropdown","SelectedCountry","TextField"],"mappings":";;;;;;;;;;;;;;;;;;AAYa,MAAA,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,SAAS,EACT,GAAG,UAAU,EACG,KAAI;IACpB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,cAAQ,CAAC,EAAE,CAAC;IAClD,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAGA,cAAQ,CAAC,EAAE,CAAC;AAEpE,IAAA,MAAM,YAAY,GAAGC,aAAO,CAAC,MAAK;QAChC,OAAOC,uBAAiB,EAAE;KAC3B,EAAE,EAAE,CAAC;IAEN,MAAM,EAAE,mBAAmB,EAAE,WAAW,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,GACtFC,uCAAmB,CAAC;QAClB,KAAK;QACL,QAAQ;AACT,KAAA,CAAC;;IAGJC,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,uBAAuB,CAAC,WAAW,CAAC,EAAEC,uBAAa,CAAC;AACnF,QAAA,OAAO,MAAM,YAAY,CAAC,KAAK,CAAC;AAClC,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC;AAEjB,IAAA,MAAM,eAAe,GAAGJ,aAAO,CAAC,MAAK;AACnC,QAAA,OAAOK,wBAAkB,CAAC,YAAY,EAAE,oBAAoB,CAAC;AAC/D,KAAC,EAAE,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;IAExC,MAAM,eAAe,GACnBC,+BAAqB,CACnB,mBAAmB,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,mBAAmB,GAAG,CAAI,CAAA,EAAA,mBAAmB,CAAE,CAAA,CACtF;AAEH,IAAA,MAAM,0BAA0B,GAAG,CAAC,cAA2B,KAAI;AACjE,QAAA,IAAI,CAAC,cAAc;YAAE;AACrB,QAAA,mBAAmB,CAAC,cAAc,CAAC,EAAE,CAAC;QACtC,cAAc,CAAC,EAAE,CAAC;AACpB,KAAC;AAED,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,eAAO,IAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,EAAEC,+BAAe,CAAC,CAACC,iBAAM,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,EAAA;QACnFH,sBAAC,CAAA,aAAA,CAAAI,oBAAc,IACb,YAAY,EAAE,eAAe,IAAIJ,sBAAA,CAAA,aAAA,CAACK,+BAAe,EAAA,EAAC,eAAe,EAAE,eAAe,EAAI,CAAA,EACtF,SAAS,EAAEF,iBAAM,CAAC,mBAAmB,EACrC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,cAAc,KAAK,0BAA0B,CAAC,cAA6B,CAAC,EACvF,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,mBAAmB,EAC1B,CAAA;AACF,QAAAH,sBAAA,CAAA,aAAA,CAACM,iBAAS,EAAA,EACR,IAAI,EAAC,KAAK,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,uBAAuB,EAC7B,GAAA,UAAU,EACd,CAAA,CACM;AAEd;;;;"}

package/dist/components/PhoneInput/PhoneInput.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { PhoneInputProps } from './types';
+export declare const PhoneInput: ({ value, onChange, hasError, disabled, error, className, ...otherProps }: PhoneInputProps) => React.JSX.Element;

package/dist/components/PhoneInput/PhoneInput.js

@@ -0,0 +1,44 @@
+import React__default, { useState, useMemo, useEffect } from 'react';
+import { SelectDropdown } from '../SelectDropdown/index.js';
+import { TextField } from '../TextField/index.js';
+import styles from './PhoneInput.module.scss.js';
+import { buildPhoneOptions, filterPhoneOptions } from './utils/utils.js';
+import { DEBOUNCE_TIME, InternationalCodesMap } from './constants.js';
+import { SelectedCountry } from './components/SelectedCountry.js';
+import { FlexRow } from '../Flex/FlexRow/FlexRow.js';
+import { useApplyCountryCode } from './hooks/useApplyCountryCode.js';
+import { buildClassnames } from '../../utils/buildClassnames.js';
+import 'uid/secure';
+
+const PhoneInput = ({ value, onChange, hasError = false, disabled = false, error, className, ...otherProps }) => {
+    const [searchValue, setSearchValue] = useState('');
+    const [debouncedSearchValue, setDebouncedSearchValue] = useState('');
+    const phoneOptions = useMemo(() => {
+        return buildPhoneOptions();
+    }, []);
+    const { selectedCountryCode, phoneNumber, handlePhoneNumberChange, handleCountryChange } = useApplyCountryCode({
+        value,
+        onChange,
+    });
+    // search functionality with debouncing
+    useEffect(() => {
+        const timer = setTimeout(() => setDebouncedSearchValue(searchValue), DEBOUNCE_TIME);
+        return () => clearTimeout(timer);
+    }, [searchValue]);
+    const filteredOptions = useMemo(() => {
+        return filterPhoneOptions(phoneOptions, debouncedSearchValue);
+    }, [debouncedSearchValue, phoneOptions]);
+    const selectedCountry = InternationalCodesMap[selectedCountryCode.startsWith('+') ? selectedCountryCode : `+${selectedCountryCode}`];
+    const handleCountryChangeWrapper = (selectedOption) => {
+        if (!selectedOption)
+            return;
+        handleCountryChange(selectedOption.id);
+        setSearchValue('');
+    };
+    return (React__default.createElement(FlexRow, { flexWrap: "nowrap", className: buildClassnames([styles.inputGroup, className]) },
+        React__default.createElement(SelectDropdown, { selectedSlot: selectedCountry && React__default.createElement(SelectedCountry, { selectedCountry: selectedCountry }), className: styles.phoneSelectDropdown, disabled: disabled, onChange: (SelectedOption) => handleCountryChangeWrapper(SelectedOption), onSearchChange: setSearchValue, searchValue: searchValue, options: filteredOptions, value: selectedCountryCode }),
+        React__default.createElement(TextField, { type: "tel", error: error, hasError: hasError, disabled: disabled, value: phoneNumber, onChange: handlePhoneNumberChange, ...otherProps })));
+};
+
+export { PhoneInput };
+//# sourceMappingURL=PhoneInput.js.map

package/dist/components/PhoneInput/PhoneInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneInput.js","sources":["../../../src/components/PhoneInput/PhoneInput.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect } from 'react';\nimport { SelectDropdown } from '../SelectDropdown';\nimport { TextField } from '../TextField';\nimport styles from './PhoneInput.module.scss';\nimport { buildPhoneOptions, filterPhoneOptions } from './utils/utils';\nimport { InternationalCodesMap, DEBOUNCE_TIME } from './constants';\nimport { SelectedCountry } from './components/SelectedCountry';\nimport { PhoneInputProps, PhoneOption } from './types';\nimport { FlexRow } from '../Flex/FlexRow';\nimport { useApplyCountryCode } from './hooks/useApplyCountryCode';\nimport { buildClassnames } from '../../utils';\n\nexport const PhoneInput = ({\n  value,\n  onChange,\n  hasError = false,\n  disabled = false,\n  error,\n  className,\n  ...otherProps\n}: PhoneInputProps) => {\n  const [searchValue, setSearchValue] = useState('');\n  const [debouncedSearchValue, setDebouncedSearchValue] = useState('');\n\n  const phoneOptions = useMemo(() => {\n    return buildPhoneOptions();\n  }, []);\n\n  const { selectedCountryCode, phoneNumber, handlePhoneNumberChange, handleCountryChange } =\n    useApplyCountryCode({\n      value,\n      onChange,\n    });\n\n  // search functionality with debouncing\n  useEffect(() => {\n    const timer = setTimeout(() => setDebouncedSearchValue(searchValue), DEBOUNCE_TIME);\n    return () => clearTimeout(timer);\n  }, [searchValue]);\n\n  const filteredOptions = useMemo(() => {\n    return filterPhoneOptions(phoneOptions, debouncedSearchValue);\n  }, [debouncedSearchValue, phoneOptions]);\n\n  const selectedCountry =\n    InternationalCodesMap[\n      selectedCountryCode.startsWith('+') ? selectedCountryCode : `+${selectedCountryCode}`\n    ];\n\n  const handleCountryChangeWrapper = (selectedOption: PhoneOption) => {\n    if (!selectedOption) return;\n    handleCountryChange(selectedOption.id);\n    setSearchValue('');\n  };\n\n  return (\n    <FlexRow flexWrap=\"nowrap\" className={buildClassnames([styles.inputGroup, className])}>\n      <SelectDropdown\n        selectedSlot={selectedCountry && <SelectedCountry selectedCountry={selectedCountry} />}\n        className={styles.phoneSelectDropdown}\n        disabled={disabled}\n        onChange={(SelectedOption) => handleCountryChangeWrapper(SelectedOption as PhoneOption)}\n        onSearchChange={setSearchValue}\n        searchValue={searchValue}\n        options={filteredOptions}\n        value={selectedCountryCode}\n      />\n      <TextField\n        type=\"tel\"\n        error={error}\n        hasError={hasError}\n        disabled={disabled}\n        value={phoneNumber}\n        onChange={handlePhoneNumberChange}\n        {...otherProps}\n      />\n    </FlexRow>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAYa,MAAA,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,SAAS,EACT,GAAG,UAAU,EACG,KAAI;IACpB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;IAClD,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;AAEpE,IAAA,MAAM,YAAY,GAAG,OAAO,CAAC,MAAK;QAChC,OAAO,iBAAiB,EAAE;KAC3B,EAAE,EAAE,CAAC;IAEN,MAAM,EAAE,mBAAmB,EAAE,WAAW,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,GACtF,mBAAmB,CAAC;QAClB,KAAK;QACL,QAAQ;AACT,KAAA,CAAC;;IAGJ,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,uBAAuB,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;AACnF,QAAA,OAAO,MAAM,YAAY,CAAC,KAAK,CAAC;AAClC,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC;AAEjB,IAAA,MAAM,eAAe,GAAG,OAAO,CAAC,MAAK;AACnC,QAAA,OAAO,kBAAkB,CAAC,YAAY,EAAE,oBAAoB,CAAC;AAC/D,KAAC,EAAE,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;IAExC,MAAM,eAAe,GACnB,qBAAqB,CACnB,mBAAmB,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,mBAAmB,GAAG,CAAI,CAAA,EAAA,mBAAmB,CAAE,CAAA,CACtF;AAEH,IAAA,MAAM,0BAA0B,GAAG,CAAC,cAA2B,KAAI;AACjE,QAAA,IAAI,CAAC,cAAc;YAAE;AACrB,QAAA,mBAAmB,CAAC,cAAc,CAAC,EAAE,CAAC;QACtC,cAAc,CAAC,EAAE,CAAC;AACpB,KAAC;AAED,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,OAAO,IAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,EAAA;QACnFA,cAAC,CAAA,aAAA,CAAA,cAAc,IACb,YAAY,EAAE,eAAe,IAAIA,cAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAC,eAAe,EAAE,eAAe,EAAI,CAAA,EACtF,SAAS,EAAE,MAAM,CAAC,mBAAmB,EACrC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,cAAc,KAAK,0BAA0B,CAAC,cAA6B,CAAC,EACvF,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,mBAAmB,EAC1B,CAAA;AACF,QAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACR,IAAI,EAAC,KAAK,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,uBAAuB,EAC7B,GAAA,UAAU,EACd,CAAA,CACM;AAEd;;;;"}

package/dist/components/PhoneInput/PhoneInput.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
+
+___$insertStyle("._countryFlagSVG_13vun_1 {\n  display: flex;\n}\n\n._phoneSelectDropdown_13vun_5 {\n  min-width: max-content;\n}\n\n._inputGroup_13vun_9 > button {\n  width: var(--sizes-20);\n}");
+var styles = {"countryFlagSVG":"_countryFlagSVG_13vun_1","phoneSelectDropdown":"_phoneSelectDropdown_13vun_5","inputGroup":"_inputGroup_13vun_9"};
+
+module.exports = styles;
+//# sourceMappingURL=PhoneInput.module.scss.cjs.map

package/dist/components/PhoneInput/PhoneInput.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneInput.module.scss.cjs","sources":["../../../src/components/PhoneInput/PhoneInput.module.scss"],"sourcesContent":["\n.countryFlagSVG {\n  display: flex;\n}\n\n.phoneSelectDropdown {\n  min-width: max-content;\n}\n\n.inputGroup {\n  & > button {\n    width: var(--sizes-20);\n  }\n}\n\n"],"names":[],"mappings":";;;;AAEE,eAAA,CAAA,mLAAA;;;;;"}

package/dist/components/PhoneInput/PhoneInput.module.scss.js

@@ -0,0 +1,7 @@
+import insertStyle from '../../_virtual/____insertStyle.js';
+
+insertStyle("._countryFlagSVG_13vun_1 {\n  display: flex;\n}\n\n._phoneSelectDropdown_13vun_5 {\n  min-width: max-content;\n}\n\n._inputGroup_13vun_9 > button {\n  width: var(--sizes-20);\n}");
+var styles = {"countryFlagSVG":"_countryFlagSVG_13vun_1","phoneSelectDropdown":"_phoneSelectDropdown_13vun_5","inputGroup":"_inputGroup_13vun_9"};
+
+export { styles as default };
+//# sourceMappingURL=PhoneInput.module.scss.js.map

package/dist/components/PhoneInput/PhoneInput.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneInput.module.scss.js","sources":["../../../src/components/PhoneInput/PhoneInput.module.scss"],"sourcesContent":["\n.countryFlagSVG {\n  display: flex;\n}\n\n.phoneSelectDropdown {\n  min-width: max-content;\n}\n\n.inputGroup {\n  & > button {\n    width: var(--sizes-20);\n  }\n}\n\n"],"names":["___$insertStyle"],"mappings":";;AAEEA,WAAA,CAAA,mLAAA;;;;;"}

package/dist/components/PhoneInput/components/SelectedCountry.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var React = require('react');
+var Image = require('../../Image/Image.cjs');
+var Text = require('../../Text/Text.cjs');
+var PhoneInput_module = require('../PhoneInput.module.scss.cjs');
+var constants = require('../constants.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const SelectedCountry = ({ selectedCountry }) => {
+    return (selectedCountry === null || selectedCountry === undefined ? undefined : selectedCountry.countryFlag) ? (React__default.default.createElement(Image.Image, { className: PhoneInput_module.countryFlagSVG, src: `${constants.SVG_BASE_URL}${selectedCountry.countryFlag}.svg`, alt: `${selectedCountry.country} country code selected` })) : (React__default.default.createElement(Text.Text, null, selectedCountry === null || selectedCountry === undefined ? undefined : selectedCountry.countryCode));
+};
+
+exports.SelectedCountry = SelectedCountry;
+//# sourceMappingURL=SelectedCountry.cjs.map

package/dist/components/PhoneInput/components/SelectedCountry.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedCountry.cjs","sources":["../../../../src/components/PhoneInput/components/SelectedCountry.tsx"],"sourcesContent":["import React from 'react';\nimport { Image } from '../../Image';\nimport { Text } from '../../Text';\nimport { InternationalCode } from '../types';\nimport styles from '../PhoneInput.module.scss';\nimport { SVG_BASE_URL } from '../constants';\n\nexport const SelectedCountry = ({ selectedCountry }: { selectedCountry: InternationalCode }) => {\n  return selectedCountry?.countryFlag ? (\n    <Image\n      className={styles.countryFlagSVG}\n      src={`${SVG_BASE_URL}${selectedCountry.countryFlag}.svg`}\n      alt={`${selectedCountry.country} country code selected`}\n    />\n  ) : (\n    <Text>{selectedCountry?.countryCode}</Text>\n  );\n};\n"],"names":["React","Image","styles","SVG_BASE_URL","Text"],"mappings":";;;;;;;;;;;;MAOa,eAAe,GAAG,CAAC,EAAE,eAAe,EAA0C,KAAI;IAC7F,OAAO,CAAA,eAAe,KAAA,IAAA,IAAf,eAAe,KAAA,SAAA,GAAA,SAAA,GAAf,eAAe,CAAE,WAAW,KACjCA,sBAAA,CAAA,aAAA,CAACC,WAAK,EACJ,EAAA,SAAS,EAAEC,iBAAM,CAAC,cAAc,EAChC,GAAG,EAAE,CAAA,EAAGC,sBAAY,CAAA,EAAG,eAAe,CAAC,WAAW,CAAM,IAAA,CAAA,EACxD,GAAG,EAAE,CAAG,EAAA,eAAe,CAAC,OAAO,CAAwB,sBAAA,CAAA,EAAA,CACvD,KAEFH,sBAAC,CAAA,aAAA,CAAAI,SAAI,EAAE,IAAA,EAAA,eAAe,KAAf,IAAA,IAAA,eAAe,KAAf,SAAA,GAAA,SAAA,GAAA,eAAe,CAAE,WAAW,CAAQ,CAC5C;AACH;;;;"}

package/dist/components/PhoneInput/components/SelectedCountry.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { InternationalCode } from '../types';
+export declare const SelectedCountry: ({ selectedCountry }: {
+    selectedCountry: InternationalCode;
+}) => React.JSX.Element;

package/dist/components/PhoneInput/components/SelectedCountry.js

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { Image } from '../../Image/Image.js';
+import { Text } from '../../Text/Text.js';
+import styles from '../PhoneInput.module.scss.js';
+import { SVG_BASE_URL } from '../constants.js';
+
+const SelectedCountry = ({ selectedCountry }) => {
+    return (selectedCountry === null || selectedCountry === undefined ? undefined : selectedCountry.countryFlag) ? (React__default.createElement(Image, { className: styles.countryFlagSVG, src: `${SVG_BASE_URL}${selectedCountry.countryFlag}.svg`, alt: `${selectedCountry.country} country code selected` })) : (React__default.createElement(Text, null, selectedCountry === null || selectedCountry === undefined ? undefined : selectedCountry.countryCode));
+};
+
+export { SelectedCountry };
+//# sourceMappingURL=SelectedCountry.js.map

package/dist/components/PhoneInput/components/SelectedCountry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedCountry.js","sources":["../../../../src/components/PhoneInput/components/SelectedCountry.tsx"],"sourcesContent":["import React from 'react';\nimport { Image } from '../../Image';\nimport { Text } from '../../Text';\nimport { InternationalCode } from '../types';\nimport styles from '../PhoneInput.module.scss';\nimport { SVG_BASE_URL } from '../constants';\n\nexport const SelectedCountry = ({ selectedCountry }: { selectedCountry: InternationalCode }) => {\n  return selectedCountry?.countryFlag ? (\n    <Image\n      className={styles.countryFlagSVG}\n      src={`${SVG_BASE_URL}${selectedCountry.countryFlag}.svg`}\n      alt={`${selectedCountry.country} country code selected`}\n    />\n  ) : (\n    <Text>{selectedCountry?.countryCode}</Text>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;MAOa,eAAe,GAAG,CAAC,EAAE,eAAe,EAA0C,KAAI;IAC7F,OAAO,CAAA,eAAe,KAAA,IAAA,IAAf,eAAe,KAAA,SAAA,GAAA,SAAA,GAAf,eAAe,CAAE,WAAW,KACjCA,cAAA,CAAA,aAAA,CAAC,KAAK,EACJ,EAAA,SAAS,EAAE,MAAM,CAAC,cAAc,EAChC,GAAG,EAAE,CAAA,EAAG,YAAY,CAAA,EAAG,eAAe,CAAC,WAAW,CAAM,IAAA,CAAA,EACxD,GAAG,EAAE,CAAG,EAAA,eAAe,CAAC,OAAO,CAAwB,sBAAA,CAAA,EAAA,CACvD,KAEFA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAE,IAAA,EAAA,eAAe,KAAf,IAAA,IAAA,eAAe,KAAf,SAAA,GAAA,SAAA,GAAA,eAAe,CAAE,WAAW,CAAQ,CAC5C;AACH;;;;"}