@secondstaxorg/sscomp 1.7.63 → 1.7.66
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 +15 -7
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +167 -142
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +12 -4
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/CountrySelector/CountrySelector.d.ts +1 -0
- package/types/components/DropdownList/DropdownList.d.ts +1 -0
- package/types/components/PasswordField/PasswordField.d.ts +1 -0
- package/types/components/Selector/Selector.d.ts +1 -0
- package/types/components/TextArea/TextArea.d.ts +1 -0
package/dist/index.js
CHANGED
|
@@ -1374,6 +1374,7 @@ const OutlineButtonComp = styled.button`
|
|
|
1374
1374
|
align-items:center;
|
|
1375
1375
|
gap: 10px;
|
|
1376
1376
|
text-wrap: nowrap;
|
|
1377
|
+
box-sizing: border-box;
|
|
1377
1378
|
&.with-bg{
|
|
1378
1379
|
background: white !important;
|
|
1379
1380
|
}
|
|
@@ -16474,6 +16475,7 @@ const OptionsList$2 = styled.div`
|
|
|
16474
16475
|
::-webkit-scrollbar{
|
|
16475
16476
|
width: 15px;
|
|
16476
16477
|
background: ${theme.colors.white};
|
|
16478
|
+
border-radius: 10px;
|
|
16477
16479
|
}
|
|
16478
16480
|
::-webkit-scrollbar-thumb{
|
|
16479
16481
|
background: ${theme.colors["neutral-900"]};
|
|
@@ -16580,10 +16582,12 @@ const CountrySelector = (props) => {
|
|
|
16580
16582
|
|
|
16581
16583
|
React$1.useEffect(()=>{
|
|
16582
16584
|
if (initialCountry){
|
|
16585
|
+
console.log(initialCountry);
|
|
16583
16586
|
let opt = options.filter((option) => option.optionName.toLowerCase() === _optionalChain$1([initialCountry, 'optionalAccess', _ => _.toLowerCase, 'call', _2 => _2()]) || option.optionShortName.toLowerCase() === _optionalChain$1([initialCountry, 'optionalAccess', _3 => _3.toLowerCase, 'call', _4 => _4()]));
|
|
16584
16587
|
setInitText(opt.length > 0 ? opt[0].optionName : initialCountry);
|
|
16585
16588
|
setImgFile(opt.length > 0 && opt[0].optionFlag ? opt[0].optionFlag : img$7);
|
|
16586
16589
|
setSrVal(initialCountry);
|
|
16590
|
+
setSelStatus('success');
|
|
16587
16591
|
}
|
|
16588
16592
|
},[initialCountry]);
|
|
16589
16593
|
|
|
@@ -16641,13 +16645,21 @@ const CountrySelector = (props) => {
|
|
|
16641
16645
|
}
|
|
16642
16646
|
},[srVal]);
|
|
16643
16647
|
|
|
16644
|
-
|
|
16648
|
+
React$1.useEffect(()=>{
|
|
16649
|
+
if (!firstRun){
|
|
16650
|
+
validate();
|
|
16651
|
+
}else {
|
|
16652
|
+
setFirstRun(false);
|
|
16653
|
+
}
|
|
16654
|
+
},[opened]);
|
|
16655
|
+
|
|
16656
|
+
function validate(){
|
|
16645
16657
|
if (required) {
|
|
16646
|
-
setSelStatus(!srVal ? 'error' : 'success')
|
|
16658
|
+
setSelStatus(!srVal ? 'error' : 'success');
|
|
16647
16659
|
}else {
|
|
16648
|
-
setSelStatus(srVal ? 'success' : '')
|
|
16660
|
+
setSelStatus(srVal ? 'success' : '');
|
|
16649
16661
|
}
|
|
16650
|
-
}
|
|
16662
|
+
}
|
|
16651
16663
|
|
|
16652
16664
|
function filterList(qry){
|
|
16653
16665
|
setQryStr(qry);
|
|
@@ -16655,20 +16667,19 @@ const CountrySelector = (props) => {
|
|
|
16655
16667
|
}
|
|
16656
16668
|
|
|
16657
16669
|
return (
|
|
16658
|
-
React$1.createElement(DropdownContainer, {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16670
|
+
React$1.createElement(DropdownContainer, {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 120}}
|
|
16659
16671
|
, label &&
|
|
16660
|
-
React$1.createElement(LabelContainer, {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16661
|
-
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16672
|
+
React$1.createElement(LabelContainer, {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 122}}
|
|
16673
|
+
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 123}}, label)
|
|
16662
16674
|
)
|
|
16663
16675
|
|
|
16664
|
-
, React$1.createElement(DropdownField$2, { className: `dropdown-field-container ${selStatus}`, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16676
|
+
, React$1.createElement(DropdownField$2, { className: `dropdown-field-container ${selStatus}`, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 126}}
|
|
16665
16677
|
, React$1.createElement('button', { ref: buttonRef, type: "button", className: "country-selector", onBlur: ()=>{
|
|
16666
16678
|
if (!searchable){
|
|
16667
16679
|
setTimeout(()=>{
|
|
16668
16680
|
setOpened(false);
|
|
16669
16681
|
},200);
|
|
16670
16682
|
}
|
|
16671
|
-
// validate()
|
|
16672
16683
|
}, onMouseUp: ()=>{
|
|
16673
16684
|
if (opened){
|
|
16674
16685
|
setTimeout(()=>{
|
|
@@ -16677,19 +16688,19 @@ const CountrySelector = (props) => {
|
|
|
16677
16688
|
}else {
|
|
16678
16689
|
setOpened(true);
|
|
16679
16690
|
}
|
|
16680
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16691
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 127}}
|
|
16681
16692
|
)
|
|
16682
|
-
, React$1.createElement('input', { className: "sr-only", value: srVal, required: required, onChange: ()=>{}, onInvalid: ()=>{setSelStatus('error');}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16683
|
-
, React$1.createElement('input', { className: "input-field", value: srVal, onChange: ()=>{}, name: inputName, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16684
|
-
, React$1.createElement('div', { style: {display:'flex',gap:'16px', alignItems:'center', overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16685
|
-
, React$1.createElement('img', { src: !passedOption.optionFlag ? imgFile : passedOption.optionFlag, alt: "flag", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16686
|
-
, passedOption.optionName && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16693
|
+
, React$1.createElement('input', { className: "sr-only", value: srVal, required: required, onChange: ()=>{}, onInvalid: ()=>{setSelStatus('error');}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 143}})
|
|
16694
|
+
, React$1.createElement('input', { className: "input-field", value: srVal, onChange: ()=>{}, name: inputName, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 144}})
|
|
16695
|
+
, React$1.createElement('div', { style: {display:'flex',gap:'16px', alignItems:'center', overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 145}}
|
|
16696
|
+
, React$1.createElement('img', { src: !passedOption.optionFlag ? imgFile : passedOption.optionFlag, alt: "flag", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 146}})
|
|
16697
|
+
, passedOption.optionName && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 147}}, passedOption.optionName)
|
|
16687
16698
|
, !passedOption.optionName &&
|
|
16688
16699
|
React$1.createElement(React$1.Fragment, null
|
|
16689
|
-
, initText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16700
|
+
, initText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 150}}, initText)
|
|
16690
16701
|
, !initText &&
|
|
16691
16702
|
React$1.createElement(React$1.Fragment, null
|
|
16692
|
-
, placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16703
|
+
, placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 153}}, placeholder)
|
|
16693
16704
|
)
|
|
16694
16705
|
|
|
16695
16706
|
)
|
|
@@ -16700,24 +16711,24 @@ const CountrySelector = (props) => {
|
|
|
16700
16711
|
buttonRef.current.focus();
|
|
16701
16712
|
setOpened(true);
|
|
16702
16713
|
}
|
|
16703
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16704
|
-
, 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$U, lineNumber:
|
|
16705
|
-
, 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$U, lineNumber:
|
|
16714
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 159}}
|
|
16715
|
+
, 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$U, lineNumber: 165}}
|
|
16716
|
+
, 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$U, lineNumber: 166}})
|
|
16706
16717
|
)
|
|
16707
16718
|
)
|
|
16708
16719
|
, opened &&
|
|
16709
16720
|
React$1.createElement(React$1.Fragment, null
|
|
16710
16721
|
, options && options.length > 0 &&
|
|
16711
|
-
React$1.createElement(OptionsList$2, { className: "dropdown-list", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16722
|
+
React$1.createElement(OptionsList$2, { className: "dropdown-list", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 172}}
|
|
16712
16723
|
, searchable && opened &&
|
|
16713
|
-
React$1.createElement('div', { className: "search-field", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16714
|
-
, 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$U, lineNumber:
|
|
16715
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_2834_8051)", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16716
|
-
, 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$U, lineNumber:
|
|
16724
|
+
React$1.createElement('div', { className: "search-field", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 174}}
|
|
16725
|
+
, 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$U, lineNumber: 175}}
|
|
16726
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_2834_8051)", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 176}}
|
|
16727
|
+
, 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$U, lineNumber: 177}})
|
|
16717
16728
|
)
|
|
16718
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16719
|
-
, React$1.createElement('clipPath', { id: "clip0_2834_8051", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16720
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16729
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 179}}
|
|
16730
|
+
, React$1.createElement('clipPath', { id: "clip0_2834_8051", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 180}}
|
|
16731
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 181}})
|
|
16721
16732
|
)
|
|
16722
16733
|
)
|
|
16723
16734
|
)
|
|
@@ -16725,16 +16736,16 @@ const CountrySelector = (props) => {
|
|
|
16725
16736
|
setTimeout(()=>{
|
|
16726
16737
|
setOpened(false);
|
|
16727
16738
|
},200);
|
|
16728
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16739
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 185}})
|
|
16729
16740
|
)
|
|
16730
16741
|
|
|
16731
16742
|
, sectionTitle &&
|
|
16732
|
-
React$1.createElement('div', { className: "section-title", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16733
|
-
, React$1.createElement('span', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16743
|
+
React$1.createElement('div', { className: "section-title", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 193}}
|
|
16744
|
+
, React$1.createElement('span', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 194}}, sectionTitle)
|
|
16734
16745
|
)
|
|
16735
16746
|
|
|
16736
16747
|
, optionsRec.map((country, index) => (
|
|
16737
|
-
React$1.createElement(React$1.Fragment, { key: index, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16748
|
+
React$1.createElement(React$1.Fragment, { key: index, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 198}}
|
|
16738
16749
|
/*if there's subname provided*/
|
|
16739
16750
|
, !country.subName && country.optionFlag &&
|
|
16740
16751
|
React$1.createElement(DropdownOption$2, { onClick: ()=>{
|
|
@@ -16747,9 +16758,9 @@ const CountrySelector = (props) => {
|
|
|
16747
16758
|
setPassedOption(country);
|
|
16748
16759
|
selectedOption(country);
|
|
16749
16760
|
},200);
|
|
16750
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16751
|
-
, country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", onError: (e)=>{e.currentTarget.classList.add('empty-flag');}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16752
|
-
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16761
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 201}}
|
|
16762
|
+
, country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", onError: (e)=>{e.currentTarget.classList.add('empty-flag');}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 212}}) : React$1.createElement('div', { className: "empty-flag", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 212}})
|
|
16763
|
+
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 213}}, country.optionName)
|
|
16753
16764
|
)
|
|
16754
16765
|
|
|
16755
16766
|
/*if there's no subname provided*/
|
|
@@ -16764,10 +16775,10 @@ const CountrySelector = (props) => {
|
|
|
16764
16775
|
selectedOption(country);
|
|
16765
16776
|
setSrVal(country.optionName);
|
|
16766
16777
|
},200);
|
|
16767
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16768
|
-
, country.optionName && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16769
|
-
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16770
|
-
, country.subName, country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", onError: (e)=>{e.currentTarget.classList.add('empty-flag');}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16778
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 218}}
|
|
16779
|
+
, country.optionName && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 229}}, country.optionName)
|
|
16780
|
+
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 230}}
|
|
16781
|
+
, country.subName, country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", onError: (e)=>{e.currentTarget.classList.add('empty-flag');}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 231}}) : React$1.createElement('div', { className: "empty-flag", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 231}})
|
|
16771
16782
|
)
|
|
16772
16783
|
)
|
|
16773
16784
|
|
|
@@ -16779,18 +16790,18 @@ const CountrySelector = (props) => {
|
|
|
16779
16790
|
|
|
16780
16791
|
)
|
|
16781
16792
|
, selStatus === 'error' &&
|
|
16782
|
-
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16783
|
-
, 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$U, lineNumber:
|
|
16784
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16785
|
-
, 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$U, lineNumber:
|
|
16793
|
+
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 243}}
|
|
16794
|
+
, 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$U, lineNumber: 244}}
|
|
16795
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 245}}
|
|
16796
|
+
, 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$U, lineNumber: 246}})
|
|
16786
16797
|
)
|
|
16787
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16788
|
-
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16789
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16798
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 248}}
|
|
16799
|
+
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 249}}
|
|
16800
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 250}})
|
|
16790
16801
|
)
|
|
16791
16802
|
)
|
|
16792
16803
|
)
|
|
16793
|
-
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$U, lineNumber:
|
|
16804
|
+
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 254}}, "This field is required" )
|
|
16794
16805
|
)
|
|
16795
16806
|
|
|
16796
16807
|
)
|
|
@@ -18507,6 +18518,7 @@ const OptionsList$1 = styled.div`
|
|
|
18507
18518
|
::-webkit-scrollbar{
|
|
18508
18519
|
width: 15px;
|
|
18509
18520
|
background: ${theme.colors.white};
|
|
18521
|
+
border-radius: 10px;
|
|
18510
18522
|
}
|
|
18511
18523
|
::-webkit-scrollbar-thumb{
|
|
18512
18524
|
background: ${theme.colors["neutral-900"]};
|
|
@@ -18557,6 +18569,7 @@ const DropdownList = (props) => {
|
|
|
18557
18569
|
let opt = options.filter((option) => option.label.toLowerCase() === _optionalChain([initialText, 'optionalAccess', _ => _.toLowerCase, 'call', _2 => _2()]) || option.value.toLowerCase() === _optionalChain([initialText, 'optionalAccess', _3 => _3.toLowerCase, 'call', _4 => _4()]));
|
|
18558
18570
|
setInitText(opt.length > 0 ? opt[0].label : initialText);
|
|
18559
18571
|
setSrVal(initialText);
|
|
18572
|
+
setSelStatus('success');
|
|
18560
18573
|
}
|
|
18561
18574
|
},[initialText,options]);
|
|
18562
18575
|
|
|
@@ -18614,16 +18627,16 @@ const DropdownList = (props) => {
|
|
|
18614
18627
|
}
|
|
18615
18628
|
|
|
18616
18629
|
return (
|
|
18617
|
-
React$1.createElement(FieldContainer$2, { style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18630
|
+
React$1.createElement(FieldContainer$2, { style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 95}}
|
|
18618
18631
|
, !disabled &&
|
|
18619
18632
|
React$1.createElement(React$1.Fragment, null
|
|
18620
18633
|
, label &&
|
|
18621
|
-
React$1.createElement(InputLabel$7, {__self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18622
|
-
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18634
|
+
React$1.createElement(InputLabel$7, {__self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 99}}
|
|
18635
|
+
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 100}}, label)
|
|
18623
18636
|
)
|
|
18624
18637
|
|
|
18625
|
-
, React$1.createElement(DropdownField$1, { className: `dropdown-field-container ${selStatus}`, style: {borderColor:passedOption.value ? theme.colors["success-500"] : theme.colors["neutral-200"]}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18626
|
-
, React$1.createElement('input', { className: "sr-only", value: srVal, required: required, onChange: ()=>{}, onInvalid: ()=>{setSelStatus('error');}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18638
|
+
, React$1.createElement(DropdownField$1, { className: `dropdown-field-container ${selStatus}`, style: {borderColor:passedOption.value ? theme.colors["success-500"] : theme.colors["neutral-200"]}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 103}}
|
|
18639
|
+
, React$1.createElement('input', { className: "sr-only", value: srVal, required: required, onChange: ()=>{}, onInvalid: ()=>{setSelStatus('error');}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 104}})
|
|
18627
18640
|
, React$1.createElement('button', { ref: buttonRef, type: "button", className: `dropdown-field ${err ? 'error' : ''}`, onBlur: ()=>{
|
|
18628
18641
|
if (!searchable){
|
|
18629
18642
|
setTimeout(()=>{
|
|
@@ -18638,14 +18651,14 @@ const DropdownList = (props) => {
|
|
|
18638
18651
|
}else {
|
|
18639
18652
|
setOpened(true);
|
|
18640
18653
|
}
|
|
18641
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18654
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 105}}
|
|
18642
18655
|
)
|
|
18643
|
-
, React$1.createElement('input', { className: "input-field", name: inputName, value: srVal, onChange: ()=>{}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18644
|
-
, React$1.createElement('div', { style: {overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18645
|
-
, initText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18656
|
+
, React$1.createElement('input', { className: "input-field", name: inputName, value: srVal, onChange: ()=>{}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 121}})
|
|
18657
|
+
, React$1.createElement('div', { style: {overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 122}}
|
|
18658
|
+
, initText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 123}}, initText)
|
|
18646
18659
|
, !initText &&
|
|
18647
18660
|
React$1.createElement(React$1.Fragment, null
|
|
18648
|
-
, placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18661
|
+
, placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 126}}, placeholder)
|
|
18649
18662
|
)
|
|
18650
18663
|
|
|
18651
18664
|
)
|
|
@@ -18654,24 +18667,24 @@ const DropdownList = (props) => {
|
|
|
18654
18667
|
buttonRef.current.focus();
|
|
18655
18668
|
setOpened(true);
|
|
18656
18669
|
}
|
|
18657
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18658
|
-
, 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$P, lineNumber:
|
|
18659
|
-
, 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$P, lineNumber:
|
|
18670
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 130}}
|
|
18671
|
+
, 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$P, lineNumber: 136}}
|
|
18672
|
+
, 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$P, lineNumber: 137}})
|
|
18660
18673
|
)
|
|
18661
18674
|
)
|
|
18662
18675
|
, opened &&
|
|
18663
18676
|
React$1.createElement(React$1.Fragment, null
|
|
18664
18677
|
, options && options.length > 0 &&
|
|
18665
|
-
React$1.createElement(OptionsList$1, { className: "dropdown-list", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18678
|
+
React$1.createElement(OptionsList$1, { className: "dropdown-list", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 143}}
|
|
18666
18679
|
, searchable && opened &&
|
|
18667
|
-
React$1.createElement('div', { className: "search-field", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18668
|
-
, 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$P, lineNumber:
|
|
18669
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_2834_8051)", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18670
|
-
, 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$P, lineNumber:
|
|
18680
|
+
React$1.createElement('div', { className: "search-field", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 145}}
|
|
18681
|
+
, 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$P, lineNumber: 146}}
|
|
18682
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_2834_8051)", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 147}}
|
|
18683
|
+
, 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$P, lineNumber: 148}})
|
|
18671
18684
|
)
|
|
18672
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18673
|
-
, React$1.createElement('clipPath', { id: "clip0_2834_8051", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18674
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18685
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 150}}
|
|
18686
|
+
, React$1.createElement('clipPath', { id: "clip0_2834_8051", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 151}}
|
|
18687
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 152}})
|
|
18675
18688
|
)
|
|
18676
18689
|
)
|
|
18677
18690
|
)
|
|
@@ -18679,7 +18692,7 @@ const DropdownList = (props) => {
|
|
|
18679
18692
|
setTimeout(()=>{
|
|
18680
18693
|
setOpened(false);
|
|
18681
18694
|
},200);
|
|
18682
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18695
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 156}})
|
|
18683
18696
|
)
|
|
18684
18697
|
|
|
18685
18698
|
, optionsRec.map((option, index) => (
|
|
@@ -18693,7 +18706,7 @@ const DropdownList = (props) => {
|
|
|
18693
18706
|
returnedSelection(option);
|
|
18694
18707
|
},200);
|
|
18695
18708
|
setSrVal(option.value);
|
|
18696
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18709
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 164}}, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 174}}, option.label))
|
|
18697
18710
|
))
|
|
18698
18711
|
)
|
|
18699
18712
|
|
|
@@ -18701,27 +18714,27 @@ const DropdownList = (props) => {
|
|
|
18701
18714
|
|
|
18702
18715
|
)
|
|
18703
18716
|
, selStatus === 'error' &&
|
|
18704
|
-
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18705
|
-
, 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$P, lineNumber:
|
|
18706
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18707
|
-
, 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$P, lineNumber:
|
|
18717
|
+
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 182}}
|
|
18718
|
+
, 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$P, lineNumber: 183}}
|
|
18719
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 184}}
|
|
18720
|
+
, 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$P, lineNumber: 185}})
|
|
18708
18721
|
)
|
|
18709
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18710
|
-
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18711
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18722
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 187}}
|
|
18723
|
+
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 188}}
|
|
18724
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 189}})
|
|
18712
18725
|
)
|
|
18713
18726
|
)
|
|
18714
18727
|
)
|
|
18715
|
-
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18728
|
+
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 193}}, "This field is required" )
|
|
18716
18729
|
)
|
|
18717
18730
|
|
|
18718
18731
|
)
|
|
18719
18732
|
|
|
18720
18733
|
, disabled &&
|
|
18721
|
-
React$1.createElement(DisabledContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$P, lineNumber:
|
|
18734
|
+
React$1.createElement(DisabledContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$P, lineNumber: 199}}
|
|
18722
18735
|
, initText
|
|
18723
|
-
, 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$P, lineNumber:
|
|
18724
|
-
, 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$P, lineNumber:
|
|
18736
|
+
, 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$P, lineNumber: 201}}
|
|
18737
|
+
, 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$P, lineNumber: 202}})
|
|
18725
18738
|
)
|
|
18726
18739
|
)
|
|
18727
18740
|
|
|
@@ -21137,7 +21150,6 @@ const ErrorMessage$4 = styled.p`
|
|
|
21137
21150
|
`;
|
|
21138
21151
|
|
|
21139
21152
|
const _jsxFileName$z = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\PasswordField\\PasswordField.tsx";
|
|
21140
|
-
|
|
21141
21153
|
/**
|
|
21142
21154
|
* Component for handling password input fields
|
|
21143
21155
|
*/
|
|
@@ -21172,39 +21184,39 @@ const PasswordField = (props) => {
|
|
|
21172
21184
|
};
|
|
21173
21185
|
|
|
21174
21186
|
return (
|
|
21175
|
-
React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber:
|
|
21187
|
+
React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber: 40}}
|
|
21176
21188
|
, label &&
|
|
21177
|
-
React$1.createElement(InputLabel$6, {__self: undefined, __source: {fileName: _jsxFileName$z, lineNumber:
|
|
21178
|
-
, React$1.createElement('label', { className: disabled ? 'disabled' : '', __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber:
|
|
21179
|
-
, React$1.createElement('span', { className: disabled ? 'disabled' : '', __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber:
|
|
21189
|
+
React$1.createElement(InputLabel$6, {__self: undefined, __source: {fileName: _jsxFileName$z, lineNumber: 42}}
|
|
21190
|
+
, React$1.createElement('label', { className: disabled ? 'disabled' : '', __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber: 43}}, label)
|
|
21191
|
+
, React$1.createElement('span', { className: disabled ? 'disabled' : '', __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber: 44}}, subtext)
|
|
21180
21192
|
)
|
|
21181
21193
|
|
|
21182
|
-
, React$1.createElement(InputContainer$4, { className: `${borderColor} ${disabled ? 'disabled' : ''}`, style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber:
|
|
21194
|
+
, React$1.createElement(InputContainer$4, { className: `${borderColor} ${disabled ? 'disabled' : ''}`, style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber: 47}}
|
|
21183
21195
|
, React$1.createElement(InputField$3, { type: !showPw ? 'password' : 'text', value: passString, onChange: (e)=>{
|
|
21184
21196
|
// setValue(e.target.value)
|
|
21185
21197
|
setPassString(e.target.value);
|
|
21186
|
-
}, onBlur: ()=>{validate();}, disabled: disabled, ...props, required: true, placeholder: placeholder, onInvalid: validate, __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber:
|
|
21187
|
-
, React$1.createElement(ToggleButton, { type: "button", onClick: ()=>{setShowPw(!showPw);}, __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber:
|
|
21198
|
+
}, onBlur: ()=>{validate();}, disabled: disabled, ...props, required: true, placeholder: placeholder, onInvalid: validate, __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber: 48}})
|
|
21199
|
+
, React$1.createElement(ToggleButton, { type: "button", onClick: ()=>{setShowPw(!showPw);}, __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber: 52}}
|
|
21188
21200
|
, !showPw ?
|
|
21189
21201
|
//eye
|
|
21190
|
-
React$1.createElement('svg', { width: "22", height: "16", viewBox: "0 0 22 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber:
|
|
21191
|
-
, React$1.createElement('path', { d: "M20.9201 7.6C18.9001 2.91 15.1001 0 11.0001 0C6.90007 0 3.10007 2.91 1.08007 7.6C1.025 7.72617 0.996582 7.86234 0.996582 8C0.996582 8.13766 1.025 8.27383 1.08007 8.4C3.10007 13.09 6.90007 16 11.0001 16C15.1001 16 18.9001 13.09 20.9201 8.4C20.9751 8.27383 21.0036 8.13766 21.0036 8C21.0036 7.86234 20.9751 7.72617 20.9201 7.6ZM11.0001 14C7.83007 14 4.83007 11.71 3.10007 8C4.83007 4.29 7.83007 2 11.0001 2C14.1701 2 17.1701 4.29 18.9001 8C17.1701 11.71 14.1701 14 11.0001 14ZM11.0001 4C10.2089 4 9.43558 4.2346 8.77779 4.67412C8.11999 5.11365 7.6073 5.73836 7.30455 6.46927C7.0018 7.20017 6.92258 8.00444 7.07693 8.78036C7.23127 9.55628 7.61223 10.269 8.17164 10.8284C8.73105 11.3878 9.44378 11.7688 10.2197 11.9231C10.9956 12.0775 11.7999 11.9983 12.5308 11.6955C13.2617 11.3928 13.8864 10.8801 14.3259 10.2223C14.7655 9.56448 15.0001 8.79113 15.0001 8C15.0001 6.93913 14.5786 5.92172 13.8285 5.17157C13.0783 4.42143 12.0609 4 11.0001 4ZM11.0001 10C10.6045 10 10.2178 9.8827 9.88893 9.66294C9.56003 9.44318 9.30368 9.13082 9.15231 8.76537C9.00093 8.39991 8.96133 7.99778 9.0385 7.60982C9.11567 7.22186 9.30615 6.86549 9.58585 6.58579C9.86556 6.30608 10.2219 6.1156 10.6099 6.03843C10.9978 5.96126 11.4 6.00087 11.7654 6.15224C12.1309 6.30362 12.4432 6.55996 12.663 6.88886C12.8828 7.21776 13.0001 7.60444 13.0001 8C13.0001 8.53043 12.7894 9.03914 12.4143 9.41421C12.0392 9.78929 11.5305 10 11.0001 10Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber:
|
|
21202
|
+
React$1.createElement('svg', { width: "22", height: "16", viewBox: "0 0 22 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber: 55}}
|
|
21203
|
+
, React$1.createElement('path', { d: "M20.9201 7.6C18.9001 2.91 15.1001 0 11.0001 0C6.90007 0 3.10007 2.91 1.08007 7.6C1.025 7.72617 0.996582 7.86234 0.996582 8C0.996582 8.13766 1.025 8.27383 1.08007 8.4C3.10007 13.09 6.90007 16 11.0001 16C15.1001 16 18.9001 13.09 20.9201 8.4C20.9751 8.27383 21.0036 8.13766 21.0036 8C21.0036 7.86234 20.9751 7.72617 20.9201 7.6ZM11.0001 14C7.83007 14 4.83007 11.71 3.10007 8C4.83007 4.29 7.83007 2 11.0001 2C14.1701 2 17.1701 4.29 18.9001 8C17.1701 11.71 14.1701 14 11.0001 14ZM11.0001 4C10.2089 4 9.43558 4.2346 8.77779 4.67412C8.11999 5.11365 7.6073 5.73836 7.30455 6.46927C7.0018 7.20017 6.92258 8.00444 7.07693 8.78036C7.23127 9.55628 7.61223 10.269 8.17164 10.8284C8.73105 11.3878 9.44378 11.7688 10.2197 11.9231C10.9956 12.0775 11.7999 11.9983 12.5308 11.6955C13.2617 11.3928 13.8864 10.8801 14.3259 10.2223C14.7655 9.56448 15.0001 8.79113 15.0001 8C15.0001 6.93913 14.5786 5.92172 13.8285 5.17157C13.0783 4.42143 12.0609 4 11.0001 4ZM11.0001 10C10.6045 10 10.2178 9.8827 9.88893 9.66294C9.56003 9.44318 9.30368 9.13082 9.15231 8.76537C9.00093 8.39991 8.96133 7.99778 9.0385 7.60982C9.11567 7.22186 9.30615 6.86549 9.58585 6.58579C9.86556 6.30608 10.2219 6.1156 10.6099 6.03843C10.9978 5.96126 11.4 6.00087 11.7654 6.15224C12.1309 6.30362 12.4432 6.55996 12.663 6.88886C12.8828 7.21776 13.0001 7.60444 13.0001 8C13.0001 8.53043 12.7894 9.03914 12.4143 9.41421C12.0392 9.78929 11.5305 10 11.0001 10Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber: 56}})
|
|
21192
21204
|
)
|
|
21193
21205
|
:
|
|
21194
21206
|
//eye-slash
|
|
21195
|
-
React$1.createElement('svg', { width: "22", height: "22", viewBox: "0 0 22 22" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber:
|
|
21196
|
-
, React$1.createElement('path', { d: "M9.94018 5.07994C10.2909 5.02617 10.6453 4.99943 11.0002 4.99994C14.1802 4.99994 17.1702 7.28994 18.9102 10.9999C18.6441 11.5645 18.3435 12.1122 18.0102 12.6399C17.9044 12.8038 17.8487 12.9949 17.8502 13.1899C17.8524 13.4082 17.926 13.6197 18.0596 13.7922C18.1933 13.9647 18.3798 14.0888 18.5905 14.1455C18.8013 14.2021 19.0248 14.1883 19.227 14.106C19.4291 14.0238 19.5988 13.8776 19.7102 13.6899C20.1761 12.9579 20.5808 12.1886 20.9202 11.3899C20.9738 11.2652 21.0015 11.1308 21.0015 10.9949C21.0015 10.8591 20.9738 10.7247 20.9202 10.5999C18.9002 5.90994 15.1002 2.99994 11.0002 2.99994C10.5309 2.99758 10.0623 3.03774 9.60019 3.11994C9.46886 3.14227 9.34322 3.19024 9.23044 3.26112C9.11766 3.332 9.01994 3.4244 8.94287 3.53304C8.8658 3.64169 8.81088 3.76445 8.78125 3.89432C8.75162 4.02419 8.74786 4.15862 8.77018 4.28994C8.79251 4.42126 8.84048 4.5469 8.91136 4.65968C8.98224 4.77247 9.07464 4.87018 9.18329 4.94726C9.29193 5.02433 9.41469 5.07925 9.54456 5.10888C9.67443 5.13851 9.80886 5.14227 9.94018 5.11994V5.07994ZM2.71019 1.28994C2.61695 1.1967 2.50626 1.12274 2.38443 1.07228C2.26261 1.02182 2.13204 0.99585 2.00019 0.99585C1.86833 0.99585 1.73776 1.02182 1.61594 1.07228C1.49411 1.12274 1.38342 1.1967 1.29019 1.28994C1.10188 1.47824 0.996094 1.73364 0.996094 1.99994C0.996094 2.26624 1.10188 2.52164 1.29019 2.70994L4.39019 5.79994C2.97576 7.16147 1.85004 8.79393 1.08019 10.5999C1.02512 10.7261 0.996701 10.8623 0.996701 10.9999C0.996701 11.1376 1.02512 11.2738 1.08019 11.3999C3.10019 16.0899 6.90019 18.9999 11.0002 18.9999C12.7973 18.9875 14.552 18.4524 16.0502 17.4599L19.2902 20.7099C19.3831 20.8037 19.4937 20.8781 19.6156 20.9288C19.7375 20.9796 19.8682 21.0057 20.0002 21.0057C20.1322 21.0057 20.2629 20.9796 20.3848 20.9288C20.5066 20.8781 20.6172 20.8037 20.7102 20.7099C20.8039 20.617 20.8783 20.5064 20.9291 20.3845C20.9798 20.2627 21.006 20.132 21.006 19.9999C21.006 19.8679 20.9798 19.7372 20.9291 19.6154C20.8783 19.4935 20.8039 19.3829 20.7102 19.2899L2.71019 1.28994ZM9.07018 10.4799L11.5202 12.9299C11.3512 12.9784 11.176 13.002 11.0002 12.9999C10.4698 12.9999 9.96104 12.7892 9.58597 12.4142C9.2109 12.0391 9.00019 11.5304 9.00019 10.9999C8.99814 10.8241 9.02172 10.649 9.07018 10.4799ZM11.0002 16.9999C7.82018 16.9999 4.83019 14.7099 3.10019 10.9999C3.74627 9.57369 4.66326 8.28652 5.80019 7.20994L7.57019 8.99994C7.15443 9.75874 6.99592 10.6319 7.11844 11.4884C7.24096 12.3449 7.6379 13.1386 8.24971 13.7504C8.86152 14.3622 9.65522 14.7592 10.5117 14.8817C11.3682 15.0042 12.2414 14.8457 13.0002 14.4299L14.5902 15.9999C13.5013 16.6408 12.2636 16.9856 11.0002 16.9999Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber:
|
|
21207
|
+
React$1.createElement('svg', { width: "22", height: "22", viewBox: "0 0 22 22" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber: 60}}
|
|
21208
|
+
, React$1.createElement('path', { d: "M9.94018 5.07994C10.2909 5.02617 10.6453 4.99943 11.0002 4.99994C14.1802 4.99994 17.1702 7.28994 18.9102 10.9999C18.6441 11.5645 18.3435 12.1122 18.0102 12.6399C17.9044 12.8038 17.8487 12.9949 17.8502 13.1899C17.8524 13.4082 17.926 13.6197 18.0596 13.7922C18.1933 13.9647 18.3798 14.0888 18.5905 14.1455C18.8013 14.2021 19.0248 14.1883 19.227 14.106C19.4291 14.0238 19.5988 13.8776 19.7102 13.6899C20.1761 12.9579 20.5808 12.1886 20.9202 11.3899C20.9738 11.2652 21.0015 11.1308 21.0015 10.9949C21.0015 10.8591 20.9738 10.7247 20.9202 10.5999C18.9002 5.90994 15.1002 2.99994 11.0002 2.99994C10.5309 2.99758 10.0623 3.03774 9.60019 3.11994C9.46886 3.14227 9.34322 3.19024 9.23044 3.26112C9.11766 3.332 9.01994 3.4244 8.94287 3.53304C8.8658 3.64169 8.81088 3.76445 8.78125 3.89432C8.75162 4.02419 8.74786 4.15862 8.77018 4.28994C8.79251 4.42126 8.84048 4.5469 8.91136 4.65968C8.98224 4.77247 9.07464 4.87018 9.18329 4.94726C9.29193 5.02433 9.41469 5.07925 9.54456 5.10888C9.67443 5.13851 9.80886 5.14227 9.94018 5.11994V5.07994ZM2.71019 1.28994C2.61695 1.1967 2.50626 1.12274 2.38443 1.07228C2.26261 1.02182 2.13204 0.99585 2.00019 0.99585C1.86833 0.99585 1.73776 1.02182 1.61594 1.07228C1.49411 1.12274 1.38342 1.1967 1.29019 1.28994C1.10188 1.47824 0.996094 1.73364 0.996094 1.99994C0.996094 2.26624 1.10188 2.52164 1.29019 2.70994L4.39019 5.79994C2.97576 7.16147 1.85004 8.79393 1.08019 10.5999C1.02512 10.7261 0.996701 10.8623 0.996701 10.9999C0.996701 11.1376 1.02512 11.2738 1.08019 11.3999C3.10019 16.0899 6.90019 18.9999 11.0002 18.9999C12.7973 18.9875 14.552 18.4524 16.0502 17.4599L19.2902 20.7099C19.3831 20.8037 19.4937 20.8781 19.6156 20.9288C19.7375 20.9796 19.8682 21.0057 20.0002 21.0057C20.1322 21.0057 20.2629 20.9796 20.3848 20.9288C20.5066 20.8781 20.6172 20.8037 20.7102 20.7099C20.8039 20.617 20.8783 20.5064 20.9291 20.3845C20.9798 20.2627 21.006 20.132 21.006 19.9999C21.006 19.8679 20.9798 19.7372 20.9291 19.6154C20.8783 19.4935 20.8039 19.3829 20.7102 19.2899L2.71019 1.28994ZM9.07018 10.4799L11.5202 12.9299C11.3512 12.9784 11.176 13.002 11.0002 12.9999C10.4698 12.9999 9.96104 12.7892 9.58597 12.4142C9.2109 12.0391 9.00019 11.5304 9.00019 10.9999C8.99814 10.8241 9.02172 10.649 9.07018 10.4799ZM11.0002 16.9999C7.82018 16.9999 4.83019 14.7099 3.10019 10.9999C3.74627 9.57369 4.66326 8.28652 5.80019 7.20994L7.57019 8.99994C7.15443 9.75874 6.99592 10.6319 7.11844 11.4884C7.24096 12.3449 7.6379 13.1386 8.24971 13.7504C8.86152 14.3622 9.65522 14.7592 10.5117 14.8817C11.3682 15.0042 12.2414 14.8457 13.0002 14.4299L14.5902 15.9999C13.5013 16.6408 12.2636 16.9856 11.0002 16.9999Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber: 61}})
|
|
21197
21209
|
)
|
|
21198
21210
|
|
|
21199
21211
|
)
|
|
21200
21212
|
)
|
|
21201
21213
|
, !value && err &&
|
|
21202
|
-
React$1.createElement(ErrorMessage$4, {__self: undefined, __source: {fileName: _jsxFileName$z, lineNumber:
|
|
21214
|
+
React$1.createElement(ErrorMessage$4, {__self: undefined, __source: {fileName: _jsxFileName$z, lineNumber: 67}}
|
|
21203
21215
|
/*exclamation-triangle*/
|
|
21204
|
-
, 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$z, lineNumber:
|
|
21205
|
-
, 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$z, lineNumber:
|
|
21216
|
+
, 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$z, lineNumber: 69}}
|
|
21217
|
+
, 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$z, lineNumber: 70}})
|
|
21206
21218
|
)
|
|
21207
|
-
, errMsg ? errMsg : 'This field is required
|
|
21219
|
+
, errMsg ? React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber: 72}}, errMsg) : React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$z, lineNumber: 72}}, "This field is required" )
|
|
21208
21220
|
)
|
|
21209
21221
|
|
|
21210
21222
|
)
|
|
@@ -22058,7 +22070,10 @@ const TextField = (props) => {
|
|
|
22058
22070
|
const textFieldRef = React$1.useRef();
|
|
22059
22071
|
|
|
22060
22072
|
React$1.useEffect(()=>{
|
|
22061
|
-
|
|
22073
|
+
if (value && typeof value == 'string' && value.length > 0){
|
|
22074
|
+
setInputVal(value);
|
|
22075
|
+
setBorderColor('success');
|
|
22076
|
+
}
|
|
22062
22077
|
},[value]);
|
|
22063
22078
|
|
|
22064
22079
|
function validate(){
|
|
@@ -22081,23 +22096,23 @@ const TextField = (props) => {
|
|
|
22081
22096
|
};
|
|
22082
22097
|
|
|
22083
22098
|
return (
|
|
22084
|
-
React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber:
|
|
22099
|
+
React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 45}}
|
|
22085
22100
|
, label &&
|
|
22086
|
-
React$1.createElement(InputLabel$5, {__self: undefined, __source: {fileName: _jsxFileName$t, lineNumber:
|
|
22087
|
-
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber:
|
|
22088
|
-
, subtext && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber:
|
|
22101
|
+
React$1.createElement(InputLabel$5, {__self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 47}}
|
|
22102
|
+
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 48}}, label)
|
|
22103
|
+
, subtext && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 49}}, subtext)
|
|
22089
22104
|
)
|
|
22090
22105
|
|
|
22091
|
-
, React$1.createElement(InputContainer$3, { className: `${borderColor} ${disabled ? 'disabled' : ''}`, style: {width:width ? width : '100%',border:disabled ? `1px solid ${theme.colors["neutral-100"]}` : ''}, __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber:
|
|
22092
|
-
, React$1.createElement(InputField$2, { ref: textFieldRef, onBlur: validate, onInvalid: validate, value: inputVal, onChange: (e)=>{setInputVal(e.target.value);}, ...props, __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber:
|
|
22106
|
+
, React$1.createElement(InputContainer$3, { className: `${borderColor} ${disabled ? 'disabled' : ''}`, style: {width:width ? width : '100%',border:disabled ? `1px solid ${theme.colors["neutral-100"]}` : ''}, __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 52}}
|
|
22107
|
+
, React$1.createElement(InputField$2, { ref: textFieldRef, onBlur: validate, onInvalid: validate, value: inputVal, onChange: (e)=>{setInputVal(e.target.value);}, ...props, __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 53}})
|
|
22093
22108
|
)
|
|
22094
22109
|
, !value && required && err &&
|
|
22095
|
-
React$1.createElement(ErrorMessage$3, {__self: undefined, __source: {fileName: _jsxFileName$t, lineNumber:
|
|
22110
|
+
React$1.createElement(ErrorMessage$3, {__self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 56}}
|
|
22096
22111
|
/*exclamation-triangle*/
|
|
22097
|
-
, 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$t, lineNumber:
|
|
22098
|
-
, 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$t, lineNumber:
|
|
22112
|
+
, 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$t, lineNumber: 58}}
|
|
22113
|
+
, 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$t, lineNumber: 59}})
|
|
22099
22114
|
)
|
|
22100
|
-
, errMsg ? React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber:
|
|
22115
|
+
, errMsg ? React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 61}}, errMsg) : React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 61}}, "This field is required" )
|
|
22101
22116
|
)
|
|
22102
22117
|
|
|
22103
22118
|
)
|
|
@@ -23654,7 +23669,10 @@ const TextArea = (props) => {
|
|
|
23654
23669
|
const textFieldRef = React$1.useRef();
|
|
23655
23670
|
|
|
23656
23671
|
React$1.useEffect(()=>{
|
|
23657
|
-
|
|
23672
|
+
if (value && typeof value == 'string' && value.length > 0){
|
|
23673
|
+
setInputVal(value );
|
|
23674
|
+
setBorderColor('success');
|
|
23675
|
+
}
|
|
23658
23676
|
},[value]);
|
|
23659
23677
|
|
|
23660
23678
|
function validate(){
|
|
@@ -23677,23 +23695,23 @@ const TextArea = (props) => {
|
|
|
23677
23695
|
};
|
|
23678
23696
|
|
|
23679
23697
|
return (
|
|
23680
|
-
React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$j, lineNumber:
|
|
23698
|
+
React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 45}}
|
|
23681
23699
|
, label &&
|
|
23682
|
-
React$1.createElement(InputLabel$4, {__self: undefined, __source: {fileName: _jsxFileName$j, lineNumber:
|
|
23683
|
-
, React$1.createElement('label', {__self: undefined, __source: {fileName: _jsxFileName$j, lineNumber:
|
|
23684
|
-
, subtext && React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$j, lineNumber:
|
|
23700
|
+
React$1.createElement(InputLabel$4, {__self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 47}}
|
|
23701
|
+
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 48}}, label)
|
|
23702
|
+
, subtext && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 49}}, subtext)
|
|
23685
23703
|
)
|
|
23686
23704
|
|
|
23687
|
-
, React$1.createElement(InputContainer$2, { className: `${borderColor} ${disabled ? 'disabled' : ''}`, style: {width:width ? width : '100%',border:disabled ? `1px solid ${theme.colors["neutral-100"]}` : ''}, __self: undefined, __source: {fileName: _jsxFileName$j, lineNumber:
|
|
23688
|
-
, React$1.createElement(TextAreaField, { ref: textFieldRef, onBlur: validate,
|
|
23705
|
+
, React$1.createElement(InputContainer$2, { className: `${borderColor} ${disabled ? 'disabled' : ''}`, style: {width:width ? width : '100%',border:disabled ? `1px solid ${theme.colors["neutral-100"]}` : ''}, __self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 52}}
|
|
23706
|
+
, React$1.createElement(TextAreaField, { className: "paragraph1Regular", ref: textFieldRef, onBlur: validate, onChange: (e)=>{setInputVal(e.target.value);}, onInvalid: validate, ...props, __self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 53}}, inputVal)
|
|
23689
23707
|
)
|
|
23690
23708
|
, !value && required && err &&
|
|
23691
|
-
React$1.createElement(ErrorMessage$2, {__self: undefined, __source: {fileName: _jsxFileName$j, lineNumber:
|
|
23709
|
+
React$1.createElement(ErrorMessage$2, {__self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 56}}
|
|
23692
23710
|
/*exclamation-triangle*/
|
|
23693
|
-
, 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$j, lineNumber:
|
|
23694
|
-
, 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$j, lineNumber:
|
|
23711
|
+
, 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$j, lineNumber: 58}}
|
|
23712
|
+
, 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$j, lineNumber: 59}})
|
|
23695
23713
|
)
|
|
23696
|
-
, errMsg ? errMsg : 'This field is required
|
|
23714
|
+
, errMsg ? React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 61}}, errMsg) : React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$j, lineNumber: 61}}, "This field is required" )
|
|
23697
23715
|
)
|
|
23698
23716
|
|
|
23699
23717
|
)
|
|
@@ -25453,14 +25471,14 @@ const Selector = (props) => {
|
|
|
25453
25471
|
}
|
|
25454
25472
|
|
|
25455
25473
|
return (
|
|
25456
|
-
React$1.createElement(MainContainer, {__self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25474
|
+
React$1.createElement(MainContainer, {__self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 92}}
|
|
25457
25475
|
, label &&
|
|
25458
|
-
React$1.createElement(InputLabel$3, {__self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25459
|
-
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25460
|
-
, subText && React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25476
|
+
React$1.createElement(InputLabel$3, {__self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 94}}
|
|
25477
|
+
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 95}}, label)
|
|
25478
|
+
, subText && React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 96}}, subText)
|
|
25461
25479
|
)
|
|
25462
25480
|
|
|
25463
|
-
, React$1.createElement(FieldContainer$1, { className: arrangement, style: {width:width ? width : '100%',gridTemplateColumns:`repeat(${numCols ? numCols : itemsList.length},1fr)`}, __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25481
|
+
, React$1.createElement(FieldContainer$1, { className: arrangement, style: {width:width ? width : '100%',gridTemplateColumns:`repeat(${numCols ? numCols : itemsList.length},1fr)`}, __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 99}}
|
|
25464
25482
|
, React$1.createElement(React$1.Fragment, null
|
|
25465
25483
|
, itemsList.map((item,index) => (
|
|
25466
25484
|
React$1.createElement(SelectorContainer, { type: "button", key: index, className: evaluateSelection(item) ? 'selected' : '', onClick: () => {
|
|
@@ -25468,47 +25486,49 @@ const Selector = (props) => {
|
|
|
25468
25486
|
setTimeout(()=>{
|
|
25469
25487
|
handleSelect(item);
|
|
25470
25488
|
},100);
|
|
25471
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25472
|
-
, React$1.createElement('p', { className: "text paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25489
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 102}}
|
|
25490
|
+
, React$1.createElement('p', { className: "text paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 108}}, item.label)
|
|
25473
25491
|
/*<svg width="25" height="22" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
25474
25492
|
<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"
|
|
25475
25493
|
fill={selectedOptions.some((option:any) => (option.label === item.label)) ? theme.colors["primary-500"] : theme.colors["neutral-400"]}/>
|
|
25476
25494
|
</svg>*/
|
|
25477
25495
|
|
|
25478
|
-
, React$1.createElement('svg', { width: "25", height: "25", viewBox: "0 0 25 25" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25479
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_2040_756)", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25480
|
-
, React$1.createElement('path', { d: "M19.5098 7.42885C19.4168 7.33513 19.3062 7.26073 19.1843 7.20996C19.0625 7.15919 18.9318 7.13306 18.7998 7.13306C18.6677 7.13306 18.537 7.15919 18.4152 7.20996C18.2933 7.26073 18.1827 7.33513 18.0898 7.42885L10.6398 14.8889L7.50975 11.7489C7.41323 11.6556 7.29929 11.5823 7.17444 11.5331C7.04958 11.4839 6.91626 11.4598 6.78208 11.4621C6.6479 11.4644 6.51549 11.4931 6.39241 11.5466C6.26933 11.6001 6.15799 11.6773 6.06475 11.7739C5.97152 11.8704 5.8982 11.9843 5.849 12.1092C5.79979 12.234 5.77566 12.3674 5.77798 12.5015C5.78031 12.6357 5.80903 12.7681 5.86253 12.8912C5.91602 13.0143 5.99323 13.1256 6.08975 13.2189L9.92975 17.0589C10.0227 17.1526 10.1333 17.227 10.2552 17.2777C10.377 17.3285 10.5077 17.3547 10.6398 17.3547C10.7718 17.3547 10.9025 17.3285 11.0243 17.2777C11.1462 17.227 11.2568 17.1526 11.3498 17.0589L19.5098 8.89886C19.6113 8.80521 19.6923 8.69156 19.7477 8.56506C19.8031 8.43856 19.8317 8.30196 19.8317 8.16386C19.8317 8.02575 19.8031 7.88915 19.7477 7.76265C19.6923 7.63615 19.6113 7.5225 19.5098 7.42885Z" , fill: selectedOptions.some((option) => (option.label === item.label)) ? theme.colors["primary-500"] : theme.colors["neutral-400"], __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25496
|
+
, React$1.createElement('svg', { width: "25", height: "25", viewBox: "0 0 25 25" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 114}}
|
|
25497
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_2040_756)", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 115}}
|
|
25498
|
+
, React$1.createElement('path', { d: "M19.5098 7.42885C19.4168 7.33513 19.3062 7.26073 19.1843 7.20996C19.0625 7.15919 18.9318 7.13306 18.7998 7.13306C18.6677 7.13306 18.537 7.15919 18.4152 7.20996C18.2933 7.26073 18.1827 7.33513 18.0898 7.42885L10.6398 14.8889L7.50975 11.7489C7.41323 11.6556 7.29929 11.5823 7.17444 11.5331C7.04958 11.4839 6.91626 11.4598 6.78208 11.4621C6.6479 11.4644 6.51549 11.4931 6.39241 11.5466C6.26933 11.6001 6.15799 11.6773 6.06475 11.7739C5.97152 11.8704 5.8982 11.9843 5.849 12.1092C5.79979 12.234 5.77566 12.3674 5.77798 12.5015C5.78031 12.6357 5.80903 12.7681 5.86253 12.8912C5.91602 13.0143 5.99323 13.1256 6.08975 13.2189L9.92975 17.0589C10.0227 17.1526 10.1333 17.227 10.2552 17.2777C10.377 17.3285 10.5077 17.3547 10.6398 17.3547C10.7718 17.3547 10.9025 17.3285 11.0243 17.2777C11.1462 17.227 11.2568 17.1526 11.3498 17.0589L19.5098 8.89886C19.6113 8.80521 19.6923 8.69156 19.7477 8.56506C19.8031 8.43856 19.8317 8.30196 19.8317 8.16386C19.8317 8.02575 19.8031 7.88915 19.7477 7.76265C19.6923 7.63615 19.6113 7.5225 19.5098 7.42885Z" , fill: selectedOptions.some((option) => (option.label === item.label)) ? theme.colors["primary-500"] : theme.colors["neutral-400"], __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 116}})
|
|
25481
25499
|
)
|
|
25482
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25483
|
-
, React$1.createElement('clipPath', { id: "clip0_2040_756", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25484
|
-
, React$1.createElement('rect', { width: "24", height: "24", fill: "white", transform: "translate(0.799805 0.21875)" , __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25500
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 118}}
|
|
25501
|
+
, React$1.createElement('clipPath', { id: "clip0_2040_756", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 119}}
|
|
25502
|
+
, React$1.createElement('rect', { width: "24", height: "24", fill: "white", transform: "translate(0.799805 0.21875)" , __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 120}})
|
|
25485
25503
|
)
|
|
25486
25504
|
)
|
|
25487
25505
|
)
|
|
25488
25506
|
|
|
25489
|
-
, React$1.createElement(SrInput, { type: "checkbox", name: inputName, value: item.value, onChange: ()=>{}, checked: selectedOptions.some((option) => option.label === item.label), __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25507
|
+
, React$1.createElement(SrInput, { type: "checkbox", name: inputName, value: item.value, onChange: ()=>{}, checked: selectedOptions.some((option) => option.label === item.label), __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 125}})
|
|
25490
25508
|
)
|
|
25491
25509
|
))
|
|
25492
25510
|
)
|
|
25493
25511
|
)
|
|
25494
25512
|
, otherOption &&
|
|
25495
|
-
React$1.createElement(OtherContainer, {__self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25496
|
-
, React$1.createElement('p', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25497
|
-
, React$1.createElement(TextField, { placeholder: otherPlaceholder, value: otherVal, onChange: (e)=>{setOtherVal(e.target.value);}, __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25513
|
+
React$1.createElement(OtherContainer, {__self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 131}}
|
|
25514
|
+
, React$1.createElement('p', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 132}}, "Other? Specify" )
|
|
25515
|
+
, React$1.createElement(TextField, { placeholder: otherPlaceholder, value: otherVal, onChange: (e)=>{setOtherVal(e.target.value);}, __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 133}})
|
|
25498
25516
|
)
|
|
25499
25517
|
|
|
25500
25518
|
|
|
25501
25519
|
, React$1.createElement(SrInput, { className: "sr-only", value: srSel.toString(), required: required, onInvalid: (e)=>{
|
|
25502
25520
|
setSelStatus('error');
|
|
25503
25521
|
// e.target.setCustomValidity('This field is required')
|
|
25504
|
-
}, onChange: ()=>{}, __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25522
|
+
}, onChange: ()=>{}, __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 137}})
|
|
25505
25523
|
, selStatus === 'error' &&
|
|
25506
|
-
React$1.createElement(ErrorMessage$3, {__self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25524
|
+
React$1.createElement(ErrorMessage$3, {__self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 142}}
|
|
25507
25525
|
/*exclamation-triangle*/
|
|
25508
|
-
, 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$7, lineNumber:
|
|
25509
|
-
, 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$7, lineNumber:
|
|
25526
|
+
, 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$7, lineNumber: 144}}
|
|
25527
|
+
, 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$7, lineNumber: 145}})
|
|
25510
25528
|
)
|
|
25511
|
-
, errMsg ?
|
|
25529
|
+
, errMsg ?
|
|
25530
|
+
React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 148}}, errMsg)
|
|
25531
|
+
: React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 149}}, "Select an option" )
|
|
25512
25532
|
)
|
|
25513
25533
|
|
|
25514
25534
|
)
|
|
@@ -25625,6 +25645,9 @@ const DropdownField = styled.div`
|
|
|
25625
25645
|
color: ${theme.colors["neutral-900"]};
|
|
25626
25646
|
white-space: nowrap;
|
|
25627
25647
|
height: 50px;
|
|
25648
|
+
*{
|
|
25649
|
+
box-sizing: content-box;
|
|
25650
|
+
}
|
|
25628
25651
|
input, button {
|
|
25629
25652
|
height: 99%;
|
|
25630
25653
|
outline: none;
|
|
@@ -25644,6 +25667,7 @@ const DropdownField = styled.div`
|
|
|
25644
25667
|
align-items: center;
|
|
25645
25668
|
gap: 5px;
|
|
25646
25669
|
padding-inline: 6px !important;
|
|
25670
|
+
height:45px;
|
|
25647
25671
|
}
|
|
25648
25672
|
button span.globe-icon{
|
|
25649
25673
|
width: 11px;
|
|
@@ -25772,6 +25796,7 @@ const OptionsList = styled.div`
|
|
|
25772
25796
|
::-webkit-scrollbar{
|
|
25773
25797
|
width: 15px;
|
|
25774
25798
|
background: ${theme.colors.white};
|
|
25799
|
+
border-radius: 10px;
|
|
25775
25800
|
}
|
|
25776
25801
|
::-webkit-scrollbar-thumb{
|
|
25777
25802
|
background: ${theme.colors["neutral-900"]};
|
|
@@ -27206,7 +27231,7 @@ const PhoneInput = (props) => {
|
|
|
27206
27231
|
)
|
|
27207
27232
|
)
|
|
27208
27233
|
)
|
|
27209
|
-
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$5, lineNumber: 262}}, errMsg)
|
|
27234
|
+
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$5, lineNumber: 262}}, errMsg)
|
|
27210
27235
|
)
|
|
27211
27236
|
|
|
27212
27237
|
)
|