@secondstaxorg/sscomp 2.0.1 → 2.0.12

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
@@ -32958,35 +32958,31 @@ const EmailField = (props) => {
32958
32958
  const [err,setErr] = React$1.useState(false);
32959
32959
  const [validationMsg,setValidationMsg] = React$1.useState('');
32960
32960
  const textFieldRef = React$1.useRef();
32961
+ const emailRegex = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)*(\.[a-zA-Z]{2,})$/;
32961
32962
 
32962
32963
  React$1.useEffect(()=>{
32963
32964
  setInputVal(value );
32964
32965
  },[value]);
32965
32966
 
32966
- function validate(){
32967
- const emailRegex = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)*(\.[a-zA-Z]{2,})$/;
32967
+ React$1.useEffect(()=>{
32968
+ if (isValidEmail){
32969
+ isValidEmail(emailRegex.test(inputVal ));
32970
+ }
32971
+ },[inputVal]);
32968
32972
 
32973
+ function validate(){
32969
32974
  if (inputVal){
32970
32975
  if (emailRegex.test(inputVal )){
32971
32976
  setBorderColor('success');
32972
32977
  setErr(false);
32973
32978
  setValidationMsg('');
32974
- if (isValidEmail){
32975
- isValidEmail(true);
32976
- }
32977
32979
  }else {
32978
32980
  setBorderColor('error');
32979
32981
  setErr(true);
32980
32982
  setValidationMsg(_optionalChain$8([labelOverrides, 'optionalAccess', _ => _.enterValidEmail]) || 'Enter a valid email address');
32981
- if (isValidEmail){
32982
- isValidEmail(false);
32983
- }
32984
32983
  }
32985
32984
  }else {
32986
32985
  setBorderColor('');
32987
- if (isValidEmail){
32988
- isValidEmail(false);
32989
- }
32990
32986
  if (required) {
32991
32987
  setBorderColor('error');
32992
32988
  setErr(true);
@@ -33002,23 +32998,23 @@ const EmailField = (props) => {
33002
32998
  };
33003
32999
 
33004
33000
  return (
33005
- React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 61}}
33001
+ React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 57}}
33006
33002
  , label &&
33007
- React$1.createElement(InputLabel$2, {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 63}}
33008
- , React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 64}}, label)
33009
- , subtext && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 65}}, subtext)
33003
+ React$1.createElement(InputLabel$2, {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 59}}
33004
+ , React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 60}}, label)
33005
+ , subtext && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 61}}, subtext)
33010
33006
  )
33011
33007
 
33012
- , React$1.createElement(InputContainer$1, { className: `${borderColor} ${disabled ? 'disabled' : ''}`, style: {width:width ? width : '100%',border:disabled ? `1px solid ${theme.colors["neutral-100"]}` : ''}, __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 68}}
33013
- , React$1.createElement(InputField$1, { type: "email", ref: textFieldRef, onBlur: validate, onInvalid: validate, value: inputVal, onChange: (e)=>{setInputVal(e.target.value);}, ...props, __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 69}})
33008
+ , React$1.createElement(InputContainer$1, { className: `${borderColor} ${disabled ? 'disabled' : ''}`, style: {width:width ? width : '100%',border:disabled ? `1px solid ${theme.colors["neutral-100"]}` : ''}, __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 64}}
33009
+ , React$1.createElement(InputField$1, { type: "email", ref: textFieldRef, onBlur: validate, onInvalid: validate, value: inputVal, onChange: (e)=>{setInputVal(e.target.value);}, ...props, __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 65}})
33014
33010
  )
33015
33011
  , validationMsg &&
33016
- React$1.createElement(ErrorMessage$1, {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 72}}
33012
+ React$1.createElement(ErrorMessage$1, {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 68}}
33017
33013
  /*exclamation-triangle*/
33018
- , 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$e, lineNumber: 74}}
33019
- , 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$e, lineNumber: 75}})
33014
+ , 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$e, lineNumber: 70}}
33015
+ , 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$e, lineNumber: 71}})
33020
33016
  )
33021
- , validationMsg && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 77}}, validationMsg)
33017
+ , validationMsg && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 73}}, validationMsg)
33022
33018
  )
33023
33019
 
33024
33020
  )
