@secondstaxorg/sscomp 2.0.0 → 2.0.1
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 +2 -2
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +122 -99
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -36057,87 +36057,109 @@ const PrimaryButtonSm = styled.button`
|
|
|
36057
36057
|
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
36058
|
|
|
36059
36059
|
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
|
-
}
|
|
36060
|
+
const {
|
|
36061
|
+
redirectToLoginFxn,
|
|
36062
|
+
redirectToSetPasswordFxn,
|
|
36063
|
+
resetPWApiEndPoint,
|
|
36064
|
+
appIdentifier,
|
|
36065
|
+
userLang,
|
|
36066
|
+
labelOverrides
|
|
36067
|
+
} = props;
|
|
36108
36068
|
|
|
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
|
-
|
|
36069
|
+
|
|
36070
|
+
const [stage, setStage] = React$1.useState(1);
|
|
36071
|
+
const [email, setEmail] = React$1.useState('');
|
|
36072
|
+
const [loading, setLoading] = React$1.useState(false);
|
|
36073
|
+
const [errMsg, setErrMsg] = React$1.useState('');
|
|
36074
|
+
const [emailValid,setEmailValid] = React$1.useState(false);
|
|
36075
|
+
|
|
36076
|
+
function submitEmail() {
|
|
36077
|
+
if (!email) return
|
|
36078
|
+
setErrMsg('');
|
|
36079
|
+
|
|
36080
|
+
setLoading(true);
|
|
36081
|
+
fetch(resetPWApiEndPoint, {
|
|
36082
|
+
method: 'PATCH',
|
|
36083
|
+
body: JSON.stringify({
|
|
36084
|
+
usrEmail: email
|
|
36085
|
+
}),
|
|
36086
|
+
headers: {
|
|
36087
|
+
'Access-Control-Allow-Origin': '*',
|
|
36088
|
+
'Content-Type': 'application/json',
|
|
36089
|
+
'Accept-Language': userLang || 'en',
|
|
36090
|
+
'X-App-Identifier': appIdentifier || 'lp'
|
|
36091
|
+
}
|
|
36092
|
+
}).then((res) => {
|
|
36093
|
+
if (res.ok) {
|
|
36094
|
+
return res.json()
|
|
36095
|
+
} else {
|
|
36096
|
+
throw new Error(_optionalChain$2([labelOverrides, 'optionalAccess', _ => _.anErrorOccurred]) || "An error occurred while processing your request")
|
|
36097
|
+
}
|
|
36098
|
+
})
|
|
36099
|
+
.then((data) => {
|
|
36100
|
+
if (data.Status == 'SUCC') {
|
|
36101
|
+
setStage(2);
|
|
36102
|
+
} else {
|
|
36103
|
+
setErrMsg(data.Message);
|
|
36104
|
+
}
|
|
36105
|
+
setLoading(false);
|
|
36106
|
+
}).catch(err => {
|
|
36107
|
+
console.log(err);
|
|
36108
|
+
if (err.response) {
|
|
36109
|
+
setErrMsg(err.response.msg);
|
|
36110
|
+
} else {
|
|
36111
|
+
setErrMsg(_optionalChain$2([labelOverrides, 'optionalAccess', _2 => _2.anErrorOccurred]) || "An error occurred while processing your request");
|
|
36112
|
+
}
|
|
36113
|
+
setLoading(false);
|
|
36114
|
+
});
|
|
36115
|
+
}
|
|
36116
|
+
|
|
36117
|
+
return (
|
|
36118
|
+
React$1.createElement(MainContainer, {__self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 69}}
|
|
36119
|
+
, stage === 1 &&
|
|
36120
|
+
React$1.createElement(React$1.Fragment, null
|
|
36121
|
+
, 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
|
+
, React$1.createElement('form', { onSubmit: (e) => {
|
|
36124
|
+
e.preventDefault();
|
|
36125
|
+
submitEmail();
|
|
36126
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 74}}
|
|
36127
|
+
, React$1.createElement(EmailField, {
|
|
36128
|
+
label: _optionalChain$2([labelOverrides, 'optionalAccess', _4 => _4.emailFieldLabel]) || "Enter the email associated with your account",
|
|
36129
|
+
placeholder: "example@domain.com", value: email, onChange: (e) => {
|
|
36130
|
+
setEmail(e.target.value);
|
|
36131
|
+
}, required: true, labelOverrides: {
|
|
36132
|
+
requiredField: _optionalChain$2([labelOverrides, 'optionalAccess', _5 => _5.emailFieldRequiredlabelOverride]),
|
|
36133
|
+
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}}
|
|
36136
|
+
, 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)
|
|
36141
|
+
, 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')
|
|
36143
|
+
)
|
|
36144
|
+
)
|
|
36145
|
+
)
|
|
36146
|
+
)
|
|
36147
|
+
|
|
36148
|
+
, 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}}
|
|
36151
|
+
, 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}})
|
|
36153
|
+
)
|
|
36154
|
+
, 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')
|
|
36156
|
+
, React$1.createElement('button', { type: "button", className: "paragraph1Regular change-email" , onClick: () => {
|
|
36157
|
+
setStage(stage - 1);
|
|
36158
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 107}}, _optionalChain$2([labelOverrides, 'optionalAccess', _12 => _12.changeEmailLink]) || 'Change email address')
|
|
36159
|
+
)
|
|
36160
|
+
|
|
36161
|
+
)
|
|
36162
|
+
)
|
|
36141
36163
|
};
|
|
36142
36164
|
|
|
36143
36165
|
const Container = styled.div`
|
|
@@ -37171,6 +37193,7 @@ const SetPassword = (props) => {
|
|
|
37171
37193
|
const [resp,setResp] = React$1.useState({});
|
|
37172
37194
|
const [submiting,setSubmiting] = React$1.useState(false);
|
|
37173
37195
|
const [formInvalid,setFormInvalid] = React$1.useState(true);
|
|
37196
|
+
const [emailValid,setEmailValid] = React$1.useState(false);
|
|
37174
37197
|
|
|
37175
37198
|
React$1.useEffect(()=>{
|
|
37176
37199
|
let fc = false;
|
|
@@ -37231,41 +37254,41 @@ const SetPassword = (props) => {
|
|
|
37231
37254
|
React$1.createElement('form', { onSubmit: (e)=>{
|
|
37232
37255
|
e.preventDefault();
|
|
37233
37256
|
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:
|
|
37257
|
+
}, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 82}}
|
|
37258
|
+
, React$1.createElement(Container, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 86}}
|
|
37259
|
+
, React$1.createElement(Title, { className: "heading4SBold", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 87}}, _optionalChain([labelOverrides, 'optionalAccess', _ => _.title]) || 'Set Your Password')
|
|
37260
|
+
, userEmail ? React$1.createElement('div', { className: "email-field", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 88}}
|
|
37261
|
+
, React$1.createElement('h6', { className: "heading6SBold", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 89}}, _optionalChain([labelOverrides, 'optionalAccess', _2 => _2.emailAddress]) || 'Email Address')
|
|
37262
|
+
, React$1.createElement('p', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 90}}, userEmail)
|
|
37240
37263
|
)
|
|
37241
37264
|
:
|
|
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:
|
|
37265
|
+
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
37266
|
|
|
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:
|
|
37267
|
+
, 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}})
|
|
37268
|
+
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 96}}
|
|
37269
|
+
, 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
37270
|
, !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:
|
|
37271
|
+
React$1.createElement('div', { className: "pw-meter", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 99}}
|
|
37272
|
+
, React$1.createElement(PasswordMeter, { password: password, requirementsMet: setRequirementsMet, labelOverrides: _optionalChain([labelOverrides, 'optionalAccess', _8 => _8.pwMeterLO]), __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 100}})
|
|
37250
37273
|
)
|
|
37251
37274
|
|
|
37252
37275
|
)
|
|
37253
|
-
, React$1.createElement(Button$1, { type: "submit", size: "lg", variant: "primary", disabled: submiting || formInvalid, __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
37276
|
+
, 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
37277
|
)
|
|
37255
37278
|
)
|
|
37256
37279
|
|
|
37257
37280
|
, 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:
|
|
37281
|
+
React$1.createElement(Container, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 109}}
|
|
37282
|
+
, React$1.createElement('div', { className: "center-align", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 110}}
|
|
37260
37283
|
, resp.Status && resp.Status == 'SUCC' ?
|
|
37261
37284
|
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:
|
|
37285
|
+
, 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}})
|
|
37286
|
+
, 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
37287
|
)
|
|
37265
37288
|
:
|
|
37266
37289
|
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:
|
|
37290
|
+
, 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}})
|
|
37291
|
+
, 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
37292
|
)
|
|
37270
37293
|
|
|
37271
37294
|
)
|