@secondstaxorg/sscomp 1.8.65 → 1.8.67

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.js CHANGED
@@ -21244,8 +21244,8 @@ const InputLabel$6 = styled.div`
21244
21244
  flex-direction: column;
21245
21245
  label{
21246
21246
  color:${theme.colors["primary-900"]};
21247
- font-weight: 500;
21248
- font-family: "Circular Book Medium", sans-serif;
21247
+ /*font-weight: 500;
21248
+ font-family: "Circular Book Medium", sans-serif;*/
21249
21249
  }
21250
21250
  span{
21251
21251
  color: ${theme.colors["neutral-600"]};
@@ -21333,15 +21333,22 @@ const PasswordField = (props) => {
21333
21333
 
21334
21334
  const [borderColor,setBorderColor] = React$1.useState('');
21335
21335
  const [showPw,setShowPw] = React$1.useState(false);
21336
+ const [inputVal,setInputVal] = React$1.useState('');
21336
21337
 
21337
21338
  React$1.useEffect(()=>{
21338
21339
  if (value){
21339
- setBorderColor('success');
21340
+ setInputVal(value );
21340
21341
  }
21341
21342
  },[value]);
21342
21343
 
21344
+ React$1.useEffect(()=>{
21345
+ if (inputVal){
21346
+ setBorderColor('success');
21347
+ }
21348
+ },[inputVal]);
21349
+
21343
21350
  function validate(){
21344
- if (value){
21351
+ if (inputVal){
21345
21352
  setBorderColor('success');
21346
21353
  }else {
21347
21354
  setBorderColor('error');
@@ -21355,36 +21362,36 @@ const PasswordField = (props) => {
21355
21362
  };
21356
21363
 
21357
21364
  return (
21358
- React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 36}}
21365
+ React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 43}}
21359
21366
  , label &&
21360
- React$1.createElement(InputLabel$6, {__self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 38}}
21361
- , React$1.createElement('label', { className: `paragraph2Medium ${disabled ? 'disabled' : ''}`, __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 39}}, label)
21362
- , React$1.createElement('span', { className: `paragraph1Regular ${disabled ? 'disabled' : ''}`, __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 40}}, subtext)
21367
+ React$1.createElement(InputLabel$6, {__self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 45}}
21368
+ , React$1.createElement('label', { className: `paragraph2Medium ${disabled ? 'disabled' : ''}`, __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 46}}, label)
21369
+ , React$1.createElement('span', { className: `paragraph1Regular ${disabled ? 'disabled' : ''}`, __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 47}}, subtext)
21363
21370
  )
21364
21371
 
21365
- , React$1.createElement(InputContainer$4, { className: `${borderColor} ${disabled ? 'disabled' : ''}`, style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 43}}
21366
- , React$1.createElement(InputField$3, { type: !showPw ? 'password' : 'text', value: value, onBlur: ()=>{validate();}, disabled: disabled, ...props, required: true, placeholder: placeholder, onInvalid: validate, __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 44}})
21367
- , React$1.createElement(ToggleButton, { type: "button", onClick: ()=>{setShowPw(!showPw);}, __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 45}}
21372
+ , React$1.createElement(InputContainer$4, { className: `${borderColor} ${disabled ? 'disabled' : ''}`, style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 50}}
21373
+ , React$1.createElement(InputField$3, { className: "paragraph2Regular", type: !showPw ? 'password' : 'text', value: value, onChange: (e)=>{setInputVal(e.target.value);}, onBlur: ()=>{validate();}, disabled: disabled, ...props, required: true, placeholder: placeholder, onInvalid: validate, __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 51}})
21374
+ , React$1.createElement(ToggleButton, { type: "button", onClick: ()=>{setShowPw(!showPw);}, __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 52}}
21368
21375
  , !showPw ?
21369
21376
  //eye
21370
- 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$B, lineNumber: 48}}
21371
- , 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$B, lineNumber: 49}})
21377
+ 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$B, lineNumber: 55}}
21378
+ , 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$B, lineNumber: 56}})
21372
21379
  )
21373
21380
  :
21374
21381
  //eye-slash
21375
- 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$B, lineNumber: 53}}
21376
- , 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$B, lineNumber: 54}})
21382
+ 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$B, lineNumber: 60}}
21383
+ , 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$B, lineNumber: 61}})
21377
21384
  )
21378
21385
 
21379
21386
  )
21380
21387
  )
21381
21388
  , borderColor === 'error' &&
21382
- React$1.createElement(ErrorMessage$4, {__self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 60}}
21389
+ React$1.createElement(ErrorMessage$4, {__self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 67}}
21383
21390
  /*exclamation-triangle*/
21384
- , 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$B, lineNumber: 62}}
21385
- , 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$B, lineNumber: 63}})
21391
+ , 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$B, lineNumber: 69}}
21392
+ , 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$B, lineNumber: 70}})
21386
21393
  )
21387
- , errMsg ? React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 65}}, errMsg) : React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 65}}, "This field is required" )
21394
+ , errMsg ? React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 72}}, errMsg) : React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 72}}, "This field is required" )
21388
21395
  )
21389
21396
 
21390
21397
  )
@@ -22170,7 +22177,7 @@ const InputField$2 = styled.input`
22170
22177
  right: 0;
