@secondstaxorg/sscomp 2.0.0 → 2.0.11
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 -3
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +139 -120
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +2 -2
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
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
|
-
|
|
32967
|
-
|
|
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:
|
|
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:
|
|
33008
|
-
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber:
|
|
33009
|
-
, subtext && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
33017
|
+
, validationMsg && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 73}}, validationMsg)
|
|
33022
33018
|
)
|
|
33023
33019
|
|
|
33024
33020
|
)
|
|
@@ -36057,87 +36053,109 @@ const PrimaryButtonSm = styled.button`
|
|
|
36057
36053
|
const _jsxFileName$2 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\ForgotPasswordForm\\ForgotPasswordForm.tsx"; function _optionalChain$2(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
36058
36054
|
|
|
36059
36055
|
const ForgotPasswordForm = (props) => {
|
|
36060
|
-
|
|
36061
|
-
|
|
36062
|
-
|
|
36063
|
-
|
|
36064
|
-
|
|
36065
|
-
|
|
36066
|
-
|
|
36067
|
-
|
|
36068
|
-
function submitEmail(){
|
|
36069
|
-
if (!email) return
|
|
36070
|
-
setErrMsg('');
|
|
36071
|
-
|
|
36072
|
-
setLoading(true);
|
|
36073
|
-
fetch(resetPWApiEndPoint, {
|
|
36074
|
-
method: 'PATCH',
|
|
36075
|
-
body: JSON.stringify({
|
|
36076
|
-
usrEmail: email
|
|
36077
|
-
}),
|
|
36078
|
-
headers:{
|
|
36079
|
-
'Access-Control-Allow-Origin': '*',
|
|
36080
|
-
'Content-Type': 'application/json',
|
|
36081
|
-
'Accept-Language': userLang || 'en',
|
|
36082
|
-
'X-App-Identifier':appIdentifier || 'lp'
|
|
36083
|
-
}
|
|
36084
|
-
}).then((res)=> {
|
|
36085
|
-
if (res.ok) {
|
|
36086
|
-
return res.json()
|
|
36087
|
-
} else {
|
|
36088
|
-
throw new Error(_optionalChain$2([labelOverrides, 'optionalAccess', _ => _.anErrorOccurred]) || "An error occurred while processing your request")
|
|
36089
|
-
}
|
|
36090
|
-
})
|
|
36091
|
-
.then((data) => {
|
|
36092
|
-
if (data.Status == 'SUCC') {
|
|
36093
|
-
setStage(2);
|
|
36094
|
-
} else {
|
|
36095
|
-
setErrMsg(data.Message);
|
|
36096
|
-
}
|
|
36097
|
-
setLoading(false);
|
|
36098
|
-
}).catch(err => {
|
|
36099
|
-
console.log(err);
|
|
36100
|
-
if (err.response) {
|
|
36101
|
-
setErrMsg(err.response.msg);
|
|
36102
|
-
} else {
|
|
36103
|
-
setErrMsg(_optionalChain$2([labelOverrides, 'optionalAccess', _2 => _2.anErrorOccurred]) || "An error occurred while processing your request");
|
|
36104
|
-
}
|
|
36105
|
-
setLoading(false);
|
|
36106
|
-
});
|
|
36107
|
-
}
|
|
36056
|
+
const {
|
|
36057
|
+
redirectToLoginFxn,
|
|
36058
|
+
redirectToSetPasswordFxn,
|
|
36059
|
+
resetPWApiEndPoint,
|
|
36060
|
+
appIdentifier,
|
|
36061
|
+
userLang,
|
|
36062
|
+
labelOverrides
|
|
36063
|
+
} = props;
|
|
36108
36064
|
|
|
36109
|
-
|
|
36110
|
-
|
|
36111
|
-
|
|
36112
|
-
|
|
36113
|
-
|
|
36114
|
-
|
|
36115
|
-
|
|
36116
|
-
|
|
36117
|
-
|
|
36118
|
-
|
|
36119
|
-
|
|
36120
|
-
|
|
36121
|
-
|
|
36122
|
-
|
|
36123
|
-
|
|
36124
|
-
|
|
36125
|
-
|
|
36126
|
-
|
|
36127
|
-
|
|
36128
|
-
|
|
36129
|
-
|
|
36130
|
-
|
|
36131
|
-
|
|
36132
|
-
|
|
36133
|
-
|
|
36134
|
-
|
|
36135
|
-
|
|
36136
|
-
|
|
36137
|
-
|
|
36138
|
-
|
|
36139
|
-
|
|
36140
|
-
|
|
36065
|
+
|
|
36066
|
+
const [stage, setStage] = React$1.useState(1);
|
|
36067
|
+
const [email, setEmail] = React$1.useState('');
|
|
36068
|
+
const [loading, setLoading] = React$1.useState(false);
|
|
36069
|
+
const [errMsg, setErrMsg] = React$1.useState('');
|
|
36070
|
+
const [emailValid,setEmailValid] = React$1.useState(false);
|
|
36071
|
+
|
|
36072
|
+
function submitEmail() {
|
|
36073
|
+
if (!email) return
|
|
36074
|
+
setErrMsg('');
|
|
36075
|
+
|
|
36076
|
+
setLoading(true);
|
|
36077
|
+
fetch(resetPWApiEndPoint, {
|
|
36078
|
+
method: 'PATCH',
|
|
36079
|
+
body: JSON.stringify({
|
|
36080
|
+
usrEmail: email
|
|
36081
|
+
}),
|
|
36082
|
+
headers: {
|
|
36083
|
+
'Access-Control-Allow-Origin': '*',
|
|
36084
|
+
'Content-Type': 'application/json',
|
|
36085
|
+
'Accept-Language': userLang || 'en',
|
|
36086
|
+
'X-App-Identifier': appIdentifier || 'lp'
|
|
36087
|
+
}
|
|
36088
|
+
}).then((res) => {
|
|
36089
|
+
if (res.ok) {
|
|
36090
|
+
return res.json()
|
|
36091
|
+
} else {
|
|
36092
|
+
throw new Error(_optionalChain$2([labelOverrides, 'optionalAccess', _ => _.anErrorOccurred]) || "An error occurred while processing your request")
|
|
36093
|
+
}
|
|
36094
|
+
})
|
|
36095
|
+
.then((data) => {
|
|
36096
|
+
if (data.Status == 'SUCC') {
|
|
36097
|
+
setStage(2);
|
|
36098
|
+
} else {
|
|
36099
|
+
setErrMsg(data.Message);
|
|
36100
|
+
}
|
|
36101
|
+
setLoading(false);
|
|
36102
|
+
}).catch(err => {
|
|
36103
|
+
console.log(err);
|
|
36104
|
+
if (err.response) {
|
|
36105
|
+
setErrMsg(err.response.msg);
|
|
36106
|
+
} else {
|
|
36107
|
+
setErrMsg(_optionalChain$2([labelOverrides, 'optionalAccess', _2 => _2.anErrorOccurred]) || "An error occurred while processing your request");
|
|
36108
|
+
}
|
|
36109
|
+
setLoading(false);
|
|
36110
|
+
});
|
|
36111
|
+
}
|
|
36112
|
+
|
|
36113
|
+
return (
|
|
36114
|
+
React$1.createElement(MainContainer, {__self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 69}}
|
|
36115
|
+
, stage === 1 &&
|
|
36116
|
+
React$1.createElement(React$1.Fragment, null
|
|
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')
|
|
36118
|
+
|
|
36119
|
+
, React$1.createElement('form', { onSubmit: (e) => {
|
|
36120
|
+
e.preventDefault();
|
|
36121
|
+
submitEmail();
|
|
36122
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 74}}
|
|
36123
|
+
, React$1.createElement(EmailField, {
|
|
36124
|
+
label: _optionalChain$2([labelOverrides, 'optionalAccess', _4 => _4.emailFieldLabel]) || "Enter the email associated with your account",
|
|
36125
|
+
placeholder: "example@domain.com", value: email, onChange: (e) => {
|
|
36126
|
+
setEmail(e.target.value);
|
|
36127
|
+
}, required: true, labelOverrides: {
|
|
36128
|
+
requiredField: _optionalChain$2([labelOverrides, 'optionalAccess', _5 => _5.emailFieldRequiredlabelOverride]),
|
|
36129
|
+
enterValidEmail: _optionalChain$2([labelOverrides, 'optionalAccess', _6 => _6.emailFieldValidEmailLabelOveride])
|
|
36130
|
+
}, isValidEmail: setEmailValid, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 78}})
|
|
36131
|
+
, React$1.createElement('div', { className: "submit-btn-cont", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 86}}
|
|
36132
|
+
, React$1.createElement(Button$1, { type: "submit", size: "md", variant: "primary",
|
|
36133
|
+
disabled: email.length === 0 || loading || !emailValid, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 87}}, loading ? React$1.createElement(Loader, {
|
|
36134
|
+
variant: "primary", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 88}}) : _optionalChain$2([labelOverrides, 'optionalAccess', _7 => _7.resetPwBtnText]) || 'Reset Password')
|
|
36135
|
+
, React$1.createElement('div', { className: "text-center mt-3 link-btn" , __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 90}}
|
|
36136
|
+
, errMsg && React$1.createElement('p', { className: "text-error-500", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 91}}, errMsg)
|
|
36137
|
+
, React$1.createElement('button', { className: "cancel", onClick: () => redirectToLoginFxn(),
|
|
36138
|
+
type: "button", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 92}}, _optionalChain$2([labelOverrides, 'optionalAccess', _8 => _8.cancelBtnRedirectText]) || 'Cancel')
|
|
36139
|
+
)
|
|
36140
|
+
)
|
|
36141
|
+
)
|
|
36142
|
+
)
|
|
36143
|
+
|
|
36144
|
+
, stage === 2 &&
|
|
36145
|
+
React$1.createElement('div', { className: "stage2", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 100}}
|
|
36146
|
+
, React$1.createElement('div', { className: "action-res", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 101}}
|
|
36147
|
+
, React$1.createElement(ActionSuccess, { headingText: _optionalChain$2([labelOverrides, 'optionalAccess', _9 => _9.resetLinkSentHeader]) || 'Reset Link Sent!',
|
|
36148
|
+
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}})
|
|
36149
|
+
)
|
|
36150
|
+
, React$1.createElement(PrimaryButtonSm, { onClick: () => redirectToSetPasswordFxn(), type: "button",
|
|
36151
|
+
className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 105}}, _optionalChain$2([labelOverrides, 'optionalAccess', _11 => _11.soundsGood]) || 'Sounds Good')
|
|
36152
|
+
, React$1.createElement('button', { type: "button", className: "paragraph1Regular change-email" , onClick: () => {
|
|
36153
|
+
setStage(stage - 1);
|
|
36154
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 107}}, _optionalChain$2([labelOverrides, 'optionalAccess', _12 => _12.changeEmailLink]) || 'Change email address')
|
|
36155
|
+
)
|
|
36156
|
+
|
|
36157
|
+
)
|
|
36158
|
+
)
|
|
36141
36159
|
};
|
|
36142
36160
|
|
|
36143
36161
|
const Container = styled.div`
|
|
@@ -37171,6 +37189,7 @@ const SetPassword = (props) => {
|
|
|
37171
37189
|
const [resp,setResp] = React$1.useState({});
|
|
37172
37190
|
const [submiting,setSubmiting] = React$1.useState(false);
|
|
37173
37191
|
const [formInvalid,setFormInvalid] = React$1.useState(true);
|
|
37192
|
+
const [emailValid,setEmailValid] = React$1.useState(false);
|
|
37174
37193
|
|
|
37175
37194
|
React$1.useEffect(()=>{
|
|
37176
37195
|
let fc = false;
|
|
@@ -37231,41 +37250,41 @@ const SetPassword = (props) => {
|
|
|
37231
37250
|
React$1.createElement('form', { onSubmit: (e)=>{
|
|
37232
37251
|
e.preventDefault();
|
|
37233
37252
|
submitPw();
|
|
37234
|
-
}, __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
37235
|
-
, React$1.createElement(Container, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
37236
|
-
, React$1.createElement(Title, { className: "heading4SBold", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
37237
|
-
, userEmail ? React$1.createElement('div', { className: "email-field", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
37238
|
-
, React$1.createElement('h6', { className: "heading6SBold", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
37239
|
-
, React$1.createElement('p', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
37253
|
+
}, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 82}}
|
|
37254
|
+
, React$1.createElement(Container, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 86}}
|
|
37255
|
+
, React$1.createElement(Title, { className: "heading4SBold", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 87}}, _optionalChain([labelOverrides, 'optionalAccess', _ => _.title]) || 'Set Your Password')
|
|
37256
|
+
, userEmail ? React$1.createElement('div', { className: "email-field", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 88}}
|
|
37257
|
+
, React$1.createElement('h6', { className: "heading6SBold", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 89}}, _optionalChain([labelOverrides, 'optionalAccess', _2 => _2.emailAddress]) || 'Email Address')
|
|
37258
|
+
, React$1.createElement('p', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 90}}, userEmail)
|
|
37240
37259
|
)
|
|
37241
37260
|
:
|
|
37242
|
-
React$1.createElement(EmailField, { label: _optionalChain([labelOverrides, 'optionalAccess', _3 => _3.emailAddress]) || 'Email Address', value: email, onChange: (e)=>{setEmail(e.target.value);}, placeholder: _optionalChain([labelOverrides, 'optionalAccess', _4 => _4.emailPlaceholder]) || 'Enter email', __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
37261
|
+
React$1.createElement(EmailField, { label: _optionalChain([labelOverrides, 'optionalAccess', _3 => _3.emailAddress]) || 'Email Address', value: email, onChange: (e)=>{setEmail(e.target.value);}, placeholder: _optionalChain([labelOverrides, 'optionalAccess', _4 => _4.emailPlaceholder]) || 'Enter email', isValidEmail: setEmailValid, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 93}})
|
|
37243
37262
|
|
|
37244
|
-
, React$1.createElement(TextField, { onChange: (e) => {setVerificationCode(e.target.value);}, value: verificationCode, label: _optionalChain([labelOverrides, 'optionalAccess', _5 => _5.verificationCode]) || 'Verification Code', placeholder: _optionalChain([labelOverrides, 'optionalAccess', _6 => _6.verificationCodePlaceholder]) || 'Enter code', required: true, __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
37245
|
-
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
37246
|
-
, React$1.createElement(PasswordField, { onChange: (e) => {setPassword(e.target.value);}, value: password, label: _optionalChain([labelOverrides, 'optionalAccess', _7 => _7.password]) || 'Password', placeholder: "••••••••", required: true, __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
37263
|
+
, React$1.createElement(TextField, { onChange: (e) => {setVerificationCode(e.target.value);}, value: verificationCode, label: _optionalChain([labelOverrides, 'optionalAccess', _5 => _5.verificationCode]) || 'Verification Code', placeholder: _optionalChain([labelOverrides, 'optionalAccess', _6 => _6.verificationCodePlaceholder]) || 'Enter code', required: true, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 95}})
|
|
37264
|
+
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 96}}
|
|
37265
|
+
, React$1.createElement(PasswordField, { onChange: (e) => {setPassword(e.target.value);}, value: password, label: _optionalChain([labelOverrides, 'optionalAccess', _7 => _7.password]) || 'Password', placeholder: "••••••••", required: true, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 97}})
|
|
37247
37266
|
, !hidePasswordMeter &&
|
|
37248
|
-
React$1.createElement('div', { className: "pw-meter", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
37249
|
-
, React$1.createElement(PasswordMeter, { password: password, requirementsMet: setRequirementsMet, labelOverrides: _optionalChain([labelOverrides, 'optionalAccess', _8 => _8.pwMeterLO]), __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
37267
|
+
React$1.createElement('div', { className: "pw-meter", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 99}}
|
|
37268
|
+
, React$1.createElement(PasswordMeter, { password: password, requirementsMet: setRequirementsMet, labelOverrides: _optionalChain([labelOverrides, 'optionalAccess', _8 => _8.pwMeterLO]), __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 100}})
|
|
37250
37269
|
)
|
|
37251
37270
|
|
|
37252
37271
|
)
|
|
37253
|
-
, React$1.createElement(Button$1, { type: "submit", size: "lg", variant: "primary", disabled: submiting || formInvalid, __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
37272
|
+
, React$1.createElement(Button$1, { type: "submit", size: "lg", variant: "primary", disabled: submiting || formInvalid || !emailValid, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 104}}, submiting ? React$1.createElement(Loader, { variant: "primary", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 104}}) : (_optionalChain([labelOverrides, 'optionalAccess', _9 => _9.setPassword]) || 'Set Password'))
|
|
37254
37273
|
)
|
|
37255
37274
|
)
|
|
37256
37275
|
|
|
37257
37276
|
, step == 2 &&
|
|
37258
|
-
React$1.createElement(Container, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
37259
|
-
, React$1.createElement('div', { className: "center-align", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
37277
|
+
React$1.createElement(Container, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 109}}
|
|
37278
|
+
, React$1.createElement('div', { className: "center-align", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 110}}
|
|
37260
37279
|
, resp.Status && resp.Status == 'SUCC' ?
|
|
37261
37280
|
React$1.createElement(React$1.Fragment, null
|
|
37262
|
-
, React$1.createElement(ActionSuccess, { headingText: _optionalChain([labelOverrides, 'optionalAccess', _10 => _10.responseSuccessHeadingText]) || 'Password Saved', subText: _optionalChain([labelOverrides, 'optionalAccess', _11 => _11.responseSuccessSubText]) || 'You can now use your new password to login.', __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
37263
|
-
, React$1.createElement(Button$1, { size: "md", variant: "primary", type: "submit", onClick: redirectFn, __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
37281
|
+
, React$1.createElement(ActionSuccess, { headingText: _optionalChain([labelOverrides, 'optionalAccess', _10 => _10.responseSuccessHeadingText]) || 'Password Saved', subText: _optionalChain([labelOverrides, 'optionalAccess', _11 => _11.responseSuccessSubText]) || 'You can now use your new password to login.', __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 113}})
|
|
37282
|
+
, React$1.createElement(Button$1, { size: "md", variant: "primary", type: "submit", onClick: redirectFn, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 114}}, _optionalChain([labelOverrides, 'optionalAccess', _12 => _12.soundsGood]) || 'Sounds Good')
|
|
37264
37283
|
)
|
|
37265
37284
|
:
|
|
37266
37285
|
React$1.createElement(React$1.Fragment, null
|
|
37267
|
-
, React$1.createElement(ActionFailed, { headingText: _optionalChain([labelOverrides, 'optionalAccess', _13 => _13.responseFailHeadingText]) || 'Could Not Save Password', subText: _optionalChain([labelOverrides, 'optionalAccess', _14 => _14.responseFailSubText]) || resp.Message, __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
37268
|
-
, React$1.createElement(Button$1, { size: "md", variant: "primary", type: "submit", onClick: ()=>{setStep(step - 1);}, __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
37286
|
+
, React$1.createElement(ActionFailed, { headingText: _optionalChain([labelOverrides, 'optionalAccess', _13 => _13.responseFailHeadingText]) || 'Could Not Save Password', subText: _optionalChain([labelOverrides, 'optionalAccess', _14 => _14.responseFailSubText]) || resp.Message, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 118}})
|
|
37287
|
+
, React$1.createElement(Button$1, { size: "md", variant: "primary", type: "submit", onClick: ()=>{setStep(step - 1);}, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 119}}, _optionalChain([labelOverrides, 'optionalAccess', _15 => _15.tryAgain]) || 'Try Again')
|
|
37269
37288
|
)
|
|
37270
37289
|
|
|
37271
37290
|
)
|