@secondstaxorg/sscomp 1.7.43 → 1.7.44
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.es.js +2 -2
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +42 -37
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +2 -2
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/PhoneInput/type.d.ts +4 -0
package/dist/index.js
CHANGED
|
@@ -25535,7 +25535,7 @@ const DropdownField = styled.div`
|
|
|
25535
25535
|
justify-content: center;
|
|
25536
25536
|
align-items: center;
|
|
25537
25537
|
gap: 5px;
|
|
25538
|
-
padding-
|
|
25538
|
+
padding-inline: 6px !important;
|
|
25539
25539
|
}
|
|
25540
25540
|
.search-field{
|
|
25541
25541
|
position: relative;
|
|
@@ -26896,7 +26896,7 @@ const _jsxFileName$4 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
|
|
|
26896
26896
|
* Dropdown component for selecting from a list of options
|
|
26897
26897
|
*/
|
|
26898
26898
|
const PhoneInput = (props) => {
|
|
26899
|
-
let {selectedCountryCode,initialCountryCode,disabled,label,placeholder,width,required,inputName,onChange} = props;
|
|
26899
|
+
let {selectedCountryCode,initialCountryCode,initialPhoneNumber,disabled,label,placeholder,width,required,inputName,onChange} = props;
|
|
26900
26900
|
const [opened,setOpened] = React$1.useState(false);
|
|
26901
26901
|
const [passedOption,setPassedOption] = React$1.useState({});
|
|
26902
26902
|
const [err,setErr] = React$1.useState(false);
|
|
@@ -26943,32 +26943,37 @@ const PhoneInput = (props) => {
|
|
|
26943
26943
|
countryCode:countryCode,
|
|
26944
26944
|
phoneNumber:Number(srVal)
|
|
26945
26945
|
});
|
|
26946
|
-
|
|
26947
26946
|
}, [countryCode,srVal]);
|
|
26948
26947
|
|
|
26948
|
+
React$1.useEffect(()=>{
|
|
26949
|
+
if (initialPhoneNumber){
|
|
26950
|
+
setSrVal(initialPhoneNumber.toString());
|
|
26951
|
+
}
|
|
26952
|
+
},[initialPhoneNumber]);
|
|
26953
|
+
|
|
26949
26954
|
function filterList(qry){
|
|
26950
26955
|
setQryStr(qry);
|
|
26951
26956
|
setCountryCodesRec(countryCodes.filter((option)=>option.country.toLowerCase().includes(qry.toLowerCase())));
|
|
26952
26957
|
}
|
|
26953
26958
|
|
|
26954
26959
|
return (
|
|
26955
|
-
React$1.createElement(FieldContainer, { style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
26960
|
+
React$1.createElement(FieldContainer, { style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 82}}
|
|
26956
26961
|
, !disabled &&
|
|
26957
26962
|
React$1.createElement(React$1.Fragment, null
|
|
26958
26963
|
, label &&
|
|
26959
|
-
React$1.createElement(InputLabel$1, {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
26960
|
-
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
26964
|
+
React$1.createElement(InputLabel$1, {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 86}}
|
|
26965
|
+
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 87}}, label)
|
|
26961
26966
|
)
|
|
26962
26967
|
|
|
26963
|
-
, React$1.createElement(DropdownField, { className: selStatus, style: {borderColor:passedOption.value ? theme.colors["success-500"] : theme.colors["neutral-200"]}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
26968
|
+
, React$1.createElement(DropdownField, { className: selStatus, style: {borderColor:passedOption.value ? theme.colors["success-500"] : theme.colors["neutral-200"]}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 90}}
|
|
26964
26969
|
, React$1.createElement('input', { className: "sr-only", value: cntryCd, required: required, onChange: ()=>{}, onInvalid: (e)=>{
|
|
26965
26970
|
setSelStatus('error');
|
|
26966
26971
|
setErrMsg('Select a country code');
|
|
26967
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
26972
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 91}})
|
|
26968
26973
|
, React$1.createElement('input', { className: "sr-only", value: srVal, required: required, onChange: ()=>{}, onInvalid: (e)=>{
|
|
26969
26974
|
setSelStatus('error');
|
|
26970
26975
|
setErrMsg('This field is required');
|
|
26971
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
26976
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 95}})
|
|
26972
26977
|
, React$1.createElement('button', { ref: buttonRef, type: "button", className: `dropdown-field ${err ? 'error' : ''}`, onBlur: ()=>{
|
|
26973
26978
|
if (required) {
|
|
26974
26979
|
if (!opened){
|
|
@@ -26985,17 +26990,17 @@ const PhoneInput = (props) => {
|
|
|
26985
26990
|
}else {
|
|
26986
26991
|
setOpened(true);
|
|
26987
26992
|
}
|
|
26988
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
26989
|
-
, countryCode ? countryCode : React$1.createElement('img', { src: img, alt: "globe icon" , __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
26993
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 99}}
|
|
26994
|
+
, countryCode ? countryCode : React$1.createElement('img', { src: img, alt: "globe icon" , __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 116}})
|
|
26990
26995
|
|
|
26991
26996
|
, React$1.createElement(DropdownIcon, { className: `dropdown-icon ${opened ? 'expanded' : 'collapsed'}`, onMouseUp: ()=>{
|
|
26992
26997
|
if (!opened){
|
|
26993
26998
|
buttonRef.current.focus();
|
|
26994
26999
|
setOpened(true);
|
|
26995
27000
|
}
|
|
26996
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
26997
|
-
, React$1.createElement('svg', { width: "12", height: "8", viewBox: "0 0 12 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
26998
|
-
, React$1.createElement('path', { d: "M10.9999 1.17C10.8126 0.983753 10.5591 0.879211 10.2949 0.879211C10.0308 0.879211 9.77731 0.983753 9.58995 1.17L5.99995 4.71L2.45995 1.17C2.27259 0.983753 2.01913 0.879211 1.75495 0.879211C1.49076 0.879211 1.23731 0.983753 1.04995 1.17C0.95622 1.26297 0.881826 1.37357 0.831057 1.49543C0.780288 1.61729 0.75415 1.74799 0.75415 1.88C0.75415 2.01202 0.780288 2.14272 0.831057 2.26458C0.881826 2.38644 0.95622 2.49704 1.04995 2.59L5.28995 6.83C5.38291 6.92373 5.49351 6.99813 5.61537 7.04889C5.73723 7.09966 5.86794 7.1258 5.99995 7.1258C6.13196 7.1258 6.26267 7.09966 6.38453 7.04889C6.50638 6.99813 6.61699 6.92373 6.70995 6.83L10.9999 2.59C11.0937 2.49704 11.1681 2.38644 11.2188 2.26458C11.2696 2.14272 11.2957 2.01202 11.2957 1.88C11.2957 1.74799 11.2696 1.61729 11.2188 1.49543C11.1681 1.37357 11.0937 1.26297 10.9999 1.17Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27001
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 118}}
|
|
27002
|
+
, React$1.createElement('svg', { width: "12", height: "8", viewBox: "0 0 12 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 124}}
|
|
27003
|
+
, React$1.createElement('path', { d: "M10.9999 1.17C10.8126 0.983753 10.5591 0.879211 10.2949 0.879211C10.0308 0.879211 9.77731 0.983753 9.58995 1.17L5.99995 4.71L2.45995 1.17C2.27259 0.983753 2.01913 0.879211 1.75495 0.879211C1.49076 0.879211 1.23731 0.983753 1.04995 1.17C0.95622 1.26297 0.881826 1.37357 0.831057 1.49543C0.780288 1.61729 0.75415 1.74799 0.75415 1.88C0.75415 2.01202 0.780288 2.14272 0.831057 2.26458C0.881826 2.38644 0.95622 2.49704 1.04995 2.59L5.28995 6.83C5.38291 6.92373 5.49351 6.99813 5.61537 7.04889C5.73723 7.09966 5.86794 7.1258 5.99995 7.1258C6.13196 7.1258 6.26267 7.09966 6.38453 7.04889C6.50638 6.99813 6.61699 6.92373 6.70995 6.83L10.9999 2.59C11.0937 2.49704 11.1681 2.38644 11.2188 2.26458C11.2696 2.14272 11.2957 2.01202 11.2957 1.88C11.2957 1.74799 11.2696 1.61729 11.2188 1.49543C11.1681 1.37357 11.0937 1.26297 10.9999 1.17Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 125}})
|
|
26999
27004
|
)
|
|
27000
27005
|
)
|
|
27001
27006
|
)
|
|
@@ -27011,19 +27016,19 @@ const PhoneInput = (props) => {
|
|
|
27011
27016
|
}else {
|
|
27012
27017
|
setSelStatus(srVal ? 'success' : '');
|
|
27013
27018
|
}
|
|
27014
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27019
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 129}})
|
|
27015
27020
|
, opened &&
|
|
27016
27021
|
React$1.createElement(React$1.Fragment, null
|
|
27017
27022
|
, countryCodes && countryCodes.length > 0 &&
|
|
27018
|
-
React$1.createElement(OptionsList, {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27019
|
-
, React$1.createElement('div', { className: "search-field", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27020
|
-
, React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27021
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_2834_8051)", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27022
|
-
, React$1.createElement('path', { d: "M14.4733 13.5267L12 11.0733C12.9601 9.87627 13.425 8.35686 13.2992 6.82753C13.1734 5.2982 12.4664 3.87519 11.3237 2.85109C10.1809 1.827 8.6892 1.27967 7.15528 1.32164C5.62136 1.36362 4.16181 1.99171 3.07676 3.07676C1.99171 4.16181 1.36362 5.62136 1.32164 7.15528C1.27967 8.6892 1.827 10.1809 2.85109 11.3237C3.87519 12.4664 5.2982 13.1734 6.82753 13.2992C8.35686 13.425 9.87627 12.9601 11.0733 12L13.5267 14.4533C13.5886 14.5158 13.6624 14.5654 13.7436 14.5993C13.8249 14.6331 13.912 14.6505 14 14.6505C14.088 14.6505 14.1751 14.6331 14.2564 14.5993C14.3376 14.5654 14.4114 14.5158 14.4733 14.4533C14.5935 14.329 14.6607 14.1629 14.6607 13.99C14.6607 13.8171 14.5935 13.651 14.4733 13.5267ZM7.33333 12C6.41035 12 5.5081 11.7263 4.74067 11.2135C3.97324 10.7007 3.3751 9.97191 3.02189 9.11919C2.66868 8.26646 2.57627 7.32815 2.75633 6.42291C2.9364 5.51766 3.38085 4.68614 4.0335 4.0335C4.68614 3.38085 5.51766 2.9364 6.42291 2.75633C7.32815 2.57627 8.26646 2.66868 9.11919 3.02189C9.97191 3.3751 10.7007 3.97324 11.2135 4.74067C11.7263 5.5081 12 6.41035 12 7.33333C12 8.57101 11.5083 9.75799 10.6332 10.6332C9.75799 11.5083 8.57101 12 7.33333 12Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27023
|
+
React$1.createElement(OptionsList, {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 145}}
|
|
27024
|
+
, React$1.createElement('div', { className: "search-field", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 146}}
|
|
27025
|
+
, React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 147}}
|
|
27026
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_2834_8051)", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 148}}
|
|
27027
|
+
, React$1.createElement('path', { d: "M14.4733 13.5267L12 11.0733C12.9601 9.87627 13.425 8.35686 13.2992 6.82753C13.1734 5.2982 12.4664 3.87519 11.3237 2.85109C10.1809 1.827 8.6892 1.27967 7.15528 1.32164C5.62136 1.36362 4.16181 1.99171 3.07676 3.07676C1.99171 4.16181 1.36362 5.62136 1.32164 7.15528C1.27967 8.6892 1.827 10.1809 2.85109 11.3237C3.87519 12.4664 5.2982 13.1734 6.82753 13.2992C8.35686 13.425 9.87627 12.9601 11.0733 12L13.5267 14.4533C13.5886 14.5158 13.6624 14.5654 13.7436 14.5993C13.8249 14.6331 13.912 14.6505 14 14.6505C14.088 14.6505 14.1751 14.6331 14.2564 14.5993C14.3376 14.5654 14.4114 14.5158 14.4733 14.4533C14.5935 14.329 14.6607 14.1629 14.6607 13.99C14.6607 13.8171 14.5935 13.651 14.4733 13.5267ZM7.33333 12C6.41035 12 5.5081 11.7263 4.74067 11.2135C3.97324 10.7007 3.3751 9.97191 3.02189 9.11919C2.66868 8.26646 2.57627 7.32815 2.75633 6.42291C2.9364 5.51766 3.38085 4.68614 4.0335 4.0335C4.68614 3.38085 5.51766 2.9364 6.42291 2.75633C7.32815 2.57627 8.26646 2.66868 9.11919 3.02189C9.97191 3.3751 10.7007 3.97324 11.2135 4.74067C11.7263 5.5081 12 6.41035 12 7.33333C12 8.57101 11.5083 9.75799 10.6332 10.6332C9.75799 11.5083 8.57101 12 7.33333 12Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 149}})
|
|
27023
27028
|
)
|
|
27024
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27025
|
-
, React$1.createElement('clipPath', { id: "clip0_2834_8051", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27026
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27029
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 151}}
|
|
27030
|
+
, React$1.createElement('clipPath', { id: "clip0_2834_8051", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 152}}
|
|
27031
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 153}})
|
|
27027
27032
|
)
|
|
27028
27033
|
)
|
|
27029
27034
|
)
|
|
@@ -27031,7 +27036,7 @@ const PhoneInput = (props) => {
|
|
|
27031
27036
|
setTimeout(()=>{
|
|
27032
27037
|
setOpened(false);
|
|
27033
27038
|
},200);
|
|
27034
|
-
}, placeholder: "Search by country" , autoFocus: true, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27039
|
+
}, placeholder: "Search by country" , autoFocus: true, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 157}})
|
|
27035
27040
|
)
|
|
27036
27041
|
, countryCodesRec.map((option, index) => (
|
|
27037
27042
|
React$1.createElement(DropdownOption, { key: index, onClick: ()=>{
|
|
@@ -27046,7 +27051,7 @@ const PhoneInput = (props) => {
|
|
|
27046
27051
|
}
|
|
27047
27052
|
setCntryCd(option.dial_code);
|
|
27048
27053
|
},200);
|
|
27049
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27054
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 164}}, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 176}}, "(", option.dial_code, ") " , option.country))
|
|
27050
27055
|
))
|
|
27051
27056
|
)
|
|
27052
27057
|
|
|
@@ -27054,27 +27059,27 @@ const PhoneInput = (props) => {
|
|
|
27054
27059
|
|
|
27055
27060
|
)
|
|
27056
27061
|
, selStatus === 'error' && errMsg &&
|
|
27057
|
-
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27058
|
-
, React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27059
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27060
|
-
, React$1.createElement('path', { d: "M8.00006 10.6667C7.86821 10.6667 7.73931 10.7058 7.62968 10.779C7.52005 10.8523 7.4346 10.9564 7.38414 11.0782C7.33368 11.2 7.32048 11.3341 7.3462 11.4634C7.37193 11.5927 7.43542 11.7115 7.52866 11.8048C7.62189 11.898 7.74068 11.9615 7.87 11.9872C7.99932 12.0129 8.13336 11.9997 8.25518 11.9493C8.377 11.8988 8.48112 11.8134 8.55437 11.7037C8.62763 11.5941 8.66673 11.4652 8.66673 11.3334C8.66673 11.1565 8.59649 10.987 8.47146 10.8619C8.34644 10.7369 8.17687 10.6667 8.00006 10.6667ZM15.1134 11.6467L9.74673 2.31335C9.57326 2.00236 9.31992 1.74332 9.01285 1.563C8.70579 1.38267 8.35615 1.2876 8.00006 1.2876C7.64396 1.2876 7.29433 1.38267 6.98726 1.563C6.6802 1.74332 6.42686 2.00236 6.25339 2.31335L0.92006 11.6467C0.74059 11.9494 0.644155 12.294 0.640489 12.6459C0.636824 12.9978 0.726058 13.3444 0.899184 13.6507C1.07231 13.9571 1.3232 14.2123 1.62652 14.3907C1.92984 14.5691 2.27485 14.6643 2.62673 14.6667H13.3734C13.7281 14.6702 14.0773 14.5793 14.3853 14.4033C14.6933 14.2273 14.949 13.9726 15.126 13.6652C15.3031 13.3579 15.3953 13.009 15.3931 12.6542C15.3908 12.2995 15.2943 11.9518 15.1134 11.6467ZM13.9601 12.98C13.9016 13.084 13.8164 13.1704 13.7132 13.2302C13.61 13.29 13.4927 13.321 13.3734 13.32H2.62673C2.50747 13.321 2.39013 13.29 2.28694 13.2302C2.18375 13.1704 2.0985 13.084 2.04006 12.98C1.98155 12.8787 1.95074 12.7637 1.95074 12.6467C1.95074 12.5297 1.98155 12.4147 2.04006 12.3134L7.37339 2.98002C7.42934 2.87082 7.51433 2.77917 7.61902 2.71518C7.72371 2.65119 7.84403 2.61733 7.96673 2.61733C8.08942 2.61733 8.20974 2.65119 8.31443 2.71518C8.41912 2.77917 8.50411 2.87082 8.56006 2.98002L13.9267 12.3134C13.9929 12.4132 14.0309 12.5291 14.0367 12.6488C14.0426 12.7684 14.0161 12.8875 13.9601 12.9934V12.98ZM8.00006 5.33335C7.82325 5.33335 7.65368 5.40359 7.52866 5.52861C7.40363 5.65364 7.33339 5.82321 7.33339 6.00002V8.66669C7.33339 8.8435 7.40363 9.01307 7.52866 9.13809C7.65368 9.26311 7.82325 9.33335 8.00006 9.33335C8.17687 9.33335 8.34644 9.26311 8.47146 9.13809C8.59649 9.01307 8.66673 8.8435 8.66673 8.66669V6.00002C8.66673 5.82321 8.59649 5.65364 8.47146 5.52861C8.34644 5.40359 8.17687 5.33335 8.00006 5.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27062
|
+
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 184}}
|
|
27063
|
+
, React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 185}}
|
|
27064
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 186}}
|
|
27065
|
+
, React$1.createElement('path', { d: "M8.00006 10.6667C7.86821 10.6667 7.73931 10.7058 7.62968 10.779C7.52005 10.8523 7.4346 10.9564 7.38414 11.0782C7.33368 11.2 7.32048 11.3341 7.3462 11.4634C7.37193 11.5927 7.43542 11.7115 7.52866 11.8048C7.62189 11.898 7.74068 11.9615 7.87 11.9872C7.99932 12.0129 8.13336 11.9997 8.25518 11.9493C8.377 11.8988 8.48112 11.8134 8.55437 11.7037C8.62763 11.5941 8.66673 11.4652 8.66673 11.3334C8.66673 11.1565 8.59649 10.987 8.47146 10.8619C8.34644 10.7369 8.17687 10.6667 8.00006 10.6667ZM15.1134 11.6467L9.74673 2.31335C9.57326 2.00236 9.31992 1.74332 9.01285 1.563C8.70579 1.38267 8.35615 1.2876 8.00006 1.2876C7.64396 1.2876 7.29433 1.38267 6.98726 1.563C6.6802 1.74332 6.42686 2.00236 6.25339 2.31335L0.92006 11.6467C0.74059 11.9494 0.644155 12.294 0.640489 12.6459C0.636824 12.9978 0.726058 13.3444 0.899184 13.6507C1.07231 13.9571 1.3232 14.2123 1.62652 14.3907C1.92984 14.5691 2.27485 14.6643 2.62673 14.6667H13.3734C13.7281 14.6702 14.0773 14.5793 14.3853 14.4033C14.6933 14.2273 14.949 13.9726 15.126 13.6652C15.3031 13.3579 15.3953 13.009 15.3931 12.6542C15.3908 12.2995 15.2943 11.9518 15.1134 11.6467ZM13.9601 12.98C13.9016 13.084 13.8164 13.1704 13.7132 13.2302C13.61 13.29 13.4927 13.321 13.3734 13.32H2.62673C2.50747 13.321 2.39013 13.29 2.28694 13.2302C2.18375 13.1704 2.0985 13.084 2.04006 12.98C1.98155 12.8787 1.95074 12.7637 1.95074 12.6467C1.95074 12.5297 1.98155 12.4147 2.04006 12.3134L7.37339 2.98002C7.42934 2.87082 7.51433 2.77917 7.61902 2.71518C7.72371 2.65119 7.84403 2.61733 7.96673 2.61733C8.08942 2.61733 8.20974 2.65119 8.31443 2.71518C8.41912 2.77917 8.50411 2.87082 8.56006 2.98002L13.9267 12.3134C13.9929 12.4132 14.0309 12.5291 14.0367 12.6488C14.0426 12.7684 14.0161 12.8875 13.9601 12.9934V12.98ZM8.00006 5.33335C7.82325 5.33335 7.65368 5.40359 7.52866 5.52861C7.40363 5.65364 7.33339 5.82321 7.33339 6.00002V8.66669C7.33339 8.8435 7.40363 9.01307 7.52866 9.13809C7.65368 9.26311 7.82325 9.33335 8.00006 9.33335C8.17687 9.33335 8.34644 9.26311 8.47146 9.13809C8.59649 9.01307 8.66673 8.8435 8.66673 8.66669V6.00002C8.66673 5.82321 8.59649 5.65364 8.47146 5.52861C8.34644 5.40359 8.17687 5.33335 8.00006 5.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 187}})
|
|
27061
27066
|
)
|
|
27062
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27063
|
-
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27064
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27067
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 189}}
|
|
27068
|
+
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 190}}
|
|
27069
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 191}})
|
|
27065
27070
|
)
|
|
27066
27071
|
)
|
|
27067
27072
|
)
|
|
27068
|
-
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27073
|
+
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 195}}, errMsg)
|
|
27069
27074
|
)
|
|
27070
27075
|
|
|
27071
27076
|
)
|
|
27072
27077
|
|
|
27073
27078
|
, disabled &&
|
|
27074
|
-
React$1.createElement(DisabledContainer, {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27075
|
-
, React$1.createElement('img', { src: img, alt: "globe icon" , __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27076
|
-
, React$1.createElement('svg', { width: "24", height: "24", viewBox: "0 0 24 24" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27077
|
-
, React$1.createElement('path', { d: "M16.9999 9.16994C16.8126 8.98369 16.5591 8.87915 16.2949 8.87915C16.0308 8.87915 15.7773 8.98369 15.5899 9.16994L11.9999 12.7099L8.45995 9.16994C8.27259 8.98369 8.01913 8.87915 7.75495 8.87915C7.49076 8.87915 7.23731 8.98369 7.04995 9.16994C6.95622 9.26291 6.88183 9.37351 6.83106 9.49537C6.78029 9.61723 6.75415 9.74793 6.75415 9.87994C6.75415 10.012 6.78029 10.1427 6.83106 10.2645C6.88183 10.3864 6.95622 10.497 7.04995 10.5899L11.2899 14.8299C11.3829 14.9237 11.4935 14.9981 11.6154 15.0488C11.7372 15.0996 11.8679 15.1257 11.9999 15.1257C12.132 15.1257 12.2627 15.0996 12.3845 15.0488C12.5064 14.9981 12.617 14.9237 12.7099 14.8299L16.9999 10.5899C17.0937 10.497 17.1681 10.3864 17.2188 10.2645C17.2696 10.1427 17.2957 10.012 17.2957 9.87994C17.2957 9.74793 17.2696 9.61723 17.2188 9.49537C17.1681 9.37351 17.0937 9.26291 16.9999 9.16994Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27079
|
+
React$1.createElement(DisabledContainer, {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 201}}
|
|
27080
|
+
, React$1.createElement('img', { src: img, alt: "globe icon" , __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 202}})
|
|
27081
|
+
, React$1.createElement('svg', { width: "24", height: "24", viewBox: "0 0 24 24" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 203}}
|
|
27082
|
+
, React$1.createElement('path', { d: "M16.9999 9.16994C16.8126 8.98369 16.5591 8.87915 16.2949 8.87915C16.0308 8.87915 15.7773 8.98369 15.5899 9.16994L11.9999 12.7099L8.45995 9.16994C8.27259 8.98369 8.01913 8.87915 7.75495 8.87915C7.49076 8.87915 7.23731 8.98369 7.04995 9.16994C6.95622 9.26291 6.88183 9.37351 6.83106 9.49537C6.78029 9.61723 6.75415 9.74793 6.75415 9.87994C6.75415 10.012 6.78029 10.1427 6.83106 10.2645C6.88183 10.3864 6.95622 10.497 7.04995 10.5899L11.2899 14.8299C11.3829 14.9237 11.4935 14.9981 11.6154 15.0488C11.7372 15.0996 11.8679 15.1257 11.9999 15.1257C12.132 15.1257 12.2627 15.0996 12.3845 15.0488C12.5064 14.9981 12.617 14.9237 12.7099 14.8299L16.9999 10.5899C17.0937 10.497 17.1681 10.3864 17.2188 10.2645C17.2696 10.1427 17.2957 10.012 17.2957 9.87994C17.2957 9.74793 17.2696 9.61723 17.2188 9.49537C17.1681 9.37351 17.0937 9.26291 16.9999 9.16994Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 204}})
|
|
27078
27083
|
)
|
|
27079
27084
|
)
|
|
27080
27085
|
|