@yoobic/yobi 8.3.0-14 → 8.3.0-15
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/cjs/yoo-copyright.cjs.entry.js +1 -1
- package/dist/cjs/yoo-login.cjs.entry.js +25 -19
- package/dist/cjs/yoo-reset-password.cjs.entry.js +2 -2
- package/dist/cjs/yoo-user-profile.cjs.entry.js +1 -1
- package/dist/collection/feature-platform/login/login/login.css +30 -4
- package/dist/collection/feature-platform/login/login/login.js +21 -18
- package/dist/collection/feature-platform/login/login/parts/Footer.js +1 -1
- package/dist/collection/feature-platform/login/login/parts/Header.js +1 -1
- package/dist/collection/feature-platform/login/login/parts/LoginForm.js +5 -3
- package/dist/collection/feature-platform/login/login/parts/LoginInput.js +1 -1
- package/dist/collection/feature-platform/login/login/parts/LoginOptions.js +4 -2
- package/dist/collection/feature-platform/login/reset-password/reset-password.js +3 -3
- package/dist/collection/feature-platform/menu/copyright/copyright.js +1 -1
- package/dist/collection/feature-platform/menu/user-profile/user-profile.js +1 -1
- package/dist/design-system/yoo-copyright.entry.js +1 -1
- package/dist/design-system/yoo-login.entry.js +25 -19
- package/dist/design-system/yoo-reset-password.entry.js +2 -2
- package/dist/design-system/yoo-user-profile.entry.js +1 -1
- package/dist/esm/yoo-copyright.entry.js +1 -1
- package/dist/esm/yoo-login.entry.js +25 -19
- package/dist/esm/yoo-reset-password.entry.js +2 -2
- package/dist/esm/yoo-user-profile.entry.js +1 -1
- package/dist/types/feature-platform/login/login/parts/LoginForm.d.ts +1 -0
- package/dist/types/feature-platform/login/login/parts/LoginOptions.d.ts +1 -0
- package/dist/types/feature-platform/login/login/types/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -62,7 +62,7 @@ const YooResetPasswordComponent = class {
|
|
|
62
62
|
return [
|
|
63
63
|
!!this.instruction && h("p", null, this.instruction),
|
|
64
64
|
h("yoo-empty-state", { ref: (el) => (this.emptyState = el), type: this.isMagicLink ? 'magic-link' : 'password' }),
|
|
65
|
-
h("yoo-form-input-container", { field: { title: translate('
|
|
65
|
+
h("yoo-form-input-container", { field: { title: translate('YOOBICUSERNAME') }, hideOptional: true, hideLabel: true }, h("yoo-form-input", { ref: (el) => (this.emailInput = el), validators: [{ name: 'required' }], type: "email", uiValidation: { valid: false, invalid: false }, onInputChanged: (event) => this.onInputChanged(event), placeholder: translate('YOOBICUSERNAMEENTER'),
|
|
66
66
|
//! Do not set up onInputBlur without confirming on mobile device (We don't want to have to press submit more than once)
|
|
67
67
|
size: isWeb(this.host) ? 'medium' : 'large' })),
|
|
68
68
|
h("yoo-button", { ref: (el) => (this.submitButton = el), size: isWeb(this.host) ? 'medium' : 'large', color: "app-color", disabled: !this.validity, class: "expanded", onClick: () => this.onSubmit() }, translate('SUBMIT'))
|
|
@@ -71,7 +71,7 @@ const YooResetPasswordComponent = class {
|
|
|
71
71
|
renderResetForm() {
|
|
72
72
|
const slides = [
|
|
73
73
|
{
|
|
74
|
-
title: '
|
|
74
|
+
title: 'YOOBICRESETPASSWORD',
|
|
75
75
|
items: [
|
|
76
76
|
{
|
|
77
77
|
name: 'CREATENEWPASSWORDINSTRUCTION',
|
|
@@ -38,7 +38,7 @@ const YooUserProfileComponent = class {
|
|
|
38
38
|
}
|
|
39
39
|
renderAdvancedLayout() {
|
|
40
40
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
|
|
41
|
-
return (h("div", { class: "profile-content advanced" }, h("div", { class: "profile-title" }, translate('BASICS')), h("div", { class: "profile-links" }, h("ul", { class: "profile-links-menu" }, this.renderItem('PHOTOANDNAME', `${(_a = this.user) === null || _a === void 0 ? void 0 : _a.firstName} ${(_b = this.user) === null || _b === void 0 ? void 0 : _b.lastName}`.trim(), (_c = this.user) === null || _c === void 0 ? void 0 : _c.imageData), this.renderItem('
|
|
41
|
+
return (h("div", { class: "profile-content advanced" }, h("div", { class: "profile-title" }, translate('BASICS')), h("div", { class: "profile-links" }, h("ul", { class: "profile-links-menu" }, this.renderItem('PHOTOANDNAME', `${(_a = this.user) === null || _a === void 0 ? void 0 : _a.firstName} ${(_b = this.user) === null || _b === void 0 ? void 0 : _b.lastName}`.trim(), (_c = this.user) === null || _c === void 0 ? void 0 : _c.imageData), this.renderItem('YOOBICUSERNAME', (_d = this.user) === null || _d === void 0 ? void 0 : _d.username), this.renderItem('YOOBICSTORE', (_f = (_e = this.user) === null || _e === void 0 ? void 0 : _e.location) === null || _f === void 0 ? void 0 : _f.title, (_h = (_g = this.user) === null || _g === void 0 ? void 0 : _g.location) === null || _h === void 0 ? void 0 : _h.imageData), this.renderItem('YOOBICBIO', (_j = this.user) === null || _j === void 0 ? void 0 : _j.description), ((_k = this.user) === null || _k === void 0 ? void 0 : _k.position) && this.renderItem('POSITION', translate((_l = this.user) === null || _l === void 0 ? void 0 : _l.position)), this.renderGroups(), this.renderItem('WORKEMAIL', (_m = this.user) === null || _m === void 0 ? void 0 : _m.email), this.renderItem('PHONENUMBER', (_o = this.user) === null || _o === void 0 ? void 0 : _o.telephone), ((_p = this.user) === null || _p === void 0 ? void 0 : _p.dateOfBirth) && this.renderItem('DATEOFBIRTH', pipes.dateFormat.transform((_q = this.user) === null || _q === void 0 ? void 0 : _q.dateOfBirth, 'L')), ((_r = this.user) === null || _r === void 0 ? void 0 : _r.hiringDate) && this.renderItem('WORKANNIVERSARY', pipes.dateFormat.transform((_s = this.user) === null || _s === void 0 ? void 0 : _s.hiringDate, 'L'))))));
|
|
42
42
|
}
|
|
43
43
|
render() {
|
|
44
44
|
return h(Host, { class: { ...getAppContext(this.host) } }, this.renderAdvancedLayout());
|
|
@@ -20,6 +20,7 @@ interface LoginFormProps {
|
|
|
20
20
|
onFormSubmit: (e: SubmitEvent) => void;
|
|
21
21
|
onShowPassword: () => void;
|
|
22
22
|
helpButtonElement: HTMLYooButtonElement;
|
|
23
|
+
magicButtonElement: HTMLYooButtonElement;
|
|
23
24
|
ssoLoginButtonElement: HTMLYooButtonElement;
|
|
24
25
|
isWhitelabel: boolean;
|
|
25
26
|
buttonColor: string | null;
|
|
@@ -7,6 +7,7 @@ interface LoginOptionsProps {
|
|
|
7
7
|
dividerColor: string;
|
|
8
8
|
googleLoginButtonElement: HTMLYooButtonElement;
|
|
9
9
|
ssoLoginButtonElement: HTMLYooButtonElement;
|
|
10
|
+
host: HTMLYooLoginElement;
|
|
10
11
|
}
|
|
11
12
|
export declare const LoginOptions: FunctionalComponent<LoginOptionsProps>;
|
|
12
13
|
export {};
|
|
@@ -5,6 +5,6 @@ export interface ILoginDetails {
|
|
|
5
5
|
}
|
|
6
6
|
export declare type TMediaSource = string;
|
|
7
7
|
export declare type THexColor = string;
|
|
8
|
-
export declare type TLoginOption = 'SSO' | 'GOOGLE' | 'HELP' | 'SSO-DEFAULT';
|
|
8
|
+
export declare type TLoginOption = 'SSO' | 'GOOGLE' | 'HELP' | 'SSO-DEFAULT' | 'MAGIC';
|
|
9
9
|
export declare type TInputType = 'username' | 'password';
|
|
10
10
|
export declare type TLogoShape = 'horizontal' | 'square';
|