22171
22178
  height: 100%;
22172
22179
  position: absolute;
22173
- font-size: 16px;
22180
+ //font-size: 16px;
22174
22181
  padding: 0 16px;
22175
22182
  width: 100%;
22176
22183
  &:focus,&:focus-within{
@@ -22762,7 +22769,7 @@ const SideModal = (props) => {
22762
22769
  (document ).querySelector('body').style.overflow = 'hidden';
22763
22770
  },[]);
22764
22771
 
22765
- function rmOverflow(){
22772
+ async function rmOverflow(){
22766
22773
  (document ).querySelector('body').style.removeProperty('overflow');
22767
22774
  }
22768
22775
 
@@ -22773,38 +22780,39 @@ const SideModal = (props) => {
22773
22780
  , React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 37}}
22774
22781
  , showNavigation && !navAreaText &&
22775
22782
  React$1.createElement(Button, { disabled: disabledNav, onClick: ()=>{
22776
- rmOverflow();
22777
- if (navButtonAction) {
22778
- navButtonAction();
22779
- }
22783
+ rmOverflow().then(()=>{
22784
+ if (navButtonAction) {
22785
+ navButtonAction();
22786
+ }
22787
+ });
22780
22788
  }, className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 39}}
22781
22789
  /*arrow-left*/
22782
22790
  , !disabledNav &&
