@secondstaxorg/sscomp 1.9.39 → 1.9.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 +3 -10
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +48 -55
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +32 -39
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/UserActions/type.d.ts +7 -0
package/dist/index.js
CHANGED
|
@@ -16308,14 +16308,7 @@ const DropdownContainer$1 = styled.div`
|
|
|
16308
16308
|
`;
|
|
16309
16309
|
|
|
16310
16310
|
const LabelContainer = styled.div`
|
|
16311
|
-
|
|
16312
|
-
font-size: 16px;
|
|
16313
|
-
line-height: 19px;
|
|
16314
|
-
//margin-bottom: 12px;
|
|
16315
|
-
label{
|
|
16316
|
-
font-family: 'Circular Book Medium', sans-serif;
|
|
16317
|
-
margin: 0;
|
|
16318
|
-
}
|
|
16311
|
+
color: ${theme.colors["neutral-900"]};
|
|
16319
16312
|
`;
|
|
16320
16313
|
|
|
16321
16314
|
const DropdownField$2 = styled.div`
|
|
@@ -16646,13 +16639,13 @@ const CountrySelector = (props) => {
|
|
|
16646
16639
|
}
|
|
16647
16640
|
|
|
16648
16641
|
return (
|
|
16649
|
-
React$1.createElement(DropdownContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16642
|
+
React$1.createElement(DropdownContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 130}}
|
|
16650
16643
|
, label &&
|
|
16651
|
-
React$1.createElement(LabelContainer, {__self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16652
|
-
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16644
|
+
React$1.createElement(LabelContainer, {__self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 132}}
|
|
16645
|
+
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 133}}, label)
|
|
16653
16646
|
)
|
|
16654
16647
|
|
|
16655
|
-
, React$1.createElement(DropdownField$2, { className: `dropdown-field-container ${selStatus}`, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16648
|
+
, React$1.createElement(DropdownField$2, { className: `dropdown-field-container ${selStatus}`, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 136}}
|
|
16656
16649
|
, React$1.createElement('button', { ref: buttonRef, type: "button", className: "country-selector", onBlur: ()=>{
|
|
16657
16650
|
if (!searchable){
|
|
16658
16651
|
setTimeout(()=>{
|
|
@@ -16668,19 +16661,19 @@ const CountrySelector = (props) => {
|
|
|
16668
16661
|
if (readonly) return
|
|
16669
16662
|
setOpened(true);
|
|
16670
16663
|
}
|
|
16671
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16664
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 137}}
|
|
16672
16665
|
)
|
|
16673
|
-
, React$1.createElement('input', { className: "sr-only", value: srVal, required: required, onChange: ()=>{}, onInvalid: ()=>{setSelStatus('error');}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16674
|
-
, React$1.createElement('input', { className: "input-field", value: srVal, onChange: ()=>{}, name: inputName, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16675
|
-
, React$1.createElement('div', { style: {display:'flex',gap:'16px', alignItems:'center', overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16676
|
-
, React$1.createElement('img', { src: !passedOption.optionFlag ? imgFile : passedOption.optionFlag, alt: "flag", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16677
|
-
, passedOption.optionName && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16666
|
+
, React$1.createElement('input', { className: "sr-only", value: srVal, required: required, onChange: ()=>{}, onInvalid: ()=>{setSelStatus('error');}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 154}})
|
|
16667
|
+
, React$1.createElement('input', { className: "input-field", value: srVal, onChange: ()=>{}, name: inputName, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 155}})
|
|
16668
|
+
, React$1.createElement('div', { style: {display:'flex',gap:'16px', alignItems:'center', overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 156}}
|
|
16669
|
+
, React$1.createElement('img', { src: !passedOption.optionFlag ? imgFile : passedOption.optionFlag, alt: "flag", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 157}})
|
|
16670
|
+
, passedOption.optionName && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 158}}, passedOption.optionName)
|
|
16678
16671
|
, !passedOption.optionName &&
|
|
16679
16672
|
React$1.createElement(React$1.Fragment, null
|
|
16680
|
-
, initText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16673
|
+
, initText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 161}}, initText)
|
|
16681
16674
|
, !initText &&
|
|
16682
16675
|
React$1.createElement(React$1.Fragment, null
|
|
16683
|
-
, placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16676
|
+
, placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 164}}, placeholder)
|
|
16684
16677
|
)
|
|
16685
16678
|
|
|
16686
16679
|
)
|
|
@@ -16692,24 +16685,24 @@ const CountrySelector = (props) => {
|
|
|
16692
16685
|
buttonRef.current.focus();
|
|
16693
16686
|
setOpened(true);
|
|
16694
16687
|
}
|
|
16695
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16696
|
-
, 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$10, lineNumber:
|
|
16697
|
-
, 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$10, lineNumber:
|
|
16688
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 170}}
|
|
16689
|
+
, 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$10, lineNumber: 177}}
|
|
16690
|
+
, 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$10, lineNumber: 178}})
|
|
16698
16691
|
)
|
|
16699
16692
|
)
|
|
16700
16693
|
, opened &&
|
|
16701
16694
|
React$1.createElement(React$1.Fragment, null
|
|
16702
16695
|
, options && options.length > 0 &&
|
|
16703
|
-
React$1.createElement(OptionsList$2, { className: "dropdown-list", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16696
|
+
React$1.createElement(OptionsList$2, { className: "dropdown-list", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 184}}
|
|
16704
16697
|
, searchable && opened &&
|
|
16705
|
-
React$1.createElement('div', { className: "search-field", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16706
|
-
, 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$10, lineNumber:
|
|
16707
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_2834_8051)", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16708
|
-
, 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$10, lineNumber:
|
|
16698
|
+
React$1.createElement('div', { className: "search-field", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 186}}
|
|
16699
|
+
, 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$10, lineNumber: 187}}
|
|
16700
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_2834_8051)", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 188}}
|
|
16701
|
+
, 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$10, lineNumber: 189}})
|
|
16709
16702
|
)
|
|
16710
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16711
|
-
, React$1.createElement('clipPath', { id: "clip0_2834_8051", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16712
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16703
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 191}}
|
|
16704
|
+
, React$1.createElement('clipPath', { id: "clip0_2834_8051", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 192}}
|
|
16705
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 193}})
|
|
16713
16706
|
)
|
|
16714
16707
|
)
|
|
16715
16708
|
)
|
|
@@ -16720,16 +16713,16 @@ const CountrySelector = (props) => {
|
|
|
16720
16713
|
setTimeout(()=>{
|
|
16721
16714
|
setOpened(false);
|
|
16722
16715
|
},200);
|
|
16723
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16716
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 197}})
|
|
16724
16717
|
)
|
|
16725
16718
|
|
|
16726
16719
|
, sectionTitle &&
|
|
16727
|
-
React$1.createElement('div', { className: "section-title", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16728
|
-
, React$1.createElement('span', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16720
|
+
React$1.createElement('div', { className: "section-title", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 208}}
|
|
16721
|
+
, React$1.createElement('span', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 209}}, sectionTitle)
|
|
16729
16722
|
)
|
|
16730
16723
|
|
|
16731
16724
|
, optionsRec.map((country, index) => (
|
|
16732
|
-
React$1.createElement(React$1.Fragment, { key: index, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16725
|
+
React$1.createElement(React$1.Fragment, { key: index, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 213}}
|
|
16733
16726
|
/*if there's subname provided*/
|
|
16734
16727
|
, !country.subName && country.optionFlag &&
|
|
16735
16728
|
React$1.createElement(DropdownOption$2, { onClick: ()=>{
|
|
@@ -16743,9 +16736,9 @@ const CountrySelector = (props) => {
|
|
|
16743
16736
|
selectedOption(country);
|
|
16744
16737
|
setSrVal(country.optionName);
|
|
16745
16738
|
},200);
|
|
16746
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16747
|
-
, country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", onError: (e)=>{e.currentTarget.classList.add('empty-flag');}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16748
|
-
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16739
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 216}}
|
|
16740
|
+
, country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", onError: (e)=>{e.currentTarget.classList.add('empty-flag');}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 228}}) : React$1.createElement('div', { className: "empty-flag", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 228}})
|
|
16741
|
+
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 229}}, country.optionName)
|
|
16749
16742
|
)
|
|
16750
16743
|
|
|
16751
16744
|
/*if there's no subname provided*/
|
|
@@ -16760,10 +16753,10 @@ const CountrySelector = (props) => {
|
|
|
16760
16753
|
selectedOption(country);
|
|
16761
16754
|
setSrVal(country.optionName);
|
|
16762
16755
|
},200);
|
|
16763
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16764
|
-
, country.optionName && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16765
|
-
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16766
|
-
, 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$10, lineNumber:
|
|
16756
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 234}}
|
|
16757
|
+
, country.optionName && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 245}}, country.optionName)
|
|
16758
|
+
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 246}}
|
|
16759
|
+
, 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$10, lineNumber: 247}}) : React$1.createElement('div', { className: "empty-flag", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 247}})
|
|
16767
16760
|
)
|
|
16768
16761
|
)
|
|
16769
16762
|
|
|
@@ -16775,18 +16768,18 @@ const CountrySelector = (props) => {
|
|
|
16775
16768
|
|
|
16776
16769
|
)
|
|
16777
16770
|
, selStatus === 'error' &&
|
|
16778
|
-
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16779
|
-
, 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$10, lineNumber:
|
|
16780
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16781
|
-
, 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$10, lineNumber:
|
|
16771
|
+
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 259}}
|
|
16772
|
+
, 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$10, lineNumber: 260}}
|
|
16773
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 261}}
|
|
16774
|
+
, 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$10, lineNumber: 262}})
|
|
16782
16775
|
)
|
|
16783
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16784
|
-
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16785
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16776
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 264}}
|
|
16777
|
+
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 265}}
|
|
16778
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 266}})
|
|
16786
16779
|
)
|
|
16787
16780
|
)
|
|
16788
16781
|
)
|
|
16789
|
-
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16782
|
+
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 270}}, "This field is required" )
|
|
16790
16783
|
)
|
|
16791
16784
|
|
|
16792
16785
|
)
|
|
@@ -24770,7 +24763,7 @@ const _jsxFileName$n = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
|
|
|
24770
24763
|
* Component to handle tha addition of user actions for a user in the LP application
|
|
24771
24764
|
*/
|
|
24772
24765
|
const UpdateUserActions = (props) => {
|
|
24773
|
-
const {currentOptions,availableOptions,supplementaryOptions,selOptions,titleAvailable,titleCurrent,labelOverrides} = props;
|
|
24766
|
+
const {currentOptions,hideTitleLabels,availableOptions,supplementaryOptions,selOptions,titleAvailable,titleCurrent,labelOverrides} = props;
|
|
24774
24767
|
const [available,setAvailable] = React$1.useState(availableOptions);
|
|
24775
24768
|
const [supOptions,setSupOptions] = React$1.useState(supplementaryOptions);
|
|
24776
24769
|
const [currentUserOptions,setCurrentUserOptions] = React$1.useState(currentOptions);
|
|
@@ -24847,7 +24840,7 @@ const UpdateUserActions = (props) => {
|
|
|
24847
24840
|
return (
|
|
24848
24841
|
React$1.createElement(Container$3, {__self: undefined, __source: {fileName: _jsxFileName$n, lineNumber: 84}}
|
|
24849
24842
|
, React$1.createElement(ActionsContainer, {__self: undefined, __source: {fileName: _jsxFileName$n, lineNumber: 85}}
|
|
24850
|
-
, React$1.createElement('h4', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$n, lineNumber: 86}}, titleAvailable || 'Available Options')
|
|
24843
|
+
, !_optionalChain$b([hideTitleLabels, 'optionalAccess', _ => _.available]) &&React$1.createElement('h4', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$n, lineNumber: 86}}, titleAvailable || 'Available Options')
|
|
24851
24844
|
, React$1.createElement(ActionsListContainer, { className: "actionsList scroll-bar-hidden" , __self: undefined, __source: {fileName: _jsxFileName$n, lineNumber: 87}}
|
|
24852
24845
|
, available && available.length > 0 && available.map((action) => {
|
|
24853
24846
|
if (currentOptions.filter((curr) => curr.optionId === action.optionId && !selections.added.includes(action.optionId)).length === 0)
|
|
@@ -24885,13 +24878,13 @@ const UpdateUserActions = (props) => {
|
|
|
24885
24878
|
)
|
|
24886
24879
|
)
|
|
24887
24880
|
)
|
|
24888
|
-
, React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$n, lineNumber: 124}}, _optionalChain$b([labelOverrides, 'optionalAccess',
|
|
24881
|
+
, React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$n, lineNumber: 124}}, _optionalChain$b([labelOverrides, 'optionalAccess', _2 => _2.noActionsAvailable]) || 'No actions available')
|
|
24889
24882
|
)
|
|
24890
24883
|
|
|
24891
24884
|
)
|
|
24892
24885
|
)
|
|
24893
24886
|
, React$1.createElement(ActionsContainer, {__self: undefined, __source: {fileName: _jsxFileName$n, lineNumber: 129}}
|
|
24894
|
-
, React$1.createElement('h4', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$n, lineNumber: 130}}, titleCurrent || 'Current Options')
|
|
24887
|
+
, !_optionalChain$b([hideTitleLabels, 'optionalAccess', _3 => _3.current]) && React$1.createElement('h4', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$n, lineNumber: 130}}, titleCurrent || 'Current Options')
|
|
24895
24888
|
, React$1.createElement(ActionsListContainer, { className: "actionsList scroll-bar-hidden" , __self: undefined, __source: {fileName: _jsxFileName$n, lineNumber: 131}}
|
|
24896
24889
|
, currentUserOptions.length > 0 && currentUserOptions.map((action) => (
|
|
24897
24890
|
React$1.createElement(ActionItem, { key: action.optionId, className: "current-action", __self: undefined, __source: {fileName: _jsxFileName$n, lineNumber: 133}}
|
|
@@ -24926,7 +24919,7 @@ const UpdateUserActions = (props) => {
|
|
|
24926
24919
|
)
|
|
24927
24920
|
)
|
|
24928
24921
|
)
|
|
24929
|
-
, React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$n, lineNumber: 165}}, _optionalChain$b([labelOverrides, 'optionalAccess',
|
|
24922
|
+
, React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$n, lineNumber: 165}}, _optionalChain$b([labelOverrides, 'optionalAccess', _4 => _4.noActionsAdded]) || 'No actions added yet')
|
|
24930
24923
|
)
|
|
24931
24924
|
|
|
24932
24925
|
)
|