@@ -36119,11 +36115,10 @@ const ForgotPasswordForm = (props) => {
36119
36115
  , stage === 1 &&
36120
36116
  React$1.createElement(React$1.Fragment, null
36121
36117
  , React$1.createElement('h1', { className: "heading heading4SBold" , __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 72}}, _optionalChain$2([labelOverrides, 'optionalAccess', _3 => _3.heading]) || 'Password Recovery')
36122
-
36123
36118
  , React$1.createElement('form', { onSubmit: (e) => {
36124
36119
  e.preventDefault();
36125
36120
  submitEmail();
36126
- }, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 74}}
36121
+ }, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 73}}
36127
36122
  , React$1.createElement(EmailField, {
36128
36123
  label: _optionalChain$2([labelOverrides, 'optionalAccess', _4 => _4.emailFieldLabel]) || "Enter the email associated with your account",
36129
36124
  placeholder: "example@domain.com", value: email, onChange: (e) => {
@@ -36131,31 +36126,31 @@ const ForgotPasswordForm = (props) => {
36131
36126
  }, required: true, labelOverrides: {
36132
36127
  requiredField: _optionalChain$2([labelOverrides, 'optionalAccess', _5 => _5.emailFieldRequiredlabelOverride]),
36133
36128
  enterValidEmail: _optionalChain$2([labelOverrides, 'optionalAccess', _6 => _6.emailFieldValidEmailLabelOveride])
36134
- }, isValidEmail: setEmailValid, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 78}})
36135
- , React$1.createElement('div', { className: "submit-btn-cont", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 86}}
36129
+ }, isValidEmail: setEmailValid, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 77}})
36130
+ , React$1.createElement('div', { className: "submit-btn-cont", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 85}}
36136
36131
  , React$1.createElement(Button$1, { type: "submit", size: "md", variant: "primary",
36137
- disabled: email.length === 0 || loading || !emailValid, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 87}}, loading ? React$1.createElement(Loader, {
36138
- variant: "primary", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 88}}) : _optionalChain$2([labelOverrides, 'optionalAccess', _7 => _7.resetPwBtnText]) || 'Reset Password')
36139
- , React$1.createElement('div', { className: "text-center mt-3 link-btn" , __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 90}}
36140
- , errMsg && React$1.createElement('p', { className: "text-error-500", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 91}}, errMsg)
36132
+ disabled: email.length === 0 || loading || !emailValid, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 86}}, loading ? React$1.createElement(Loader, {
36133
+ variant: "primary", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 87}}) : _optionalChain$2([labelOverrides, 'optionalAccess', _7 => _7.resetPwBtnText]) || 'Reset Password')
36134
+ , React$1.createElement('div', { className: "text-center mt-3 link-btn" , __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 89}}
36135
+ , errMsg && React$1.createElement('p', { className: "text-error-500", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 90}}, errMsg)
36141
36136
  , React$1.createElement('button', { className: "cancel", onClick: () => redirectToLoginFxn(),
36142
- type: "button", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 92}}, _optionalChain$2([labelOverrides, 'optionalAccess', _8 => _8.cancelBtnRedirectText]) || 'Cancel')
36137
+ type: "button", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 91}}, _optionalChain$2([labelOverrides, 'optionalAccess', _8 => _8.cancelBtnRedirectText]) || 'Cancel')
36143
36138
  )
36144
36139
  )
36145
36140
  )
36146
36141
  )
36147
36142
 
36148
36143
  , stage === 2 &&
36149
- React$1.createElement('div', { className: "stage2", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 100}}
36150
- , React$1.createElement('div', { className: "action-res", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 101}}
36144
+ React$1.createElement('div', { className: "stage2", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 99}}
36145
+ , React$1.createElement('div', { className: "action-res", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 100}}
36151
36146
  , React$1.createElement(ActionSuccess, { headingText: _optionalChain$2([labelOverrides, 'optionalAccess', _9 => _9.resetLinkSentHeader]) || 'Reset Link Sent!',
36152
- subText: _optionalChain$2([labelOverrides, 'optionalAccess', _10 => _10.resetLinkSentInfo]) || `A password reset link has been sent to ${email}`, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 102}})
36147
+ subText: _optionalChain$2([labelOverrides, 'optionalAccess', _10 => _10.resetLinkSentInfo]) || `A password reset link has been sent to ${email}`, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 101}})
36153
36148
  )
36154
36149
  , React$1.createElement(PrimaryButtonSm, { onClick: () => redirectToSetPasswordFxn(), type: "button",
36155
- className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 105}}, _optionalChain$2([labelOverrides, 'optionalAccess', _11 => _11.soundsGood]) || 'Sounds Good')
36150
+ className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 104}}, _optionalChain$2([labelOverrides, 'optionalAccess', _11 => _11.soundsGood]) || 'Sounds Good')
36156
36151
  , React$1.createElement('button', { type: "button", className: "paragraph1Regular change-email" , onClick: () => {
36157
36152
  setStage(stage - 1);
36158
- }, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 107}}, _optionalChain$2([labelOverrides, 'optionalAccess', _12 => _12.changeEmailLink]) || 'Change email address')
36153
+ }, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 106}}, _optionalChain$2([labelOverrides, 'optionalAccess', _12 => _12.changeEmailLink]) || 'Change email address')
36159
36154
  )
36160
36155
 
36161
36156
  )
@@ -37204,7 +37199,7 @@ const SetPassword = (props) => {
37204
37199
  }
37205
37200
 
37206
37201
  setFormInvalid(!fc);
37207
- if (fc){
37202
+ if (fc && values){
37208
37203
  values({
37209
37204
  password,
37210
37205
  email:email || userEmail,