22783
- React$1.createElement('svg', { width: "12", height: "14", viewBox: "0 0 12 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 47}}
22784
- , React$1.createElement('path', { d: "M11 6H3.41L6.71 2.71C6.89831 2.5217 7.00409 2.2663 7.00409 2C7.00409 1.7337 6.89831 1.47831 6.71 1.29C6.5217 1.1017 6.2663 0.995911 6 0.995911C5.7337 0.995911 5.47831 1.1017 5.29 1.29L0.290003 6.29C0.198963 6.38511 0.127598 6.49725 0.0800031 6.62C-0.0200149 6.86346 -0.0200149 7.13654 0.0800031 7.38C0.127598 7.50275 0.198963 7.6149 0.290003 7.71L5.29 12.71C5.38297 12.8037 5.49357 12.8781 5.61543 12.9289C5.73729 12.9797 5.86799 13.0058 6 13.0058C6.13202 13.0058 6.26272 12.9797 6.38458 12.9289C6.50644 12.8781 6.61704 12.8037 6.71 12.71C6.80373 12.617 6.87813 12.5064 6.92889 12.3846C6.97966 12.2627 7.0058 12.132 7.0058 12C7.0058 11.868 6.97966 11.7373 6.92889 11.6154C6.87813 11.4936 6.80373 11.383 6.71 11.29L3.41 8H11C11.2652 8 11.5196 7.89465 11.7071 7.70711C11.8946 7.51957 12 7.26522 12 7C12 6.73479 11.8946 6.48043 11.7071 6.2929C11.5196 6.10536 11.2652 6 11 6Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 48}})
22791
+ React$1.createElement('svg', { width: "12", height: "14", viewBox: "0 0 12 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 48}}
22792
+ , React$1.createElement('path', { d: "M11 6H3.41L6.71 2.71C6.89831 2.5217 7.00409 2.2663 7.00409 2C7.00409 1.7337 6.89831 1.47831 6.71 1.29C6.5217 1.1017 6.2663 0.995911 6 0.995911C5.7337 0.995911 5.47831 1.1017 5.29 1.29L0.290003 6.29C0.198963 6.38511 0.127598 6.49725 0.0800031 6.62C-0.0200149 6.86346 -0.0200149 7.13654 0.0800031 7.38C0.127598 7.50275 0.198963 7.6149 0.290003 7.71L5.29 12.71C5.38297 12.8037 5.49357 12.8781 5.61543 12.9289C5.73729 12.9797 5.86799 13.0058 6 13.0058C6.13202 13.0058 6.26272 12.9797 6.38458 12.9289C6.50644 12.8781 6.61704 12.8037 6.71 12.71C6.80373 12.617 6.87813 12.5064 6.92889 12.3846C6.97966 12.2627 7.0058 12.132 7.0058 12C7.0058 11.868 6.97966 11.7373 6.92889 11.6154C6.87813 11.4936 6.80373 11.383 6.71 11.29L3.41 8H11C11.2652 8 11.5196 7.89465 11.7071 7.70711C11.8946 7.51957 12 7.26522 12 7C12 6.73479 11.8946 6.48043 11.7071 6.2929C11.5196 6.10536 11.2652 6 11 6Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 49}})
22785
22793
  )
22786
22794
 
22787
22795
  , disabledNav &&
22788
- React$1.createElement('svg', { width: "12", height: "14", viewBox: "0 0 12 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 52}}
22789
- , React$1.createElement('path', { d: "M11 6H3.41L6.71 2.71C6.89831 2.5217 7.00409 2.2663 7.00409 2C7.00409 1.7337 6.89831 1.47831 6.71 1.29C6.5217 1.1017 6.2663 0.995911 6 0.995911C5.7337 0.995911 5.47831 1.1017 5.29 1.29L0.290003 6.29C0.198963 6.38511 0.127598 6.49725 0.0800031 6.62C-0.0200149 6.86346 -0.0200149 7.13654 0.0800031 7.38C0.127598 7.50275 0.198963 7.6149 0.290003 7.71L5.29 12.71C5.38297 12.8037 5.49357 12.8781 5.61543 12.9289C5.73729 12.9797 5.86799 13.0058 6 13.0058C6.13202 13.0058 6.26272 12.9797 6.38458 12.9289C6.50644 12.8781 6.61704 12.8037 6.71 12.71C6.80373 12.617 6.87813 12.5064 6.92889 12.3846C6.97966 12.2627 7.0058 12.132 7.0058 12C7.0058 11.868 6.97966 11.7373 6.92889 11.6154C6.87813 11.4936 6.80373 11.383 6.71 11.29L3.41 8H11C11.2652 8 11.5196 7.89465 11.7071 7.70711C11.8946 7.51957 12 7.26522 12 7C12 6.73479 11.8946 6.48043 11.7071 6.2929C11.5196 6.10536 11.2652 6 11 6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 53}})
22796
+ React$1.createElement('svg', { width: "12", height: "14", viewBox: "0 0 12 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 53}}
22797
+ , React$1.createElement('path', { d: "M11 6H3.41L6.71 2.71C6.89831 2.5217 7.00409 2.2663 7.00409 2C7.00409 1.7337 6.89831 1.47831 6.71 1.29C6.5217 1.1017 6.2663 0.995911 6 0.995911C5.7337 0.995911 5.47831 1.1017 5.29 1.29L0.290003 6.29C0.198963 6.38511 0.127598 6.49725 0.0800031 6.62C-0.0200149 6.86346 -0.0200149 7.13654 0.0800031 7.38C0.127598 7.50275 0.198963 7.6149 0.290003 7.71L5.29 12.71C5.38297 12.8037 5.49357 12.8781 5.61543 12.9289C5.73729 12.9797 5.86799 13.0058 6 13.0058C6.13202 13.0058 6.26272 12.9797 6.38458 12.9289C6.50644 12.8781 6.61704 12.8037 6.71 12.71C6.80373 12.617 6.87813 12.5064 6.92889 12.3846C6.97966 12.2627 7.0058 12.132 7.0058 12C7.0058 11.868 6.97966 11.7373 6.92889 11.6154C6.87813 11.4936 6.80373 11.383 6.71 11.29L3.41 8H11C11.2652 8 11.5196 7.89465 11.7071 7.70711C11.8946 7.51957 12 7.26522 12 7C12 6.73479 11.8946 6.48043 11.7071 6.2929C11.5196 6.10536 11.2652 6 11 6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 54}})
22790
22798
  )
22791
22799
  , "Go Back"
22792
22800
  )
22793
22801
 
22794
- , navAreaText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 58}}, navAreaText)
22802
+ , navAreaText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 59}}, navAreaText)
22795
22803
  )
22796
- , React$1.createElement(Button, { onClick: ()=>{closeModal(false);}, __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 60}}
22804
+ , React$1.createElement(Button, { onClick: ()=>{closeModal(false);}, __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 61}}
22797
22805
  /*times*/
22798
- , React$1.createElement('svg', { width: "12", height: "12", viewBox: "0 0 12 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 62}}
22799
- , React$1.createElement('path', { d: "M7.4 6L11.7 1.7C12.1 1.3 12.1 0.7 11.7 0.3C11.3 -0.1 10.7 -0.1 10.3 0.3L6 4.6L1.7 0.3C1.3 -0.1 0.7 -0.1 0.3 0.3C-0.0999998 0.7 -0.0999998 1.3 0.3 1.7L4.6 6L0.3 10.3C0.1 10.5 0 10.7 0 11C0 11.6 0.4 12 1 12C1.3 12 1.5 11.9 1.7 11.7L6 7.4L10.3 11.7C10.5 11.9 10.7 12 11 12C11.3 12 11.5 11.9 11.7 11.7C12.1 11.3 12.1 10.7 11.7 10.3L7.4 6Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 63}})
22806
+ , React$1.createElement('svg', { width: "12", height: "12", viewBox: "0 0 12 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 63}}
22807
+ , React$1.createElement('path', { d: "M7.4 6L11.7 1.7C12.1 1.3 12.1 0.7 11.7 0.3C11.3 -0.1 10.7 -0.1 10.3 0.3L6 4.6L1.7 0.3C1.3 -0.1 0.7 -0.1 0.3 0.3C-0.0999998 0.7 -0.0999998 1.3 0.3 1.7L4.6 6L0.3 10.3C0.1 10.5 0 10.7 0 11C0 11.6 0.4 12 1 12C1.3 12 1.5 11.9 1.7 11.7L6 7.4L10.3 11.7C10.5 11.9 10.7 12 11 12C11.3 12 11.5 11.9 11.7 11.7C12.1 11.3 12.1 10.7 11.7 10.3L7.4 6Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 64}})
22800
22808
  )
22801
22809
  )
22802
22810
  )
22803
- , React$1.createElement(ModalContent, {__self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 67}}
22811
+ , React$1.createElement(ModalContent, {__self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 68}}
22804
22812
  , modalTitle &&
22805
- React$1.createElement(ModalTitleArea, {__self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 69}}
22806
- , React$1.createElement('h3', { className: "title", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 70}}, modalTitle)
22807
- , React$1.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 71}}, modalSubText)
22813
+ React$1.createElement(ModalTitleArea, {__self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 70}}
22814
+ , React$1.createElement('h3', { className: "title", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 71}}, modalTitle)
22815
+ , React$1.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$q, lineNumber: 72}}, modalSubText)
22808
22816
  )
22809
22817
 
22810
22818
  , children