@unidy.io/sdk 1.1.5 → 1.1.6
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/sdk/u-password-field.entry.esm.js.map +1 -1
- package/dist/sdk/u-password-field.entry.js +104 -0
- package/dist/sdk/u-reset-password-button.entry.esm.js.map +1 -1
- package/dist/sdk/u-reset-password-button.entry.js +54 -0
- package/dist/types/auth/components/reset-pass-button/reset-pass-button.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"u-password-field.entry.esm.js","sources":["src/auth/components/password-field/password-field.tsx"],"sourcesContent":["import { Component, Element, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { authState, authStore } from \"../../store/auth-store\";\nimport { getParentSigninStep } from \"../helpers\";\n\nexport type PasswordFieldFor = \"login\" | \"new-password\" | \"password-confirmation\";\n\n@Component({\n tag: \"u-password-field\",\n shadow: false,\n})\nexport class PasswordField {\n @Element() el!: HTMLElement;\n\n @Prop() for: PasswordFieldFor = \"login\";\n @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n @Prop() ariaLabel = \"\";\n\n private getAriaLabel(): string {\n if (this.ariaLabel) return this.ariaLabel;\n\n switch (this.for) {\n case \"login\":\n return \"Password\";\n case \"new-password\":\n return \"New Password\";\n case \"password-confirmation\":\n return \"Password Confirmation\";\n }\n }\n\n private getValue(): string {\n switch (this.for) {\n case \"login\":\n return authState.password;\n case \"new-password\":\n return authState.resetPassword.newPassword;\n case \"password-confirmation\":\n return authState.resetPassword.passwordConfirmation;\n }\n }\n\n private getAutocomplete(): string {\n switch (this.for) {\n case \"login\":\n return \"current-password\";\n case \"new-password\":\n case \"password-confirmation\":\n return \"new-password\";\n }\n }\n\n private getInputName(): string {\n switch (this.for) {\n case \"login\":\n return \"password\";\n case \"new-password\":\n return \"new-password\";\n case \"password-confirmation\":\n return \"confirm-password\";\n }\n }\n\n private handleInput = (event: Event) => {\n const target = event.target as HTMLInputElement;\n\n switch (this.for) {\n case \"login\":\n authStore.setPassword(target.value);\n break;\n case \"new-password\":\n authStore.setNewPassword(target.value);\n authStore.clearFieldError(\"resetPassword\");\n authStore.clearFieldError(\"password\");\n break;\n case \"password-confirmation\":\n authStore.setConfirmPassword(target.value);\n authStore.clearFieldError(\"resetPassword\");\n authStore.clearFieldError(\"password\");\n break;\n }\n };\n\n private handleSubmit = async (event: Event) => {\n event.preventDefault();\n\n (await getParentSigninStep(this.el))?.submit();\n };\n\n private shouldRender(): boolean {\n switch (this.for) {\n case \"login\":\n return (authState.step === \"verification\" && authState.availableLoginOptions?.password)
|
|
1
|
+
{"version":3,"file":"u-password-field.entry.esm.js","sources":["src/auth/components/password-field/password-field.tsx"],"sourcesContent":["import { Component, Element, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { authState, authStore } from \"../../store/auth-store\";\nimport { getParentSigninStep } from \"../helpers\";\n\nexport type PasswordFieldFor = \"login\" | \"new-password\" | \"password-confirmation\";\n\n@Component({\n tag: \"u-password-field\",\n shadow: false,\n})\nexport class PasswordField {\n @Element() el!: HTMLElement;\n\n @Prop() for: PasswordFieldFor = \"login\";\n @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n @Prop() ariaLabel = \"\";\n\n private getAriaLabel(): string {\n if (this.ariaLabel) return this.ariaLabel;\n\n switch (this.for) {\n case \"login\":\n return \"Password\";\n case \"new-password\":\n return \"New Password\";\n case \"password-confirmation\":\n return \"Password Confirmation\";\n }\n }\n\n private getValue(): string {\n switch (this.for) {\n case \"login\":\n return authState.password;\n case \"new-password\":\n return authState.resetPassword.newPassword;\n case \"password-confirmation\":\n return authState.resetPassword.passwordConfirmation;\n }\n }\n\n private getAutocomplete(): string {\n switch (this.for) {\n case \"login\":\n return \"current-password\";\n case \"new-password\":\n case \"password-confirmation\":\n return \"new-password\";\n }\n }\n\n private getInputName(): string {\n switch (this.for) {\n case \"login\":\n return \"password\";\n case \"new-password\":\n return \"new-password\";\n case \"password-confirmation\":\n return \"confirm-password\";\n }\n }\n\n private handleInput = (event: Event) => {\n const target = event.target as HTMLInputElement;\n\n switch (this.for) {\n case \"login\":\n authStore.setPassword(target.value);\n break;\n case \"new-password\":\n authStore.setNewPassword(target.value);\n authStore.clearFieldError(\"resetPassword\");\n authStore.clearFieldError(\"password\");\n break;\n case \"password-confirmation\":\n authStore.setConfirmPassword(target.value);\n authStore.clearFieldError(\"resetPassword\");\n authStore.clearFieldError(\"password\");\n break;\n }\n };\n\n private handleSubmit = async (event: Event) => {\n event.preventDefault();\n\n (await getParentSigninStep(this.el))?.submit();\n };\n\n private shouldRender(): boolean {\n switch (this.for) {\n case \"login\":\n if (authState.step === \"single-login\") return true;\n if (authState.step === \"verification\" && authState.availableLoginOptions?.password) {\n return true;\n }\n return false;\n case \"new-password\":\n case \"password-confirmation\":\n return authState.step === \"reset-password\";\n }\n }\n\n render() {\n if (!this.shouldRender()) {\n return null;\n }\n\n const key = this.for === \"password-confirmation\" ? \"auth.password.confirmation.placeholder\" : \"auth.password.placeholder\";\n const placeholder = t(key, { defaultValue: \"Enter your password\" });\n\n return (\n <form onSubmit={this.handleSubmit}>\n <input\n name={this.getInputName()}\n type=\"password\"\n value={this.getValue()}\n autocomplete={this.getAutocomplete()}\n placeholder={placeholder}\n disabled={authState.loading}\n class={this.componentClassName}\n onInput={this.handleInput}\n aria-label={this.getAriaLabel()}\n />\n </form>\n );\n }\n}\n"],"names":["authState"],"mappings":"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"}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import { r as registerInstance, f as getElement, h } from './index-C5jZjlU8.js';
|
|
2
|
+
import { t } from './i18n-CZii1E-s.js';
|
|
3
|
+
import { s as state, a as authStore } from './auth-store-DQaam_Qh.js';
|
|
4
|
+
import { g as getParentSigninStep } from './helpers-DUHc_Cx7.js';
|
|
5
|
+
import './unidy-store-CtifvCkV.js';
|
|
6
|
+
import './index-O6h7SI7-.js';
|
|
7
|
+
|
|
8
|
+
const PasswordField = class {
|
|
9
|
+
constructor(hostRef) {
|
|
10
|
+
registerInstance(this, hostRef);
|
|
11
|
+
}
|
|
12
|
+
get el() { return getElement(this); }
|
|
13
|
+
for = "login";
|
|
14
|
+
componentClassName = "";
|
|
15
|
+
ariaLabel = "";
|
|
16
|
+
getAriaLabel() {
|
|
17
|
+
if (this.ariaLabel)
|
|
18
|
+
return this.ariaLabel;
|
|
19
|
+
switch (this.for) {
|
|
20
|
+
case "login":
|
|
21
|
+
return "Password";
|
|
22
|
+
case "new-password":
|
|
23
|
+
return "New Password";
|
|
24
|
+
case "password-confirmation":
|
|
25
|
+
return "Password Confirmation";
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
getValue() {
|
|
29
|
+
switch (this.for) {
|
|
30
|
+
case "login":
|
|
31
|
+
return state.password;
|
|
32
|
+
case "new-password":
|
|
33
|
+
return state.resetPassword.newPassword;
|
|
34
|
+
case "password-confirmation":
|
|
35
|
+
return state.resetPassword.passwordConfirmation;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
getAutocomplete() {
|
|
39
|
+
switch (this.for) {
|
|
40
|
+
case "login":
|
|
41
|
+
return "current-password";
|
|
42
|
+
case "new-password":
|
|
43
|
+
case "password-confirmation":
|
|
44
|
+
return "new-password";
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
getInputName() {
|
|
48
|
+
switch (this.for) {
|
|
49
|
+
case "login":
|
|
50
|
+
return "password";
|
|
51
|
+
case "new-password":
|
|
52
|
+
return "new-password";
|
|
53
|
+
case "password-confirmation":
|
|
54
|
+
return "confirm-password";
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
handleInput = (event) => {
|
|
58
|
+
const target = event.target;
|
|
59
|
+
switch (this.for) {
|
|
60
|
+
case "login":
|
|
61
|
+
authStore.setPassword(target.value);
|
|
62
|
+
break;
|
|
63
|
+
case "new-password":
|
|
64
|
+
authStore.setNewPassword(target.value);
|
|
65
|
+
authStore.clearFieldError("resetPassword");
|
|
66
|
+
authStore.clearFieldError("password");
|
|
67
|
+
break;
|
|
68
|
+
case "password-confirmation":
|
|
69
|
+
authStore.setConfirmPassword(target.value);
|
|
70
|
+
authStore.clearFieldError("resetPassword");
|
|
71
|
+
authStore.clearFieldError("password");
|
|
72
|
+
break;
|
|
73
|
+
}
|
|
74
|
+
};
|
|
75
|
+
handleSubmit = async (event) => {
|
|
76
|
+
event.preventDefault();
|
|
77
|
+
(await getParentSigninStep(this.el))?.submit();
|
|
78
|
+
};
|
|
79
|
+
shouldRender() {
|
|
80
|
+
switch (this.for) {
|
|
81
|
+
case "login":
|
|
82
|
+
if (state.step === "single-login")
|
|
83
|
+
return true;
|
|
84
|
+
if (state.step === "verification" && state.availableLoginOptions?.password) {
|
|
85
|
+
return true;
|
|
86
|
+
}
|
|
87
|
+
return false;
|
|
88
|
+
case "new-password":
|
|
89
|
+
case "password-confirmation":
|
|
90
|
+
return state.step === "reset-password";
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
render() {
|
|
94
|
+
if (!this.shouldRender()) {
|
|
95
|
+
return null;
|
|
96
|
+
}
|
|
97
|
+
const key = this.for === "password-confirmation" ? "auth.password.confirmation.placeholder" : "auth.password.placeholder";
|
|
98
|
+
const placeholder = t(key, { defaultValue: "Enter your password" });
|
|
99
|
+
return (h("form", { onSubmit: this.handleSubmit }, h("input", { name: this.getInputName(), type: "password", value: this.getValue(), autocomplete: this.getAutocomplete(), placeholder: placeholder, disabled: state.loading, class: this.componentClassName, onInput: this.handleInput, "aria-label": this.getAriaLabel() })));
|
|
100
|
+
}
|
|
101
|
+
};
|
|
102
|
+
|
|
103
|
+
export { PasswordField as u_password_field };
|
|
104
|
+
//# sourceMappingURL=u-password-field.entry.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"u-reset-password-button.entry.esm.js","sources":["src/auth/components/reset-pass-button/reset-pass-button.tsx"],"sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport {
|
|
1
|
+
{"version":3,"file":"u-reset-password-button.entry.esm.js","sources":["src/auth/components/reset-pass-button/reset-pass-button.tsx"],"sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { Flash } from \"../../../shared/store/flash-store\";\nimport { Auth } from \"../../auth\";\nimport { authState } from \"../../store/auth-store\";\n\n@Component({\n tag: \"u-reset-password-button\",\n shadow: false,\n})\nexport class ResetPasswordButton {\n @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n private handleClick = async () => {\n const authInstance = await Auth.getInstance();\n\n await authInstance.helpers.sendResetPasswordEmail();\n\n if (authState.resetPassword.step === \"sent\") {\n const successMessage = t(\"auth.resetPassword.success_message\", {\n defaultValue: \"Password reset email sent. Please check your inbox.\",\n });\n\n Flash.success.addMessage(successMessage);\n }\n };\n\n private shouldRender(): boolean {\n if ([\"verification\", \"reset-password\"].includes(authState.step)) return true;\n\n if (authState.step === \"single-login\" && authState.sid !== null) return true;\n\n return false;\n }\n\n private getButtonText() {\n if (\n [\"verification\", \"single-login\"].includes(authState.step) &&\n authState.availableLoginOptions &&\n !authState.availableLoginOptions.password\n ) {\n return t(\"auth.resetPassword.button_text_set\", { defaultValue: \"Set Password\" });\n }\n\n if (authState.step === \"reset-password\") {\n return t(\"auth.resetPassword.button_text_resend\", { defaultValue: \"Resend Password Reset Email\" });\n }\n\n return t(\"auth.resetPassword.button_text_reset\", { defaultValue: \"Reset Password\" });\n }\n render() {\n if (!this.shouldRender()) {\n return null;\n }\n\n return (\n <button type=\"button\" onClick={this.handleClick} class={this.componentClassName}>\n {this.getButtonText()}\n </button>\n );\n }\n}\n"],"names":["authState"],"mappings":";;;;;;;;;;;MAUa,mBAAmB,GAAA,MAAA;;;;IACK,kBAAkB,GAAG,EAAE;IAElD,WAAW,GAAG,YAAW;AAC/B,QAAA,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE;AAE7C,QAAA,MAAM,YAAY,CAAC,OAAO,CAAC,sBAAsB,EAAE;QAEnD,IAAIA,KAAS,CAAC,aAAa,CAAC,IAAI,KAAK,MAAM,EAAE;AAC3C,YAAA,MAAM,cAAc,GAAG,CAAC,CAAC,oCAAoC,EAAE;AAC7D,gBAAA,YAAY,EAAE,qDAAqD;AACpE,aAAA,CAAC;AAEF,YAAA,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,cAAc,CAAC;;AAE5C,KAAC;IAEO,YAAY,GAAA;QAClB,IAAI,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC,QAAQ,CAACA,KAAS,CAAC,IAAI,CAAC;AAAE,YAAA,OAAO,IAAI;QAE5E,IAAIA,KAAS,CAAC,IAAI,KAAK,cAAc,IAAIA,KAAS,CAAC,GAAG,KAAK,IAAI;AAAE,YAAA,OAAO,IAAI;AAE5E,QAAA,OAAO,KAAK;;IAGN,aAAa,GAAA;QACnB,IACE,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC,QAAQ,CAACA,KAAS,CAAC,IAAI,CAAC;AACzD,YAAAA,KAAS,CAAC,qBAAqB;AAC/B,YAAA,CAACA,KAAS,CAAC,qBAAqB,CAAC,QAAQ,EACzC;YACA,OAAO,CAAC,CAAC,oCAAoC,EAAE,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC;;AAGlF,QAAA,IAAIA,KAAS,CAAC,IAAI,KAAK,gBAAgB,EAAE;YACvC,OAAO,CAAC,CAAC,uCAAuC,EAAE,EAAE,YAAY,EAAE,6BAA6B,EAAE,CAAC;;QAGpG,OAAO,CAAC,CAAC,sCAAsC,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC;;IAEtF,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE;AACxB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACE,CAAQ,CAAA,QAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAC5E,EAAA,IAAI,CAAC,aAAa,EAAE,CACd;;;;;;"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index-C5jZjlU8.js';
|
|
2
|
+
import { t } from './i18n-CZii1E-s.js';
|
|
3
|
+
import { F as Flash } from './flash-store-Cgu7WoSN.js';
|
|
4
|
+
import { A as Auth } from './auth-C0vldOq6.js';
|
|
5
|
+
import { s as state } from './auth-store-DQaam_Qh.js';
|
|
6
|
+
import './unidy-store-CtifvCkV.js';
|
|
7
|
+
import './index-O6h7SI7-.js';
|
|
8
|
+
import './index-Df-7P3r0.js';
|
|
9
|
+
import './profile-store-BZKApsQm.js';
|
|
10
|
+
import './component-utils-D1lzXl_Z.js';
|
|
11
|
+
|
|
12
|
+
const ResetPasswordButton = class {
|
|
13
|
+
constructor(hostRef) {
|
|
14
|
+
registerInstance(this, hostRef);
|
|
15
|
+
}
|
|
16
|
+
componentClassName = "";
|
|
17
|
+
handleClick = async () => {
|
|
18
|
+
const authInstance = await Auth.getInstance();
|
|
19
|
+
await authInstance.helpers.sendResetPasswordEmail();
|
|
20
|
+
if (state.resetPassword.step === "sent") {
|
|
21
|
+
const successMessage = t("auth.resetPassword.success_message", {
|
|
22
|
+
defaultValue: "Password reset email sent. Please check your inbox.",
|
|
23
|
+
});
|
|
24
|
+
Flash.success.addMessage(successMessage);
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
shouldRender() {
|
|
28
|
+
if (["verification", "reset-password"].includes(state.step))
|
|
29
|
+
return true;
|
|
30
|
+
if (state.step === "single-login" && state.sid !== null)
|
|
31
|
+
return true;
|
|
32
|
+
return false;
|
|
33
|
+
}
|
|
34
|
+
getButtonText() {
|
|
35
|
+
if (["verification", "single-login"].includes(state.step) &&
|
|
36
|
+
state.availableLoginOptions &&
|
|
37
|
+
!state.availableLoginOptions.password) {
|
|
38
|
+
return t("auth.resetPassword.button_text_set", { defaultValue: "Set Password" });
|
|
39
|
+
}
|
|
40
|
+
if (state.step === "reset-password") {
|
|
41
|
+
return t("auth.resetPassword.button_text_resend", { defaultValue: "Resend Password Reset Email" });
|
|
42
|
+
}
|
|
43
|
+
return t("auth.resetPassword.button_text_reset", { defaultValue: "Reset Password" });
|
|
44
|
+
}
|
|
45
|
+
render() {
|
|
46
|
+
if (!this.shouldRender()) {
|
|
47
|
+
return null;
|
|
48
|
+
}
|
|
49
|
+
return (h("button", { type: "button", onClick: this.handleClick, class: this.componentClassName }, this.getButtonText()));
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
export { ResetPasswordButton as u_reset_password_button };
|
|
54
|
+
//# sourceMappingURL=u-reset-password-button.entry.esm.js.map
|