@secondstaxorg/sscomp 1.7.22 → 1.7.23
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 +103 -56
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +226 -131
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +110 -63
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/Selector/styles.d.ts +2 -1
- package/types/components/Selector/types.d.ts +12 -0
package/dist/index.js
CHANGED
|
@@ -16356,7 +16356,7 @@ const DropdownField$2 = styled.div`
|
|
|
16356
16356
|
&.error{
|
|
16357
16357
|
border: 1px solid ${theme.colors["error-500"]};
|
|
16358
16358
|
}
|
|
16359
|
-
button,input{
|
|
16359
|
+
button,input:not(.search-input),.search-field{
|
|
16360
16360
|
position: absolute;
|
|
16361
16361
|
left: 0;
|
|
16362
16362
|
right: 0;
|
|
@@ -16375,6 +16375,26 @@ const DropdownField$2 = styled.div`
|
|
|
16375
16375
|
padding: 0 16px;
|
|
16376
16376
|
font-size: 16px;
|
|
16377
16377
|
}
|
|
16378
|
+
.search-field{
|
|
16379
|
+
position: relative;
|
|
16380
|
+
display: flex;
|
|
16381
|
+
gap: 4px;
|
|
16382
|
+
align-items: center;
|
|
16383
|
+
padding-inline: 12px;
|
|
16384
|
+
height: 46px;
|
|
16385
|
+
border: 1px solid ${theme.colors["primary-300"]} !important;
|
|
16386
|
+
cursor: auto;
|
|
16387
|
+
}
|
|
16388
|
+
.search-field input{
|
|
16389
|
+
width: 100%;
|
|
16390
|
+
padding-block: 12px;
|
|
16391
|
+
padding-inline: 0;
|
|
16392
|
+
outline: none;
|
|
16393
|
+
border: none;
|
|
16394
|
+
}
|
|
16395
|
+
.search-field input::placeholder{
|
|
16396
|
+
color: ${theme.colors["neutral-400"]};
|
|
16397
|
+
}
|
|
16378
16398
|
&:hover{
|
|
16379
16399
|
border: 1px solid ${theme.colors["primary-300"]};
|
|
16380
16400
|
outline: none;
|
|
@@ -16603,32 +16623,15 @@ const CountrySelector = (props) => {
|
|
|
16603
16623
|
)
|
|
16604
16624
|
, React$1.createElement('input', { className: "sr-only", value: srVal, required: required, onChange: ()=>{}, onInvalid: ()=>{setSelStatus('error');}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 95}})
|
|
16605
16625
|
, React$1.createElement('input', { className: "input-field", value: srVal, onChange: ()=>{}, name: inputName, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 96}})
|
|
16606
|
-
,
|
|
16607
|
-
React$1.createElement('
|
|
16608
|
-
|
|
16609
|
-
setOpened(false);
|
|
16610
|
-
},200);
|
|
16611
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 98}})
|
|
16612
|
-
|
|
16613
|
-
, React$1.createElement('div', { style: {display:'flex',gap:'16px', alignItems:'center', overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 104}}
|
|
16614
|
-
, React$1.createElement('img', { src: !passedOption.optionFlag ? imgFile : passedOption.optionFlag, alt: "flag", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 105}})
|
|
16615
|
-
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 106}}, passedOption.optionName)
|
|
16616
|
-
/*{!passedOption.optionName &&
|
|
16617
|
-
<>
|
|
16618
|
-
<span className="paragraph2Regular">{initialText}</span>
|
|
16619
|
-
{!initialText &&
|
|
16620
|
-
<>
|
|
16621
|
-
{placeholder && <span className="paragraph2Regular placeholder">{placeholder}</span>}
|
|
16622
|
-
</>
|
|
16623
|
-
}
|
|
16624
|
-
</>
|
|
16625
|
-
}*/
|
|
16626
|
+
, React$1.createElement('div', { style: {display:'flex',gap:'16px', alignItems:'center', overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 97}}
|
|
16627
|
+
, React$1.createElement('img', { src: !passedOption.optionFlag ? imgFile : passedOption.optionFlag, alt: "flag", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 98}})
|
|
16628
|
+
, passedOption.optionName && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 99}}, passedOption.optionName)
|
|
16626
16629
|
, !passedOption.optionName &&
|
|
16627
16630
|
React$1.createElement(React$1.Fragment, null
|
|
16628
|
-
, initText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
16631
|
+
, initText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 102}}, initText)
|
|
16629
16632
|
, !initText &&
|
|
16630
16633
|
React$1.createElement(React$1.Fragment, null
|
|
16631
|
-
, placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
16634
|
+
, placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 105}}, placeholder)
|
|
16632
16635
|
)
|
|
16633
16636
|
|
|
16634
16637
|
)
|
|
@@ -16639,22 +16642,41 @@ const CountrySelector = (props) => {
|
|
|
16639
16642
|
buttonRef.current.focus();
|
|
16640
16643
|
setOpened(true);
|
|
16641
16644
|
}
|
|
16642
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
16643
|
-
, 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$R, lineNumber:
|
|
16644
|
-
, 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$R, lineNumber:
|
|
16645
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 111}}
|
|
16646
|
+
, 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$R, lineNumber: 117}}
|
|
16647
|
+
, 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$R, lineNumber: 118}})
|
|
16645
16648
|
)
|
|
16646
16649
|
)
|
|
16647
16650
|
, opened &&
|
|
16648
16651
|
React$1.createElement(React$1.Fragment, null
|
|
16649
16652
|
, options && options.length > 0 &&
|
|
16650
|
-
React$1.createElement(OptionsList$2, {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
16653
|
+
React$1.createElement(OptionsList$2, {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 124}}
|
|
16654
|
+
, searchable && opened &&
|
|
16655
|
+
React$1.createElement('div', { className: "search-field", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 126}}
|
|
16656
|
+
, 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$R, lineNumber: 127}}
|
|
16657
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_2834_8051)", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 128}}
|
|
16658
|
+
, 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$R, lineNumber: 129}})
|
|
16659
|
+
)
|
|
16660
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 131}}
|
|
16661
|
+
, React$1.createElement('clipPath', { id: "clip0_2834_8051", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 132}}
|
|
16662
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 133}})
|
|
16663
|
+
)
|
|
16664
|
+
)
|
|
16665
|
+
)
|
|
16666
|
+
, React$1.createElement('input', { type: "text", placeholder: "Search", value: qryStr, onChange: (e)=>{filterList(e.target.value);}, className: "country-selector search-input" , autoFocus: true, onFocus: ()=>{setOpened(true);}, onBlur: ()=>{
|
|
16667
|
+
setTimeout(()=>{
|
|
16668
|
+
setOpened(false);
|
|
16669
|
+
},200);
|
|
16670
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 137}})
|
|
16671
|
+
)
|
|
16672
|
+
|
|
16651
16673
|
, sectionTitle &&
|
|
16652
|
-
React$1.createElement('div', { className: "section-title", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
16653
|
-
, React$1.createElement('span', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
16674
|
+
React$1.createElement('div', { className: "section-title", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 145}}
|
|
16675
|
+
, React$1.createElement('span', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 146}}, sectionTitle)
|
|
16654
16676
|
)
|
|
16655
16677
|
|
|
16656
16678
|
, optionsRec.map((country, index) => (
|
|
16657
|
-
React$1.createElement(React$1.Fragment, { key: index, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
16679
|
+
React$1.createElement(React$1.Fragment, { key: index, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 150}}
|
|
16658
16680
|
, !country.subName &&
|
|
16659
16681
|
React$1.createElement(DropdownOption$2, { onClick: ()=>{
|
|
16660
16682
|
setInitText(country.optionName);
|
|
@@ -16666,9 +16688,9 @@ const CountrySelector = (props) => {
|
|
|
16666
16688
|
setPassedOption(country);
|
|
16667
16689
|
selectedOption(country);
|
|
16668
16690
|
},200);
|
|
16669
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
16670
|
-
, country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
16671
|
-
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
16691
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 152}}
|
|
16692
|
+
, country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 163}}) : React$1.createElement('div', { className: "empty-flag", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 163}})
|
|
16693
|
+
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 164}}, country.optionName)
|
|
16672
16694
|
)
|
|
16673
16695
|
|
|
16674
16696
|
, country.subName &&
|
|
@@ -16681,10 +16703,10 @@ const CountrySelector = (props) => {
|
|
|
16681
16703
|
setPassedOption(country);
|
|
16682
16704
|
selectedOption(country);
|
|
16683
16705
|
},200);
|
|
16684
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
16685
|
-
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
16686
|
-
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
16687
|
-
, country.subName, country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
16706
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 168}}
|
|
16707
|
+
, country.optionName && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 178}}, country.optionName)
|
|
16708
|
+
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 179}}
|
|
16709
|
+
, country.subName, country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 180}}) : React$1.createElement('div', { className: "empty-flag", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 180}})
|
|
16688
16710
|
)
|
|
16689
16711
|
)
|
|
16690
16712
|
|
|
@@ -16696,18 +16718,18 @@ const CountrySelector = (props) => {
|
|
|
16696
16718
|
|
|
16697
16719
|
)
|
|
16698
16720
|
, selStatus === 'error' &&
|
|
16699
|
-
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
16700
|
-
, 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$R, lineNumber:
|
|
16701
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
16702
|
-
, 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$R, lineNumber:
|
|
16721
|
+
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 192}}
|
|
16722
|
+
, 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$R, lineNumber: 193}}
|
|
16723
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 194}}
|
|
16724
|
+
, 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$R, lineNumber: 195}})
|
|
16703
16725
|
)
|
|
16704
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
16705
|
-
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
16706
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
16726
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 197}}
|
|
16727
|
+
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 198}}
|
|
16728
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 199}})
|
|
16707
16729
|
)
|
|
16708
16730
|
)
|
|
16709
16731
|
)
|
|
16710
|
-
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
16732
|
+
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 203}}, "This field is required" )
|
|
16711
16733
|
)
|
|
16712
16734
|
|
|
16713
16735
|
)
|
|
@@ -25133,19 +25155,25 @@ const MainContainer = styled.div`
|
|
|
25133
25155
|
|
|
25134
25156
|
const FieldContainer$1 = styled.div`
|
|
25135
25157
|
display:flex;
|
|
25136
|
-
flex-direction: column;
|
|
25137
25158
|
gap:8px;
|
|
25159
|
+
&.vertical{
|
|
25160
|
+
flex-direction: column;
|
|
25161
|
+
}
|
|
25162
|
+
&.horizontal{
|
|
25163
|
+
flex-direction: row;
|
|
25164
|
+
}
|
|
25165
|
+
`;
|
|
25166
|
+
|
|
25167
|
+
const OtherContainer = styled.div`
|
|
25168
|
+
display: flex;
|
|
25169
|
+
gap: 12px;
|
|
25170
|
+
flex-direction: column;
|
|
25138
25171
|
`;
|
|
25139
25172
|
|
|
25140
25173
|
const InputLabel$1 = styled.div`
|
|
25141
25174
|
display: flex;
|
|
25142
25175
|
flex-direction: column;
|
|
25143
25176
|
gap: 4px;
|
|
25144
|
-
label{
|
|
25145
|
-
color:${theme.colors["primary-900"]};
|
|
25146
|
-
font-weight: 500;
|
|
25147
|
-
font-family: "Circular Book Medium", sans-serif;
|
|
25148
|
-
}
|
|
25149
25177
|
`;
|
|
25150
25178
|
|
|
25151
25179
|
const SrInput = styled.input`
|
|
@@ -25163,7 +25191,7 @@ const SrInput = styled.input`
|
|
|
25163
25191
|
}
|
|
25164
25192
|
`;
|
|
25165
25193
|
|
|
25166
|
-
const SelectorContainer = styled.
|
|
25194
|
+
const SelectorContainer = styled.button`
|
|
25167
25195
|
//width: 430px;
|
|
25168
25196
|
border-radius: 8px;
|
|
25169
25197
|
outline: 1px solid ${theme.colors["neutral-100"]};
|
|
@@ -25175,13 +25203,15 @@ const SelectorContainer = styled.div`
|
|
|
25175
25203
|
padding: 16px;
|
|
25176
25204
|
transition: 0.3s;
|
|
25177
25205
|
cursor: pointer;
|
|
25178
|
-
|
|
25206
|
+
border: none;
|
|
25207
|
+
&:hover,&:focus-visible{
|
|
25179
25208
|
outline-color: ${theme.colors["primary-500"]};
|
|
25180
25209
|
background: ${theme.colors["primary-50"]};
|
|
25181
25210
|
}
|
|
25182
25211
|
.text{
|
|
25183
25212
|
margin: 0;
|
|
25184
25213
|
width: 100%;
|
|
25214
|
+
padding-right: 16px;
|
|
25185
25215
|
}
|
|
25186
25216
|
&.selected{
|
|
25187
25217
|
outline-color: ${theme.colors["primary-500"]} !important;
|
|
@@ -25193,24 +25223,24 @@ const SelectorContainer = styled.div`
|
|
|
25193
25223
|
}
|
|
25194
25224
|
`;
|
|
25195
25225
|
|
|
25196
|
-
const _jsxFileName$4 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\Selector\\Selector.tsx"
|
|
25197
|
-
/**
|
|
25226
|
+
const _jsxFileName$4 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\Selector\\Selector.tsx";/**
|
|
25198
25227
|
* Component for making selections. Usage could be in an onboarding process
|
|
25199
25228
|
*/
|
|
25200
25229
|
const Selector = (props) => {
|
|
25201
|
-
const {itemsList,selectedItem,width,multiSelect,required,label,subText,errMsg,inputName} = props;
|
|
25230
|
+
const {itemsList,selectedItem,width,multiSelect,required,label,subText,errMsg,inputName,arrangement,otherOption,otherPlaceholder} = props;
|
|
25202
25231
|
const [selOptions,setSelOptions] = React$1.useState([]);
|
|
25203
25232
|
const [selStatus,setSelStatus] = React$1.useState('');
|
|
25204
25233
|
const [srSel,setSrSel] = React$1.useState('');
|
|
25234
|
+
const [otherVal,setOtherVal] = React$1.useState('');
|
|
25205
25235
|
|
|
25206
25236
|
function handleSelect(selection){
|
|
25207
25237
|
setSelStatus('');
|
|
25208
25238
|
let temp = [...selOptions];
|
|
25209
25239
|
|
|
25210
|
-
const
|
|
25240
|
+
const isPresent = temp.some((option) => option.label.toLowerCase() === selection.label.toLowerCase());
|
|
25211
25241
|
|
|
25212
25242
|
if (multiSelect){
|
|
25213
|
-
if (!
|
|
25243
|
+
if (!isPresent){
|
|
25214
25244
|
setSelOptions([...selOptions,selection]);
|
|
25215
25245
|
selectedItem([...selOptions,selection]);
|
|
25216
25246
|
}else {
|
|
@@ -25219,48 +25249,86 @@ const Selector = (props) => {
|
|
|
25219
25249
|
selectedItem(temp2);
|
|
25220
25250
|
}
|
|
25221
25251
|
}else {
|
|
25222
|
-
selectedItem(!
|
|
25223
|
-
setSrSel(!
|
|
25224
|
-
setSelOptions(!
|
|
25252
|
+
selectedItem(!isPresent ? selection : null);
|
|
25253
|
+
setSrSel(!isPresent ? selection.label : '');
|
|
25254
|
+
setSelOptions(!isPresent ? [selection] : []);
|
|
25225
25255
|
}
|
|
25226
|
-
|
|
25227
25256
|
}
|
|
25228
25257
|
|
|
25229
25258
|
React$1.useEffect(() => {
|
|
25230
|
-
|
|
25259
|
+
//determine that at least one option is selected
|
|
25260
|
+
if (selOptions.length > 0){
|
|
25261
|
+
if(selOptions[0].label){
|
|
25262
|
+
setSrSel('sel');
|
|
25263
|
+
}else {
|
|
25264
|
+
setSrSel('');
|
|
25265
|
+
}
|
|
25266
|
+
}else {
|
|
25267
|
+
setSrSel('');
|
|
25268
|
+
}
|
|
25231
25269
|
}, [selOptions]);
|
|
25232
25270
|
|
|
25271
|
+
React$1.useEffect(()=>{
|
|
25272
|
+
if (otherOption){
|
|
25273
|
+
setSrSel( otherVal ? 'sel' : '');
|
|
25274
|
+
const val = {
|
|
25275
|
+
label:otherVal,
|
|
25276
|
+
value:otherVal
|
|
25277
|
+
};
|
|
25278
|
+
selectedItem(val);
|
|
25279
|
+
setSelOptions([val]);
|
|
25280
|
+
}
|
|
25281
|
+
},[otherVal]);
|
|
25282
|
+
|
|
25283
|
+
function evaluateSelection(item){
|
|
25284
|
+
if (selOptions.some((option) => option.label.toLowerCase() === item.label.toLowerCase()) ){
|
|
25285
|
+
return true
|
|
25286
|
+
}
|
|
25287
|
+
}
|
|
25288
|
+
|
|
25233
25289
|
return (
|
|
25234
|
-
React$1.createElement(MainContainer, {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
25290
|
+
React$1.createElement(MainContainer, {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 71}}
|
|
25235
25291
|
, label &&
|
|
25236
|
-
React$1.createElement(InputLabel$1, {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
25237
|
-
, React$1.createElement('label', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
25238
|
-
, subText && React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
25292
|
+
React$1.createElement(InputLabel$1, {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 73}}
|
|
25293
|
+
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 74}}, label)
|
|
25294
|
+
, subText && React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 75}}, subText)
|
|
25239
25295
|
)
|
|
25240
25296
|
|
|
25241
|
-
, React$1.createElement(FieldContainer$1, { style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
25242
|
-
,
|
|
25243
|
-
|
|
25244
|
-
|
|
25245
|
-
|
|
25246
|
-
|
|
25247
|
-
|
|
25248
|
-
,
|
|
25249
|
-
|
|
25250
|
-
|
|
25251
|
-
|
|
25252
|
-
|
|
25253
|
-
|
|
25297
|
+
, React$1.createElement(FieldContainer$1, { className: arrangement, style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 78}}
|
|
25298
|
+
, React$1.createElement(React$1.Fragment, null
|
|
25299
|
+
, itemsList.map((item,index) => (
|
|
25300
|
+
React$1.createElement(SelectorContainer, { type: "button", key: index, className: evaluateSelection(item) ? 'selected' : '', onClick: () => {
|
|
25301
|
+
setOtherVal('');
|
|
25302
|
+
setTimeout(()=>{
|
|
25303
|
+
handleSelect(item);
|
|
25304
|
+
},100);
|
|
25305
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 81}}
|
|
25306
|
+
, React$1.createElement('p', { className: "text paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 87}}, item.label)
|
|
25307
|
+
, React$1.createElement('svg', { width: "25", height: "22", viewBox: "0 0 16 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 88}}
|
|
25308
|
+
, React$1.createElement('path', { d: "M14.71 1.21C14.617 1.11627 14.5064 1.04188 14.3846 0.991107C14.2627 0.940338 14.132 0.9142 14 0.9142C13.868 0.9142 13.7373 0.940338 13.6154 0.991107C13.4936 1.04188 13.383 1.11627 13.29 1.21L5.84001 8.67L2.71001 5.53C2.61349 5.43676 2.49955 5.36345 2.37469 5.31424C2.24984 5.26504 2.11651 5.24091 1.98233 5.24323C1.84815 5.24555 1.71574 5.27428 1.59266 5.32777C1.46959 5.38126 1.35825 5.45848 1.26501 5.555C1.17177 5.65152 1.09846 5.76546 1.04925 5.89032C1.00005 6.01517 0.97592 6.1485 0.978241 6.28268C0.980563 6.41686 1.00929 6.54927 1.06278 6.67234C1.11628 6.79542 1.19349 6.90676 1.29001 7L5.13001 10.84C5.22297 10.9337 5.33358 11.0081 5.45543 11.0589C5.57729 11.1097 5.708 11.1358 5.84001 11.1358C5.97202 11.1358 6.10273 11.1097 6.22459 11.0589C6.34645 11.0081 6.45705 10.9337 6.55001 10.84L14.71 2.68C14.8115 2.58636 14.8925 2.4727 14.9479 2.3462C15.0033 2.21971 15.0319 2.0831 15.0319 1.945C15.0319 1.8069 15.0033 1.67029 14.9479 1.54379C14.8925 1.41729 14.8115 1.30364 14.71 1.21V1.21Z" ,
|
|
25309
|
+
fill: selOptions.some((option) => (option.label === item.label)) ? theme.colors["primary-500"] : theme.colors["neutral-400"], __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 89}})
|
|
25310
|
+
)
|
|
25311
|
+
, React$1.createElement(SrInput, { type: "checkbox", name: inputName, value: item.value, onChange: ()=>{}, checked: selOptions.some((option) => option.label === item.label), __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 92}})
|
|
25312
|
+
)
|
|
25313
|
+
))
|
|
25314
|
+
)
|
|
25254
25315
|
)
|
|
25316
|
+
, otherOption &&
|
|
25317
|
+
React$1.createElement(OtherContainer, {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 98}}
|
|
25318
|
+
, React$1.createElement('p', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 99}}, "Other? Specify" )
|
|
25319
|
+
, React$1.createElement(TextField, { placeholder: otherPlaceholder, value: otherVal, onChange: (e)=>{setOtherVal(e.target.value);}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 100}})
|
|
25320
|
+
)
|
|
25321
|
+
|
|
25322
|
+
|
|
25255
25323
|
, React$1.createElement(SrInput, { className: "sr-only", value: srSel.toString(), required: required, onInvalid: (e)=>{
|
|
25256
25324
|
setSelStatus('error');
|
|
25257
25325
|
// e.target.setCustomValidity('This field is required')
|
|
25258
|
-
}, onChange: ()=>{}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
25326
|
+
}, onChange: ()=>{}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 104}})
|
|
25259
25327
|
, selStatus === 'error' &&
|
|
25260
|
-
React$1.createElement(ErrorMessage$1, {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
25328
|
+
React$1.createElement(ErrorMessage$1, {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 109}}
|
|
25261
25329
|
/*exclamation-triangle*/
|
|
25262
|
-
, React$1.createElement('svg', { width: "16", height: "14", viewBox: "0 0 16 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
25263
|
-
, React$1.createElement('path', { d: "M8.00006 9.66669C7.86821 9.66669 7.73931 9.70578 7.62968 9.77904C7.52005 9.85229 7.4346 9.95641 7.38414 10.0782C7.33368 10.2 7.32048 10.3341 7.3462 10.4634C7.37193 10.5927 7.43542 10.7115 7.52866 10.8048C7.62189 10.898 7.74068 10.9615 7.87 10.9872C7.99932 11.0129 8.13336 10.9997 8.25518 10.9493C8.377 10.8988 8.48112 10.8134 8.55437 10.7037C8.62763 10.5941 8.66673 10.4652 8.66673 10.3334C8.66673 10.1565 8.59649 9.98697 8.47146 9.86195C8.34644 9.73692 8.17687 9.66669 8.00006 9.66669ZM15.1134 10.6467L9.74673 1.31335C9.57326 1.00236 9.31992 0.743323 9.01285 0.562997C8.70579 0.382672 8.35615 0.287598 8.00006 0.287598C7.64396 0.287598 7.29433 0.382672 6.98726 0.562997C6.6802 0.743323 6.42686 1.00236 6.25339 1.31335L0.92006 10.6467C0.74059 10.9494 0.644155 11.294 0.640489 11.6459C0.636824 11.9978 0.726058 12.3444 0.899184 12.6507C1.07231 12.9571 1.3232 13.2123 1.62652 13.3907C1.92984 13.5691 2.27485 13.6643 2.62673 13.6667H13.3734C13.7281 13.6702 14.0773 13.5793 14.3853 13.4033C14.6933 13.2273 14.949 12.9726 15.126 12.6652C15.3031 12.3579 15.3953 12.009 15.3931 11.6542C15.3908 11.2995 15.2943 10.9518 15.1134 10.6467ZM13.9601 11.98C13.9016 12.084 13.8164 12.1704 13.7132 12.2302C13.61 12.29 13.4927 12.321 13.3734 12.32H2.62673C2.50747 12.321 2.39013 12.29 2.28694 12.2302C2.18375 12.1704 2.0985 12.084 2.04006 11.98C1.98155 11.8787 1.95074 11.7637 1.95074 11.6467C1.95074 11.5297 1.98155 11.4147 2.04006 11.3134L7.37339 1.98002C7.42934 1.87082 7.51433 1.77917 7.61902 1.71518C7.72371 1.65119 7.84403 1.61733 7.96673 1.61733C8.08942 1.61733 8.20974 1.65119 8.31443 1.71518C8.41912 1.77917 8.50411 1.87082 8.56006 1.98002L13.9267 11.3134C13.9929 11.4132 14.0309 11.5291 14.0367 11.6488C14.0426 11.7684 14.0161 11.8875 13.9601 11.9934V11.98ZM8.00006 4.33335C7.82325 4.33335 7.65368 4.40359 7.52866 4.52861C7.40363 4.65364 7.33339 4.82321 7.33339 5.00002V7.66669C7.33339 7.8435 7.40363 8.01307 7.52866 8.13809C7.65368 8.26311 7.82325 8.33335 8.00006 8.33335C8.17687 8.33335 8.34644 8.26311 8.47146 8.13809C8.59649 8.01307 8.66673 7.8435 8.66673 7.66669V5.00002C8.66673 4.82321 8.59649 4.65364 8.47146 4.52861C8.34644 4.40359 8.17687 4.33335 8.00006 4.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
25330
|
+
, React$1.createElement('svg', { width: "16", height: "14", viewBox: "0 0 16 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 111}}
|
|
25331
|
+
, React$1.createElement('path', { d: "M8.00006 9.66669C7.86821 9.66669 7.73931 9.70578 7.62968 9.77904C7.52005 9.85229 7.4346 9.95641 7.38414 10.0782C7.33368 10.2 7.32048 10.3341 7.3462 10.4634C7.37193 10.5927 7.43542 10.7115 7.52866 10.8048C7.62189 10.898 7.74068 10.9615 7.87 10.9872C7.99932 11.0129 8.13336 10.9997 8.25518 10.9493C8.377 10.8988 8.48112 10.8134 8.55437 10.7037C8.62763 10.5941 8.66673 10.4652 8.66673 10.3334C8.66673 10.1565 8.59649 9.98697 8.47146 9.86195C8.34644 9.73692 8.17687 9.66669 8.00006 9.66669ZM15.1134 10.6467L9.74673 1.31335C9.57326 1.00236 9.31992 0.743323 9.01285 0.562997C8.70579 0.382672 8.35615 0.287598 8.00006 0.287598C7.64396 0.287598 7.29433 0.382672 6.98726 0.562997C6.6802 0.743323 6.42686 1.00236 6.25339 1.31335L0.92006 10.6467C0.74059 10.9494 0.644155 11.294 0.640489 11.6459C0.636824 11.9978 0.726058 12.3444 0.899184 12.6507C1.07231 12.9571 1.3232 13.2123 1.62652 13.3907C1.92984 13.5691 2.27485 13.6643 2.62673 13.6667H13.3734C13.7281 13.6702 14.0773 13.5793 14.3853 13.4033C14.6933 13.2273 14.949 12.9726 15.126 12.6652C15.3031 12.3579 15.3953 12.009 15.3931 11.6542C15.3908 11.2995 15.2943 10.9518 15.1134 10.6467ZM13.9601 11.98C13.9016 12.084 13.8164 12.1704 13.7132 12.2302C13.61 12.29 13.4927 12.321 13.3734 12.32H2.62673C2.50747 12.321 2.39013 12.29 2.28694 12.2302C2.18375 12.1704 2.0985 12.084 2.04006 11.98C1.98155 11.8787 1.95074 11.7637 1.95074 11.6467C1.95074 11.5297 1.98155 11.4147 2.04006 11.3134L7.37339 1.98002C7.42934 1.87082 7.51433 1.77917 7.61902 1.71518C7.72371 1.65119 7.84403 1.61733 7.96673 1.61733C8.08942 1.61733 8.20974 1.65119 8.31443 1.71518C8.41912 1.77917 8.50411 1.87082 8.56006 1.98002L13.9267 11.3134C13.9929 11.4132 14.0309 11.5291 14.0367 11.6488C14.0426 11.7684 14.0161 11.8875 13.9601 11.9934V11.98ZM8.00006 4.33335C7.82325 4.33335 7.65368 4.40359 7.52866 4.52861C7.40363 4.65364 7.33339 4.82321 7.33339 5.00002V7.66669C7.33339 7.8435 7.40363 8.01307 7.52866 8.13809C7.65368 8.26311 7.82325 8.33335 8.00006 8.33335C8.17687 8.33335 8.34644 8.26311 8.47146 8.13809C8.59649 8.01307 8.66673 7.8435 8.66673 7.66669V5.00002C8.66673 4.82321 8.59649 4.65364 8.47146 4.52861C8.34644 4.40359 8.17687 4.33335 8.00006 4.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 112}})
|
|
25264
25332
|
)
|
|
25265
25333
|
, errMsg ? errMsg : 'Select an option'
|
|
25266
25334
|
)
|
|
@@ -25379,27 +25447,48 @@ const DropdownField = styled.div`
|
|
|
25379
25447
|
color: ${theme.colors["neutral-900"]};
|
|
25380
25448
|
white-space: nowrap;
|
|
25381
25449
|
height: 50px;
|
|
25382
|
-
input{
|
|
25450
|
+
input, button {
|
|
25383
25451
|
height: 99%;
|
|
25384
25452
|
outline: none;
|
|
25385
25453
|
border: none;
|
|
25454
|
+
border-radius: 8px;
|
|
25455
|
+
}
|
|
25456
|
+
|
|
25457
|
+
input {
|
|
25386
25458
|
width: 100%;
|
|
25387
25459
|
padding: 0 16px 0 0;
|
|
25388
25460
|
font-size: 16px;
|
|
25389
|
-
border-radius: 8px;
|
|
25390
25461
|
}
|
|
25391
|
-
|
|
25392
|
-
|
|
25393
|
-
outline: none;
|
|
25394
|
-
border: none;
|
|
25462
|
+
|
|
25463
|
+
button {
|
|
25395
25464
|
cursor: pointer;
|
|
25396
|
-
border-radius: 8px;
|
|
25397
25465
|
background: #ffffff;
|
|
25398
25466
|
display: flex;
|
|
25399
25467
|
justify-content: center;
|
|
25400
25468
|
align-items: center;
|
|
25401
25469
|
gap: 5px;
|
|
25402
25470
|
}
|
|
25471
|
+
.search-field{
|
|
25472
|
+
position: relative;
|
|
25473
|
+
display: flex;
|
|
25474
|
+
gap: 4px;
|
|
25475
|
+
align-items: center;
|
|
25476
|
+
padding-inline: 12px;
|
|
25477
|
+
//height: 46px;
|
|
25478
|
+
border: 1px solid ${theme.colors["primary-300"]} !important;
|
|
25479
|
+
cursor: auto;
|
|
25480
|
+
border-radius: 8px;
|
|
25481
|
+
}
|
|
25482
|
+
.search-field input{
|
|
25483
|
+
width: 100%;
|
|
25484
|
+
padding-block: 12px;
|
|
25485
|
+
padding-inline: 0;
|
|
25486
|
+
outline: none;
|
|
25487
|
+
border: none;
|
|
25488
|
+
}
|
|
25489
|
+
.search-field input::placeholder{
|
|
25490
|
+
color: ${theme.colors["neutral-400"]};
|
|
25491
|
+
}
|
|
25403
25492
|
&:hover{
|
|
25404
25493
|
border: 1px solid ${theme.colors["primary-300"]};
|
|
25405
25494
|
}
|
|
@@ -26820,7 +26909,6 @@ const PhoneInput = (props) => {
|
|
|
26820
26909
|
setSelStatus(!srVal ? 'error' : 'success');
|
|
26821
26910
|
}
|
|
26822
26911
|
}else {
|
|
26823
|
-
console.log('req 2');
|
|
26824
26912
|
setSelStatus(srVal ? 'success' : '');
|
|
26825
26913
|
}
|
|
26826
26914
|
}, onMouseUp: ()=>{
|
|
@@ -26832,46 +26920,53 @@ const PhoneInput = (props) => {
|
|
|
26832
26920
|
setOpened(true);
|
|
26833
26921
|
}
|
|
26834
26922
|
}, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 97}}
|
|
26835
|
-
, countryCode ? countryCode : React$1.createElement('img', { src: img, alt: "globe icon" , __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber:
|
|
26923
|
+
, countryCode ? countryCode : React$1.createElement('img', { src: img, alt: "globe icon" , __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 114}})
|
|
26836
26924
|
|
|
26837
26925
|
, React$1.createElement(DropdownIcon, { className: `dropdown-icon ${opened ? 'expanded' : 'collapsed'}`, onMouseUp: ()=>{
|
|
26838
26926
|
if (!opened){
|
|
26839
26927
|
buttonRef.current.focus();
|
|
26840
26928
|
setOpened(true);
|
|
26841
26929
|
}
|
|
26842
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber:
|
|
26843
|
-
, 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$2, lineNumber:
|
|
26844
|
-
, 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$2, lineNumber:
|
|
26930
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 116}}
|
|
26931
|
+
, 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$2, lineNumber: 122}}
|
|
26932
|
+
, 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$2, lineNumber: 123}})
|
|
26845
26933
|
)
|
|
26846
26934
|
)
|
|
26847
26935
|
)
|
|
26848
|
-
,
|
|
26849
|
-
|
|
26850
|
-
|
|
26851
|
-
|
|
26852
|
-
if (
|
|
26853
|
-
|
|
26854
|
-
setSelStatus('success');
|
|
26855
|
-
}else {
|
|
26856
|
-
setSelStatus('error');
|
|
26857
|
-
}
|
|
26936
|
+
, React$1.createElement('input', { className: "input-field", name: inputName, value: srVal, onChange: (e)=>{
|
|
26937
|
+
if (!isNaN(Number(e.target.value))) setSrVal(e.target.value);
|
|
26938
|
+
}, placeholder: placeholder, onBlur: ()=>{
|
|
26939
|
+
if (required) {
|
|
26940
|
+
if (countryCode && srVal){
|
|
26941
|
+
setSelStatus('success');
|
|
26858
26942
|
}else {
|
|
26859
|
-
setSelStatus(
|
|
26943
|
+
setSelStatus('error');
|
|
26860
26944
|
}
|
|
26861
|
-
}
|
|
26862
|
-
|
|
26863
|
-
|
|
26864
|
-
,
|
|
26865
|
-
React$1.createElement('input', { type: "text", value: qryStr, onChange: (e)=>{filterList(e.target.value);}, className: `dropdown-field input-field search-field ${err ? 'error' : ''}`, onFocus: ()=>{setOpened(true);}, onBlur: ()=>{
|
|
26866
|
-
setTimeout(()=>{
|
|
26867
|
-
setOpened(false);
|
|
26868
|
-
},200);
|
|
26869
|
-
}, placeholder: "Search by country" , __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 145}})
|
|
26870
|
-
|
|
26945
|
+
}else {
|
|
26946
|
+
setSelStatus(srVal ? 'success' : '');
|
|
26947
|
+
}
|
|
26948
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 127}})
|
|
26871
26949
|
, opened &&
|
|
26872
26950
|
React$1.createElement(React$1.Fragment, null
|
|
26873
26951
|
, countryCodes && countryCodes.length > 0 &&
|
|
26874
|
-
React$1.createElement(OptionsList, {__self: undefined, __source: {fileName: _jsxFileName$2, lineNumber:
|
|
26952
|
+
React$1.createElement(OptionsList, {__self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 143}}
|
|
26953
|
+
, React$1.createElement('div', { className: "search-field", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 144}}
|
|
26954
|
+
, 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$2, lineNumber: 145}}
|
|
26955
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_2834_8051)", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 146}}
|
|
26956
|
+
, 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$2, lineNumber: 147}})
|
|
26957
|
+
)
|
|
26958
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 149}}
|
|
26959
|
+
, React$1.createElement('clipPath', { id: "clip0_2834_8051", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 150}}
|
|
26960
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 151}})
|
|
26961
|
+
)
|
|
26962
|
+
)
|
|
26963
|
+
)
|
|
26964
|
+
, React$1.createElement('input', { type: "text", value: qryStr, onChange: (e)=>{filterList(e.target.value);}, className: `dropdown-field input-field ${err ? 'error' : ''}`, onFocus: ()=>{setOpened(true);}, onBlur: ()=>{
|
|
26965
|
+
setTimeout(()=>{
|
|
26966
|
+
setOpened(false);
|
|
26967
|
+
},200);
|
|
26968
|
+
}, placeholder: "Search by country" , autoFocus: true, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 155}})
|
|
26969
|
+
)
|
|
26875
26970
|
, countryCodesRec.map((option, index) => (
|
|
26876
26971
|
React$1.createElement(DropdownOption, { key: index, onClick: ()=>{
|
|
26877
26972
|
setCountryCode(option.dial_code);
|
|
@@ -26885,7 +26980,7 @@ const PhoneInput = (props) => {
|
|
|
26885
26980
|
}
|
|
26886
26981
|
setCntryCd(option.dial_code);
|
|
26887
26982
|
},200);
|
|
26888
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber:
|
|
26983
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 162}}, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 174}}, "(", option.dial_code, ") " , option.country))
|
|
26889
26984
|
))
|
|
26890
26985
|
)
|
|
26891
26986
|
|
|
@@ -26893,27 +26988,27 @@ const PhoneInput = (props) => {
|
|
|
26893
26988
|
|
|
26894
26989
|
)
|
|
26895
26990
|
, selStatus === 'error' && errMsg &&
|
|
26896
|
-
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber:
|
|
26897
|
-
, 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$2, lineNumber:
|
|
26898
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber:
|
|
26899
|
-
, 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$2, lineNumber:
|
|
26991
|
+
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 182}}
|
|
26992
|
+
, 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$2, lineNumber: 183}}
|
|
26993
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 184}}
|
|
26994
|
+
, 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$2, lineNumber: 185}})
|
|
26900
26995
|
)
|
|
26901
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$2, lineNumber:
|
|
26902
|
-
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber:
|
|
26903
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber:
|
|
26996
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 187}}
|
|
26997
|
+
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 188}}
|
|
26998
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 189}})
|
|
26904
26999
|
)
|
|
26905
27000
|
)
|
|
26906
27001
|
)
|
|
26907
|
-
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$2, lineNumber:
|
|
27002
|
+
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 193}}, errMsg)
|
|
26908
27003
|
)
|
|
26909
27004
|
|
|
26910
27005
|
)
|
|
26911
27006
|
|
|
26912
27007
|
, disabled &&
|
|
26913
|
-
React$1.createElement(DisabledContainer, {__self: undefined, __source: {fileName: _jsxFileName$2, lineNumber:
|
|
26914
|
-
, React$1.createElement('img', { src: img, alt: "globe icon" , __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber:
|
|
26915
|
-
, 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$2, lineNumber:
|
|
26916
|
-
, 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$2, lineNumber:
|
|
27008
|
+
React$1.createElement(DisabledContainer, {__self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 199}}
|
|
27009
|
+
, React$1.createElement('img', { src: img, alt: "globe icon" , __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 200}})
|
|
27010
|
+
, 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$2, lineNumber: 201}}
|
|
27011
|
+
, 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$2, lineNumber: 202}})
|
|
26917
27012
|
)
|
|
26918
27013
|
)
|
|
26919
27014
|
|