@secondstaxorg/sscomp 1.7.39 → 1.7.42
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 +9 -23
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +100 -71
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +9 -23
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -110,29 +110,17 @@ const ButtonComp = styled.button`
|
|
|
110
110
|
//sizes
|
|
111
111
|
&.sm{
|
|
112
112
|
padding: 8px 16px;
|
|
113
|
-
font-size: 14px;
|
|
114
113
|
height: 33px;
|
|
115
|
-
line-height: 17px;
|
|
116
|
-
font-family: 'Circular Book Medium', sans-serif;
|
|
117
|
-
font-weight: 500;
|
|
118
114
|
}
|
|
119
115
|
|
|
120
116
|
&.md{
|
|
121
117
|
padding: 12px 18px;
|
|
122
|
-
font-size: 16px;
|
|
123
118
|
height: 43px;
|
|
124
|
-
line-height: 19px;
|
|
125
|
-
font-family: 'Circular Book Medium', sans-serif;
|
|
126
|
-
font-weight: 500;
|
|
127
119
|
}
|
|
128
120
|
|
|
129
121
|
&.lg{
|
|
130
122
|
padding: 14px 20px;
|
|
131
|
-
font-size: 18px;
|
|
132
123
|
height: 50px;
|
|
133
|
-
line-height: 21.6px;
|
|
134
|
-
font-family: 'Circular Book Medium', sans-serif;
|
|
135
|
-
font-weight: 500;
|
|
136
124
|
}
|
|
137
125
|
|
|
138
126
|
//colors
|
|
@@ -223,6 +211,21 @@ const _jsxFileName$19 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compo
|
|
|
223
211
|
const Button$1 = (props) => {
|
|
224
212
|
const {variant, size, disabled,children,width} = props;
|
|
225
213
|
const [btnWidth,setBtnWidth] = React$1.useState('100%');
|
|
214
|
+
const [fontSize,setFontSize] = React$1.useState('');
|
|
215
|
+
|
|
216
|
+
React$1.useEffect(()=>{
|
|
217
|
+
switch (size) {
|
|
218
|
+
case "sm":
|
|
219
|
+
setFontSize('paragraph1Medium');
|
|
220
|
+
break
|
|
221
|
+
case "md":
|
|
222
|
+
setFontSize('paragraph2Medium');
|
|
223
|
+
break
|
|
224
|
+
case "lg":
|
|
225
|
+
setFontSize('paragraph3Medium');
|
|
226
|
+
break
|
|
227
|
+
}
|
|
228
|
+
},[size]);
|
|
226
229
|
|
|
227
230
|
React$1.useEffect(()=>{
|
|
228
231
|
if (typeof width === "number"){
|
|
@@ -234,7 +237,7 @@ const Button$1 = (props) => {
|
|
|
234
237
|
}
|
|
235
238
|
},[width]);
|
|
236
239
|
|
|
237
|
-
return React$1.createElement(ButtonComp, { className: `${variant} ${size}`, disabled: disabled, ...props, style: {width:btnWidth}, __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber:
|
|
240
|
+
return React$1.createElement(ButtonComp, { className: `${variant} ${size} ${fontSize}`, disabled: disabled, ...props, style: {width:btnWidth}, __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 37}}, children)
|
|
238
241
|
};
|
|
239
242
|
|
|
240
243
|
const Container$d = styled.div`
|
|
@@ -1369,8 +1372,8 @@ const OutlineButtonComp = styled.button`
|
|
|
1369
1372
|
display:flex;
|
|
1370
1373
|
justify-content:center;
|
|
1371
1374
|
align-items:center;
|
|
1372
|
-
|
|
1373
|
-
|
|
1375
|
+
gap: 10px;
|
|
1376
|
+
text-wrap: nowrap;
|
|
1374
1377
|
&.with-bg{
|
|
1375
1378
|
background: white !important;
|
|
1376
1379
|
}
|
|
@@ -1384,17 +1387,14 @@ const OutlineButtonComp = styled.button`
|
|
|
1384
1387
|
//sizes
|
|
1385
1388
|
&.sm{
|
|
1386
1389
|
padding: 8px 16px;
|
|
1387
|
-
font-size: 14px;
|
|
1388
1390
|
height: 33px;
|
|
1389
1391
|
}
|
|
1390
1392
|
&.md{
|
|
1391
1393
|
padding: 12px 18px;
|
|
1392
|
-
font-size: 16px;
|
|
1393
1394
|
height: 43px;
|
|
1394
1395
|
}
|
|
1395
1396
|
&.lg{
|
|
1396
1397
|
padding: 14px 20px;
|
|
1397
|
-
font-size: 18px;
|
|
1398
1398
|
height: 50px;
|
|
1399
1399
|
}
|
|
1400
1400
|
|
|
@@ -1500,6 +1500,21 @@ const _jsxFileName$11 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compo
|
|
|
1500
1500
|
const OutlineButton = (props) => {
|
|
1501
1501
|
const {size, variant, disabled, children,width} = props;
|
|
1502
1502
|
const [btnWidth,setBtnWidth] = React$1.useState('100%');
|
|
1503
|
+
const [fontSize,setFontSize] = React$1.useState('');
|
|
1504
|
+
|
|
1505
|
+
React$1.useEffect(()=>{
|
|
1506
|
+
switch (size) {
|
|
1507
|
+
case "sm":
|
|
1508
|
+
setFontSize('paragraph1Medium');
|
|
1509
|
+
break
|
|
1510
|
+
case "md":
|
|
1511
|
+
setFontSize('paragraph2Medium');
|
|
1512
|
+
break
|
|
1513
|
+
case "lg":
|
|
1514
|
+
setFontSize('paragraph3Medium');
|
|
1515
|
+
break
|
|
1516
|
+
}
|
|
1517
|
+
},[size]);
|
|
1503
1518
|
|
|
1504
1519
|
React$1.useEffect(()=>{
|
|
1505
1520
|
if (typeof width === "number"){
|
|
@@ -1511,7 +1526,7 @@ const OutlineButton = (props) => {
|
|
|
1511
1526
|
}
|
|
1512
1527
|
},[width]);
|
|
1513
1528
|
|
|
1514
|
-
return React$1.createElement(OutlineButtonComp, { className: `${!variant ? 'base' : variant} ${size} with-bg`, disabled: disabled, ...props, style: {width:btnWidth}, __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber:
|
|
1529
|
+
return React$1.createElement(OutlineButtonComp, { className: `${!variant ? 'base' : variant} ${size} ${fontSize} with-bg`, disabled: disabled, ...props, style: {width:btnWidth}, __self: undefined, __source: {fileName: _jsxFileName$11, lineNumber: 34}}, children)
|
|
1515
1530
|
};
|
|
1516
1531
|
|
|
1517
1532
|
const _jsxFileName$10 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\LoadingSpinner\\LoadingSpinner.tsx";
|
|
@@ -16559,7 +16574,7 @@ const CountrySelector = (props) => {
|
|
|
16559
16574
|
const [srVal,setSrVal] = React$1.useState('');
|
|
16560
16575
|
const [selStatus,setSelStatus] = React$1.useState('');
|
|
16561
16576
|
const [initText,setInitText] = React$1.useState('');
|
|
16562
|
-
|
|
16577
|
+
React$1.useState(true);
|
|
16563
16578
|
const buttonRef = React$1.useRef();
|
|
16564
16579
|
|
|
16565
16580
|
let imgFile = initialFlag ? initialFlag : img$8;
|
|
@@ -16587,17 +16602,26 @@ const CountrySelector = (props) => {
|
|
|
16587
16602
|
}
|
|
16588
16603
|
},[options]);
|
|
16589
16604
|
|
|
16590
|
-
|
|
16605
|
+
/*useEffect(()=>{
|
|
16591
16606
|
if (!firstRun){ //only execute this block if it's the first time running
|
|
16592
16607
|
if (required) {
|
|
16593
|
-
setSelStatus(!srVal ? 'error' : 'success')
|
|
16608
|
+
setSelStatus(!srVal ? 'error' : 'success')
|
|
16594
16609
|
}else {
|
|
16595
|
-
setSelStatus(srVal ? 'success' : '')
|
|
16610
|
+
setSelStatus(srVal ? 'success' : '')
|
|
16596
16611
|
}
|
|
16612
|
+
}else{
|
|
16613
|
+
setFirstRun(false)
|
|
16614
|
+
}
|
|
16615
|
+
},[srVal])*/
|
|
16616
|
+
|
|
16617
|
+
function validate(){
|
|
16618
|
+
console.log(srVal);
|
|
16619
|
+
if (required) {
|
|
16620
|
+
setSelStatus(!srVal ? 'error' : 'success');
|
|
16597
16621
|
}else {
|
|
16598
|
-
|
|
16622
|
+
setSelStatus(srVal ? 'success' : '');
|
|
16599
16623
|
}
|
|
16600
|
-
}
|
|
16624
|
+
}
|
|
16601
16625
|
|
|
16602
16626
|
function filterList(qry){
|
|
16603
16627
|
setQryStr(qry);
|
|
@@ -16605,19 +16629,20 @@ const CountrySelector = (props) => {
|
|
|
16605
16629
|
}
|
|
16606
16630
|
|
|
16607
16631
|
return (
|
|
16608
|
-
React$1.createElement(DropdownContainer, {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16632
|
+
React$1.createElement(DropdownContainer, {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 83}}
|
|
16609
16633
|
, label &&
|
|
16610
|
-
React$1.createElement(LabelContainer, {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16611
|
-
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16634
|
+
React$1.createElement(LabelContainer, {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 85}}
|
|
16635
|
+
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 86}}, label)
|
|
16612
16636
|
)
|
|
16613
16637
|
|
|
16614
|
-
, React$1.createElement(DropdownField$2, { className: selStatus, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16638
|
+
, React$1.createElement(DropdownField$2, { className: selStatus, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 89}}
|
|
16615
16639
|
, React$1.createElement('button', { ref: buttonRef, type: "button", className: "country-selector", onBlur: ()=>{
|
|
16616
16640
|
if (!searchable){
|
|
16617
16641
|
setTimeout(()=>{
|
|
16618
16642
|
setOpened(false);
|
|
16619
16643
|
},200);
|
|
16620
16644
|
}
|
|
16645
|
+
validate();
|
|
16621
16646
|
}, onMouseUp: ()=>{
|
|
16622
16647
|
if (opened){
|
|
16623
16648
|
setTimeout(()=>{
|
|
@@ -16626,19 +16651,19 @@ const CountrySelector = (props) => {
|
|
|
16626
16651
|
}else {
|
|
16627
16652
|
setOpened(true);
|
|
16628
16653
|
}
|
|
16629
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16654
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 90}}
|
|
16630
16655
|
)
|
|
16631
|
-
, React$1.createElement('input', { className: "sr-only", value: srVal, required: required, onChange: ()=>{}, onInvalid: ()=>{setSelStatus('error');}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16632
|
-
, React$1.createElement('input', { className: "input-field", value: srVal, onChange: ()=>{}, name: inputName, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16633
|
-
, React$1.createElement('div', { style: {display:'flex',gap:'16px', alignItems:'center', overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16634
|
-
, React$1.createElement('img', { src: !passedOption.optionFlag ? imgFile : passedOption.optionFlag, alt: "flag", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16635
|
-
, passedOption.optionName && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16656
|
+
, React$1.createElement('input', { className: "sr-only", value: srVal, required: required, onChange: ()=>{}, onInvalid: ()=>{setSelStatus('error');}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 107}})
|
|
16657
|
+
, React$1.createElement('input', { className: "input-field", value: srVal, onChange: ()=>{}, name: inputName, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 108}})
|
|
16658
|
+
, React$1.createElement('div', { style: {display:'flex',gap:'16px', alignItems:'center', overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 109}}
|
|
16659
|
+
, React$1.createElement('img', { src: !passedOption.optionFlag ? imgFile : passedOption.optionFlag, alt: "flag", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 110}})
|
|
16660
|
+
, passedOption.optionName && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 111}}, passedOption.optionName)
|
|
16636
16661
|
, !passedOption.optionName &&
|
|
16637
16662
|
React$1.createElement(React$1.Fragment, null
|
|
16638
|
-
, initText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16663
|
+
, initText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 114}}, initText)
|
|
16639
16664
|
, !initText &&
|
|
16640
16665
|
React$1.createElement(React$1.Fragment, null
|
|
16641
|
-
, placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16666
|
+
, placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 117}}, placeholder)
|
|
16642
16667
|
)
|
|
16643
16668
|
|
|
16644
16669
|
)
|
|
@@ -16649,24 +16674,24 @@ const CountrySelector = (props) => {
|
|
|
16649
16674
|
buttonRef.current.focus();
|
|
16650
16675
|
setOpened(true);
|
|
16651
16676
|
}
|
|
16652
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16653
|
-
, 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$T, lineNumber:
|
|
16654
|
-
, 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$T, lineNumber:
|
|
16677
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 123}}
|
|
16678
|
+
, 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$T, lineNumber: 129}}
|
|
16679
|
+
, 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$T, lineNumber: 130}})
|
|
16655
16680
|
)
|
|
16656
16681
|
)
|
|
16657
16682
|
, opened &&
|
|
16658
16683
|
React$1.createElement(React$1.Fragment, null
|
|
16659
16684
|
, options && options.length > 0 &&
|
|
16660
|
-
React$1.createElement(OptionsList$2, {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16685
|
+
React$1.createElement(OptionsList$2, {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 136}}
|
|
16661
16686
|
, searchable && opened &&
|
|
16662
|
-
React$1.createElement('div', { className: "search-field", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16663
|
-
, 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$T, lineNumber:
|
|
16664
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_2834_8051)", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16665
|
-
, 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$T, lineNumber:
|
|
16687
|
+
React$1.createElement('div', { className: "search-field", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 138}}
|
|
16688
|
+
, 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$T, lineNumber: 139}}
|
|
16689
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_2834_8051)", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 140}}
|
|
16690
|
+
, 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$T, lineNumber: 141}})
|
|
16666
16691
|
)
|
|
16667
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16668
|
-
, React$1.createElement('clipPath', { id: "clip0_2834_8051", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16669
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16692
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 143}}
|
|
16693
|
+
, React$1.createElement('clipPath', { id: "clip0_2834_8051", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 144}}
|
|
16694
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 145}})
|
|
16670
16695
|
)
|
|
16671
16696
|
)
|
|
16672
16697
|
)
|
|
@@ -16674,32 +16699,34 @@ const CountrySelector = (props) => {
|
|
|
16674
16699
|
setTimeout(()=>{
|
|
16675
16700
|
setOpened(false);
|
|
16676
16701
|
},200);
|
|
16677
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16702
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 149}})
|
|
16678
16703
|
)
|
|
16679
16704
|
|
|
16680
16705
|
, sectionTitle &&
|
|
16681
|
-
React$1.createElement('div', { className: "section-title", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16682
|
-
, React$1.createElement('span', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16706
|
+
React$1.createElement('div', { className: "section-title", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 157}}
|
|
16707
|
+
, React$1.createElement('span', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 158}}, sectionTitle)
|
|
16683
16708
|
)
|
|
16684
16709
|
|
|
16685
16710
|
, optionsRec.map((country, index) => (
|
|
16686
|
-
React$1.createElement(React$1.Fragment, { key: index, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16711
|
+
React$1.createElement(React$1.Fragment, { key: index, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 162}}
|
|
16712
|
+
/*if there's subname provided*/
|
|
16687
16713
|
, !country.subName &&
|
|
16688
16714
|
React$1.createElement(DropdownOption$2, { onClick: ()=>{
|
|
16689
16715
|
setInitText(country.optionName);
|
|
16690
|
-
setSrVal(country.optionName);
|
|
16691
16716
|
setPassedOption(country);
|
|
16692
16717
|
selectedOption(country);
|
|
16718
|
+
setSrVal(country.optionName);
|
|
16693
16719
|
}, onMouseDown: ()=>{
|
|
16694
16720
|
setTimeout(()=>{
|
|
16695
16721
|
setPassedOption(country);
|
|
16696
16722
|
selectedOption(country);
|
|
16697
16723
|
},200);
|
|
16698
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16699
|
-
, country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16700
|
-
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16724
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 165}}
|
|
16725
|
+
, country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 176}}) : React$1.createElement('div', { className: "empty-flag", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 176}})
|
|
16726
|
+
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 177}}, country.optionName)
|
|
16701
16727
|
)
|
|
16702
16728
|
|
|
16729
|
+
/*if there's no subname provided*/
|
|
16703
16730
|
, country.subName &&
|
|
16704
16731
|
React$1.createElement(DropdownOptionAlt, { key: index, onClick: ()=>{
|
|
16705
16732
|
setPassedOption(country);
|
|
@@ -16709,11 +16736,12 @@ const CountrySelector = (props) => {
|
|
|
16709
16736
|
setTimeout(()=>{
|
|
16710
16737
|
setPassedOption(country);
|
|
16711
16738
|
selectedOption(country);
|
|
16739
|
+
setSrVal(country.optionName);
|
|
16712
16740
|
},200);
|
|
16713
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16714
|
-
, country.optionName && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16715
|
-
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16716
|
-
, country.subName, country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16741
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 182}}
|
|
16742
|
+
, country.optionName && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 193}}, country.optionName)
|
|
16743
|
+
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 194}}
|
|
16744
|
+
, country.subName, country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 195}}) : React$1.createElement('div', { className: "empty-flag", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 195}})
|
|
16717
16745
|
)
|
|
16718
16746
|
)
|
|
16719
16747
|
|
|
@@ -16725,18 +16753,18 @@ const CountrySelector = (props) => {
|
|
|
16725
16753
|
|
|
16726
16754
|
)
|
|
16727
16755
|
, selStatus === 'error' &&
|
|
16728
|
-
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16729
|
-
, 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$T, lineNumber:
|
|
16730
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16731
|
-
, 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$T, lineNumber:
|
|
16756
|
+
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 207}}
|
|
16757
|
+
, 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$T, lineNumber: 208}}
|
|
16758
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 209}}
|
|
16759
|
+
, 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$T, lineNumber: 210}})
|
|
16732
16760
|
)
|
|
16733
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16734
|
-
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16735
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16761
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 212}}
|
|
16762
|
+
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 213}}
|
|
16763
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 214}})
|
|
16736
16764
|
)
|
|
16737
16765
|
)
|
|
16738
16766
|
)
|
|
16739
|
-
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber:
|
|
16767
|
+
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 218}}, "This field is required" )
|
|
16740
16768
|
)
|
|
16741
16769
|
|
|
16742
16770
|
)
|
|
@@ -25485,6 +25513,7 @@ const DropdownField = styled.div`
|
|
|
25485
25513
|
justify-content: center;
|
|
25486
25514
|
align-items: center;
|
|
25487
25515
|
gap: 5px;
|
|
25516
|
+
padding-left: 6px;
|
|
25488
25517
|
}
|
|
25489
25518
|
.search-field{
|
|
25490
25519
|
position: relative;
|
|
@@ -30731,9 +30760,9 @@ const Container = styled.div`
|
|
|
30731
30760
|
gap: 4px;
|
|
30732
30761
|
width: 100%;
|
|
30733
30762
|
}
|
|
30734
|
-
.file-
|
|
30763
|
+
.file-name{
|
|
30735
30764
|
color: ${theme.colors["neutral-400"]};
|
|
30736
|
-
|
|
30765
|
+
padding-left: 16px;
|
|
30737
30766
|
display: flex;
|
|
30738
30767
|
align-items: center;
|
|
30739
30768
|
background: white;
|
|
@@ -30801,7 +30830,7 @@ const FileUpdload = ({label,required,value,onChange}) => {
|
|
|
30801
30830
|
setSelectedFile(e.target.files[0]);
|
|
30802
30831
|
onChange(e.target.files[0]);
|
|
30803
30832
|
}, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 40}})
|
|
30804
|
-
, React$1.createElement('button', { type: "button", className: `${selectionState} paragraph2Regular file-
|
|
30833
|
+
, React$1.createElement('button', { type: "button", className: `${selectionState} paragraph2Regular file-name`, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 48}}, selectedFile ? selectedFile.name : 'No file selected')
|
|
30805
30834
|
, React$1.createElement(Button$1, { type: "button", variant: "primary", size: "lg", width: "fit-content", onClick: ()=>{fileInputRef.current.click();}, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 49}}, "Select File" )
|
|
30806
30835
|
)
|
|
30807
30836
|
)
|