@everymatrix/user-login 1.56.0 → 1.56.3

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.
Files changed (26) hide show
  1. package/dist/cjs/{index-a6009b28.js → index-2eb404c0.js} +71 -208
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/user-login.cjs.entry.js +246 -346
  4. package/dist/cjs/user-login.cjs.js +2 -2
  5. package/dist/collection/collection-manifest.json +2 -2
  6. package/dist/collection/components/user-login/user-login.js +40 -127
  7. package/dist/collection/utils/locale.utils.js +156 -144
  8. package/dist/esm/{index-19313d5e.js → index-996f8854.js} +71 -208
  9. package/dist/esm/loader.js +2 -2
  10. package/dist/esm/user-login.entry.js +246 -346
  11. package/dist/esm/user-login.js +3 -3
  12. package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/user-login/.stencil/packages/stencil/user-login/stencil.config.d.ts +2 -0
  13. package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/user-login/.stencil/packages/stencil/user-login/stencil.config.dev.d.ts +2 -0
  14. package/dist/types/components/user-login/user-login.d.ts +1 -1
  15. package/dist/types/stencil-public-runtime.d.ts +0 -6
  16. package/dist/user-login/p-8cb697c3.js +2 -0
  17. package/dist/user-login/{p-49fced52.entry.js → p-ae8e5f4e.entry.js} +130 -132
  18. package/dist/user-login/user-login.esm.js +1 -1
  19. package/package.json +1 -1
  20. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/user-login/.stencil/packages/stencil/user-login/stencil.config.d.ts +0 -2
  21. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/user-login/.stencil/packages/stencil/user-login/stencil.config.dev.d.ts +0 -2
  22. package/dist/user-login/p-614af01b.js +0 -2
  23. /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/user-login/.stencil/tools/plugins/index.d.ts +0 -0
  24. /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/user-login/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
  25. /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/user-login/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
  26. /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/user-login/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-a6009b28.js');
5
+ const index = require('./index-2eb404c0.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  /*
9
- Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com
9
+ Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
10
10
  */
11
11
  var patchBrowser = () => {
12
12
  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('user-login.cjs.js', document.baseURI).href));
@@ -4,8 +4,8 @@
4
4
  ],
5
5
  "compiler": {
6
6
  "name": "@stencil/core",
7
- "version": "4.26.0",
8
- "typescriptVersion": "5.5.4"
7
+ "version": "4.19.2",
8
+ "typescriptVersion": "5.4.5"
9
9
  },
10
10
  "collections": [],
11
11
  "bundles": []
@@ -4,94 +4,6 @@ import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../.
4
4
  import "@vaadin/combo-box";
5
5
  export class UserLogin {
6
6
  constructor() {
7
- /**
8
- * API endpoint URL for login requests
9
- */
10
- this.endpoint = '';
11
- /**
12
- * Language code for translations (default is 'en')
13
- */
14
- this.lang = 'en';
15
- /**
16
- * Inline CSS styling provided by the client
17
- */
18
- this.clientStyling = '';
19
- /**
20
- * URL to load additional CSS styling
21
- */
22
- this.clientStylingUrl = '';
23
- /**
24
- * URL for fetching translations
25
- */
26
- this.translationUrl = '';
27
- /**
28
- * Flag indicating whether the password reset feature is enabled
29
- */
30
- this.passwordReset = 'false';
31
- /**
32
- * Regex options for user email validation
33
- */
34
- this.userEmailRegexOptions = 'i';
35
- /**
36
- * User phone regex options
37
- */
38
- this.userPhoneRegexOptions = '';
39
- /**
40
- * Regex options for password validation
41
- */
42
- this.passwordRegexOptions = '';
43
- /**
44
- * Flag to determine if the component uses version 2 of the API
45
- */
46
- this.version = 'gm16';
47
- /**
48
- * If set to true, login will be done by phone number, else by username/email
49
- */
50
- this.loginByPhoneNumber = 'false';
51
- /**
52
- * User email or username entered in the form
53
- */
54
- this.userNameEmail = '';
55
- /**
56
- * Password entered in the form
57
- */
58
- this.userPassword = '';
59
- /**
60
- * Flag to indicate whether the entered email is valid
61
- */
62
- this.isValidUserEmail = true;
63
- /**
64
- * User phone entered in the form
65
- */
66
- this.userPhone = '';
67
- /**
68
- * User prefix entered in the form
69
- */
70
- this.userPrefix = '';
71
- /**
72
- * Flag to indicate whether the entered password is valid
73
- */
74
- this.isValidPassword = true;
75
- /**
76
- * Flag to indicate whether the entered phone is valid
77
- */
78
- this.isValidUserPhone = true;
79
- /**
80
- * Toggles visibility of the password field
81
- */
82
- this.isPasswordVisible = false;
83
- /**
84
- * Stores error message from the API
85
- */
86
- this.errorMessage = '';
87
- /**
88
- * Indicates whether an error has occurred
89
- */
90
- this.hasError = false;
91
- /**
92
- * Boolean for preventing user for clicking multiple times the login button
93
- */
94
- this.isLoginLoading = false;
95
7
  this.errorCode = '';
96
8
  /**
97
9
  * Fetch phone prefixes from the API
@@ -225,7 +137,11 @@ export class UserLogin {
225
137
  window.postMessage({ type: 'PlayerActions', gmversion: 'gm16' }, window.location.href);
226
138
  }
227
139
  if ((data === null || data === void 0 ? void 0 : data.hasToSetPass) === true) {
140
+ this.hasError = true;
141
+ this.errorMessage = translate(`setUpPassowrd`, this.lang);
142
+ this.sendErrorNotification(translate(`setUpPassowrd`, this.lang));
228
143
  window.postMessage({ type: 'HasToSetPass' }, window.location.href);
144
+ return;
229
145
  }
230
146
  if (data.sessionId) {
231
147
  window.postMessage({ type: 'UserSessionID', session: data.sessionId, userid: data.userId }, window.location.href);
@@ -335,6 +251,33 @@ export class UserLogin {
335
251
  this.resetPassword = () => {
336
252
  window.postMessage({ type: "NavForgotPassword" }, window.location.href);
337
253
  };
254
+ this.endpoint = '';
255
+ this.lang = 'en';
256
+ this.clientStyling = '';
257
+ this.clientStylingUrl = '';
258
+ this.translationUrl = '';
259
+ this.passwordReset = 'false';
260
+ this.userEmailRegex = undefined;
261
+ this.userEmailRegexOptions = 'i';
262
+ this.userPhoneRegex = undefined;
263
+ this.userPhoneRegexOptions = '';
264
+ this.passwordRegex = undefined;
265
+ this.passwordRegexOptions = '';
266
+ this.version = 'gm16';
267
+ this.loginByPhoneNumber = 'false';
268
+ this.userNameEmail = '';
269
+ this.userPassword = '';
270
+ this.isValidUserEmail = true;
271
+ this.userPhone = '';
272
+ this.userPrefix = '';
273
+ this.isValidPassword = true;
274
+ this.isValidUserPhone = true;
275
+ this.isPasswordVisible = false;
276
+ this.errorMessage = '';
277
+ this.hasError = false;
278
+ this.userPrefixOptions = undefined;
279
+ this.isLoginLoading = false;
280
+ this.mbSource = undefined;
338
281
  }
339
282
  /**
340
283
  * Watch for changes in the translation URL and fetch new translations
@@ -443,20 +386,20 @@ export class UserLogin {
443
386
  * Render function
444
387
  */
445
388
  render() {
446
- let visibilityIcon = h("span", { key: '71afd6ceaadffb85628b778461b29de0902828ea', class: "InputIcon" }, this.isPasswordVisible &&
447
- h("svg", { key: '6a225b596b01f40e27905815fd0d9ffba26cfdf0', onClick: () => this.togglePassword(), class: "TogglePasswordVisibility", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.844", height: "12.887", viewBox: "0 0 18.844 12.887" }, h("g", { key: 'c9a519cf32a8091f4c300a772d29962a082830a2', transform: "translate(-110.856 -23.242)" }, h("circle", { key: '66e1c978ceeb22f0e253043299afad694e81ad63', class: "PasswordVisibilityIcon", cx: "0.05", cy: "0.05", r: "0.05", transform: "translate(121.017 31.148)" }), h("g", { key: '119088e31332f37b4a5e7dc217076865367f3f0f', transform: "translate(117.499 27.37)" }, h("path", { key: '3c681ad519dd9c44a76d9a7492defa6090b10de2', class: "PasswordVisibilityIcon", d: "M147.413,43.174a2.774,2.774,0,0,0-3.229-3.943Z", transform: "translate(-142.164 -39.123)" }), h("path", { key: '848eec923e9836a2afdb22c10e31880722303872', class: "PasswordVisibilityIcon", d: "M137.031,43.1a2.778,2.778,0,0,0,3.447,4.209Z", transform: "translate(-136.413 -42.068)" })), h("g", { key: '9e4cba160d9616ebf07bafd444f75a88ce206727', transform: "translate(110.856 24.899)" }, h("path", { key: '5e10308f7dfb63ebcd9cc79a889bd294d350cc70', class: "PasswordVisibilityIcon", d: "M122.538,42.061a7.043,7.043,0,0,1-2.325.53,10.373,10.373,0,0,1-4.393-1.482,36.509,36.509,0,0,1-3.873-2.391.13.13,0,0,1,0-.208,44.141,44.141,0,0,1,3.873-2.651c.394-.233.768-.437,1.13-.622l-.686-.838c-.322.167-.651.347-.99.55a37.989,37.989,0,0,0-3.977,2.729,1.21,1.21,0,0,0-.442.962,1.1,1.1,0,0,0,.494.936,34.416,34.416,0,0,0,3.977,2.469,11.468,11.468,0,0,0,4.886,1.611,8.427,8.427,0,0,0,3.039-.725Z", transform: "translate(-110.856 -33.157)" }), h("path", { key: '8edfb9e3cd9a5311ff6110d8b3ee259b3b147948', class: "PasswordVisibilityIcon", d: "M149.119,34.14a45.875,45.875,0,0,0-4.055-2.729,20.541,20.541,0,0,0-2.547-1.248,5.6,5.6,0,0,0-4.79-.017l.7.856a5.254,5.254,0,0,1,1.672-.346,10.072,10.072,0,0,1,4.445,1.663,34.132,34.132,0,0,1,3.925,2.651.13.13,0,0,1,0,.208,40.2,40.2,0,0,1-3.925,2.391c-.179.092-.352.176-.525.26l.684.835c.1-.054.2-.1.309-.159a36.356,36.356,0,0,0,4.055-2.469,1.067,1.067,0,0,0,.52-.936A1.159,1.159,0,0,0,149.119,34.14Z", transform: "translate(-130.743 -29.617)" })), h("rect", { key: '49043741301adab184dc1d59991ef3b27b0ccf06', class: "PasswordVisibilityIcon", width: "0.972", height: "15.861", rx: "0.486", transform: "translate(114.827 23.858) rotate(-39.315)" }))), !this.isPasswordVisible &&
448
- h("svg", { key: 'd2d81b2e62b82d727f3cf213e8648b1234756d24', onClick: () => this.togglePassword(), class: "TogglePasswordVisibility PasswordVisible", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.843", height: "10.5", viewBox: "0 0 18.843 10.5" }, h("g", { key: 'c339af52be1114881a0b86c5cc123f7416cf93fc', transform: "translate(-14.185 -27.832)" }, h("path", { key: 'd2943c5428f9b1c614456174a9a61e2218a976c9', class: "PasswordVisibilityIcon", d: "M23.541,38.332a11.467,11.467,0,0,1-4.886-1.611,34.413,34.413,0,0,1-3.976-2.469,1.1,1.1,0,0,1-.494-.936,1.21,1.21,0,0,1,.442-.962A37.986,37.986,0,0,1,18.6,29.625a16.06,16.06,0,0,1,2.521-1.248,6.862,6.862,0,0,1,2.417-.546,6.862,6.862,0,0,1,2.417.546,20.541,20.541,0,0,1,2.547,1.248,45.872,45.872,0,0,1,4.054,2.729,1.159,1.159,0,0,1,.468.962,1.067,1.067,0,0,1-.52.936,36.353,36.353,0,0,1-4.054,2.469A11.2,11.2,0,0,1,23.541,38.332Zm0-9.46a9.813,9.813,0,0,0-4.392,1.663,44.138,44.138,0,0,0-3.873,2.651.13.13,0,0,0,0,.208,36.5,36.5,0,0,0,3.873,2.391,10.372,10.372,0,0,0,4.392,1.481,11.051,11.051,0,0,0,4.444-1.481,40.2,40.2,0,0,0,3.925-2.391.13.13,0,0,0,0-.208h0a34.132,34.132,0,0,0-3.925-2.651A10.072,10.072,0,0,0,23.541,28.872Z", transform: "translate(0)" }), h("circle", { key: '1eb8d4910f1e4cf0ef54c2c7e90c9c3682931c9c', class: "PasswordVisibilityIcon", cx: "2.779", cy: "2.779", r: "2.779", transform: "translate(20.827 30.303)" }))));
449
- let userIdentification = h("div", { key: '143c5be0c352d46e26842a815ed6a973121fd3f9', class: "FormBox" }, h("div", { key: '33f8723225e7d92f9be23787dc7ac596e68ef179', class: "FormValue" }, this.loginByPhoneNumber === 'true'
389
+ let visibilityIcon = h("span", { key: '8faa0976496b69519a0197f7091d0236fa8fd730', class: "InputIcon" }, this.isPasswordVisible &&
390
+ h("svg", { key: '09bdd37ae2a2f3f66d642d665dd665ad63de447e', onClick: () => this.togglePassword(), class: "TogglePasswordVisibility", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.844", height: "12.887", viewBox: "0 0 18.844 12.887" }, h("g", { key: 'f7e3c9b5065fde29b80d16f73333f152bd15a66e', transform: "translate(-110.856 -23.242)" }, h("circle", { key: '9ecc3218d6cf3873c69b215f670121fab31e1aec', class: "PasswordVisibilityIcon", cx: "0.05", cy: "0.05", r: "0.05", transform: "translate(121.017 31.148)" }), h("g", { key: 'd57cbfb0ff90a839297c0e018602c25350cdd5b4', transform: "translate(117.499 27.37)" }, h("path", { key: '2c8992bc61850da7aad512762db6e10e6a4bfc17', class: "PasswordVisibilityIcon", d: "M147.413,43.174a2.774,2.774,0,0,0-3.229-3.943Z", transform: "translate(-142.164 -39.123)" }), h("path", { key: 'b2696439c6cdaeacc4db04fc599f454692b6b9d4', class: "PasswordVisibilityIcon", d: "M137.031,43.1a2.778,2.778,0,0,0,3.447,4.209Z", transform: "translate(-136.413 -42.068)" })), h("g", { key: 'e83a07b29f3559f536f8792a07add684974279cb', transform: "translate(110.856 24.899)" }, h("path", { key: 'ac216185b12b7dbf505c0d4c679a2b44c76c8a00', class: "PasswordVisibilityIcon", d: "M122.538,42.061a7.043,7.043,0,0,1-2.325.53,10.373,10.373,0,0,1-4.393-1.482,36.509,36.509,0,0,1-3.873-2.391.13.13,0,0,1,0-.208,44.141,44.141,0,0,1,3.873-2.651c.394-.233.768-.437,1.13-.622l-.686-.838c-.322.167-.651.347-.99.55a37.989,37.989,0,0,0-3.977,2.729,1.21,1.21,0,0,0-.442.962,1.1,1.1,0,0,0,.494.936,34.416,34.416,0,0,0,3.977,2.469,11.468,11.468,0,0,0,4.886,1.611,8.427,8.427,0,0,0,3.039-.725Z", transform: "translate(-110.856 -33.157)" }), h("path", { key: '9985a70080cc4d4b3089a2c7315f506f2f8a32bc', class: "PasswordVisibilityIcon", d: "M149.119,34.14a45.875,45.875,0,0,0-4.055-2.729,20.541,20.541,0,0,0-2.547-1.248,5.6,5.6,0,0,0-4.79-.017l.7.856a5.254,5.254,0,0,1,1.672-.346,10.072,10.072,0,0,1,4.445,1.663,34.132,34.132,0,0,1,3.925,2.651.13.13,0,0,1,0,.208,40.2,40.2,0,0,1-3.925,2.391c-.179.092-.352.176-.525.26l.684.835c.1-.054.2-.1.309-.159a36.356,36.356,0,0,0,4.055-2.469,1.067,1.067,0,0,0,.52-.936A1.159,1.159,0,0,0,149.119,34.14Z", transform: "translate(-130.743 -29.617)" })), h("rect", { key: 'e02cc8f65db8593a3b08d618a623f76a3da81ce1', class: "PasswordVisibilityIcon", width: "0.972", height: "15.861", rx: "0.486", transform: "translate(114.827 23.858) rotate(-39.315)" }))), !this.isPasswordVisible &&
391
+ h("svg", { key: '43c407d82e8bdcea2cfb3a43bfda2c98e5804436', onClick: () => this.togglePassword(), class: "TogglePasswordVisibility PasswordVisible", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.843", height: "10.5", viewBox: "0 0 18.843 10.5" }, h("g", { key: '6405d54694b21612833f9d1d22d66d60f2d9d871', transform: "translate(-14.185 -27.832)" }, h("path", { key: '2ed25088274ee5f42893872a568531515fb2e307', class: "PasswordVisibilityIcon", d: "M23.541,38.332a11.467,11.467,0,0,1-4.886-1.611,34.413,34.413,0,0,1-3.976-2.469,1.1,1.1,0,0,1-.494-.936,1.21,1.21,0,0,1,.442-.962A37.986,37.986,0,0,1,18.6,29.625a16.06,16.06,0,0,1,2.521-1.248,6.862,6.862,0,0,1,2.417-.546,6.862,6.862,0,0,1,2.417.546,20.541,20.541,0,0,1,2.547,1.248,45.872,45.872,0,0,1,4.054,2.729,1.159,1.159,0,0,1,.468.962,1.067,1.067,0,0,1-.52.936,36.353,36.353,0,0,1-4.054,2.469A11.2,11.2,0,0,1,23.541,38.332Zm0-9.46a9.813,9.813,0,0,0-4.392,1.663,44.138,44.138,0,0,0-3.873,2.651.13.13,0,0,0,0,.208,36.5,36.5,0,0,0,3.873,2.391,10.372,10.372,0,0,0,4.392,1.481,11.051,11.051,0,0,0,4.444-1.481,40.2,40.2,0,0,0,3.925-2.391.13.13,0,0,0,0-.208h0a34.132,34.132,0,0,0-3.925-2.651A10.072,10.072,0,0,0,23.541,28.872Z", transform: "translate(0)" }), h("circle", { key: '55db780da0e461d20f3feae2723a982ad705823c', class: "PasswordVisibilityIcon", cx: "2.779", cy: "2.779", r: "2.779", transform: "translate(20.827 30.303)" }))));
392
+ let userIdentification = h("div", { key: '7dabe085c16690665908703468baac7e60888e9f', class: "FormBox" }, h("div", { key: '701c9d1f0297e53d8204bd8f7e75450bd601bd6e', class: "FormValue" }, this.loginByPhoneNumber === 'true'
450
393
  ? h("div", { class: (!this.isValidUserPhone || this.hasError) ? 'InputBox InputInvalidBox' : 'InputBox ' }, h("div", { class: "PhoneInputBox" }, h("div", { class: "PrefixBox" }, h("vaadin-combo-box", { items: this.userPrefixOptions, value: this.userPrefix, onChange: this.handleInputChangePartial('prefix') }), h("label", { class: (this.userPrefix ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserPhone || this.hasError ? 'FieldInvalid' : '') }, translate('userPrefix', this.lang))), h("div", { class: "PhoneBox" }, h("input", { type: "text", placeholder: '', value: this.userPhone, onFocus: this.handleInputChangePartial('phone'), onInput: this.handleInputChangePartial('phone'), autocapitalize: "none", required: true }), h("label", { class: (this.userPhone ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserPhone || this.hasError ? 'FieldInvalid' : '') }, translate('userPhone', this.lang)))), !this.isValidUserPhone &&
451
394
  h("p", { class: "InvalidField" }, translate('invalidField', this.lang)))
452
395
  : h("div", { class: (!this.isValidUserEmail || this.hasError) ? 'InputBox InputInvalidBox' : 'InputBox' }, h("input", { type: "text", placeholder: '', value: this.userNameEmail, onFocus: this.handleInputChangePartial('user'), onInput: this.handleInputChangePartial('user'), autocapitalize: "none", required: true }), h("label", { class: (this.userNameEmail ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserEmail || this.hasError ? 'FieldInvalid' : '') }, translate('userEmail', this.lang)), !this.isValidUserEmail &&
453
- h("p", { class: "InvalidField" }, translate('invalidField', this.lang))), h("div", { key: '9419d55bcd0ad2b4150230adffbc91ab78a659de', class: (!this.isValidPassword || this.hasError) ? 'InputBox InputInvalidBox' : 'InputBox' }, visibilityIcon, h("input", { key: '6d19dad4378cf2017b23eb178afe965024959efd', type: this.isPasswordVisible ? "text" : "password", placeholder: '', value: this.userPassword, onFocus: this.handleInputChangePartial('password'), onInput: this.handleInputChangePartial('password'), autocapitalize: "none", required: true }), h("label", { key: 'd0de7cc9e8eda5a7394c4c9331187ffb624a4f52', class: (this.userPassword ? 'FieldFilledIn' : '') + ' ' + (!this.isValidPassword || this.hasError ? 'FieldInvalid' : '') }, translate('password', this.lang)), !this.isValidPassword &&
454
- h("p", { key: 'd50953d4f715cee928867a225e761e1e1f1c79d2', class: "InvalidField" }, translate('invalidField', this.lang))), this.passwordReset == 'true' &&
455
- h("div", { key: '473140822bffab203e72484a412473b43c9489cb', class: "ForgotPassword" }, h("button", { key: '2a70704da11f44d41dd4a5cacef0cc9c16e502cd', onClick: this.resetPassword }, translate('forgotPassword', this.lang))), h("button", { key: 'f7e805bd942e78cedaf13386e3c2c28d77ca838e', disabled: ((this.loginByPhoneNumber !== 'true' && (!this.isValidUserEmail || !this.userNameEmail)) ||
396
+ h("p", { class: "InvalidField" }, translate('invalidField', this.lang))), h("div", { key: '3cd3fde43f1e060d98bc17cd021d40ac0a3daf25', class: (!this.isValidPassword || this.hasError) ? 'InputBox InputInvalidBox' : 'InputBox' }, visibilityIcon, h("input", { key: '33d7b8b4db8976dd8677444165a1138917d05c68', type: this.isPasswordVisible ? "text" : "password", placeholder: '', value: this.userPassword, onFocus: this.handleInputChangePartial('password'), onInput: this.handleInputChangePartial('password'), autocapitalize: "none", required: true }), h("label", { key: '11decfd4b4bd61163e8c5c002b46c84ee9ff3020', class: (this.userPassword ? 'FieldFilledIn' : '') + ' ' + (!this.isValidPassword || this.hasError ? 'FieldInvalid' : '') }, translate('password', this.lang)), !this.isValidPassword &&
397
+ h("p", { key: '5c2d02b6a329227b9e73c36195ed7e160832a733', class: "InvalidField" }, translate('invalidField', this.lang))), this.passwordReset == 'true' &&
398
+ h("div", { key: '40a59ed73a4247180b179267e3b7a83a010d6649', class: "ForgotPassword" }, h("button", { key: 'b3045a97541f13bcab8b2997af26b595d6dd2b6f', onClick: this.resetPassword }, translate('forgotPassword', this.lang))), h("button", { key: 'ca3f956411dca0a6bf54894c5e14bbe2767a53a0', disabled: ((this.loginByPhoneNumber !== 'true' && (!this.isValidUserEmail || !this.userNameEmail)) ||
456
399
  (this.loginByPhoneNumber === 'true' && (!this.isValidUserPhone || !this.userPhone || !this.userPrefix)) ||
457
400
  !this.userPassword || !this.isValidPassword) || this.isLoginLoading, class: "SubmitCredentials", onClick: this.handleLogin }, translate('login', this.lang)), this.hasError &&
458
- h("p", { key: '82d4a1726632e6f131f95c0ab90f92b76a6acbf4', class: "CredentialsError" }, this.errorMessage)));
459
- return h("section", { key: 'dd20c1edeb5425b4173fe86dd339d46aff0884db', ref: el => this.stylingContainer = el }, userIdentification);
401
+ h("p", { key: '6641f60f97cd7f9e81e3097935dfcfb4b8ab6552', class: "CredentialsError" }, this.errorMessage)));
402
+ return h("section", { key: '49d2252c207e8148d230f2f90bf4d1d567df4aae', ref: el => this.stylingContainer = el }, userIdentification);
460
403
  }
461
404
  static get is() { return "user-login"; }
462
405
  static get encapsulation() { return "shadow"; }
@@ -486,8 +429,6 @@ export class UserLogin {
486
429
  "tags": [],
487
430
  "text": "API endpoint URL for login requests"
488
431
  },
489
- "getter": false,
490
- "setter": false,
491
432
  "attribute": "endpoint",
492
433
  "reflect": true,
493
434
  "defaultValue": "''"
@@ -506,8 +447,6 @@ export class UserLogin {
506
447
  "tags": [],
507
448
  "text": "Language code for translations (default is 'en')"
508
449
  },
509
- "getter": false,
510
- "setter": false,
511
450
  "attribute": "lang",
512
451
  "reflect": true,
513
452
  "defaultValue": "'en'"
@@ -526,8 +465,6 @@ export class UserLogin {
526
465
  "tags": [],
527
466
  "text": "Inline CSS styling provided by the client"
528
467
  },
529
- "getter": false,
530
- "setter": false,
531
468
  "attribute": "client-styling",
532
469
  "reflect": true,
533
470
  "defaultValue": "''"
@@ -546,8 +483,6 @@ export class UserLogin {
546
483
  "tags": [],
547
484
  "text": "URL to load additional CSS styling"
548
485
  },
549
- "getter": false,
550
- "setter": false,
551
486
  "attribute": "client-styling-url",
552
487
  "reflect": true,
553
488
  "defaultValue": "''"
@@ -566,8 +501,6 @@ export class UserLogin {
566
501
  "tags": [],
567
502
  "text": "URL for fetching translations"
568
503
  },
569
- "getter": false,
570
- "setter": false,
571
504
  "attribute": "translation-url",
572
505
  "reflect": true,
573
506
  "defaultValue": "''"
@@ -586,8 +519,6 @@ export class UserLogin {
586
519
  "tags": [],
587
520
  "text": "Flag indicating whether the password reset feature is enabled"
588
521
  },
589
- "getter": false,
590
- "setter": false,
591
522
  "attribute": "password-reset",
592
523
  "reflect": true,
593
524
  "defaultValue": "'false'"
@@ -606,8 +537,6 @@ export class UserLogin {
606
537
  "tags": [],
607
538
  "text": "Regular expression for validating the user email"
608
539
  },
609
- "getter": false,
610
- "setter": false,
611
540
  "attribute": "user-email-regex",
612
541
  "reflect": true
613
542
  },
@@ -625,8 +554,6 @@ export class UserLogin {
625
554
  "tags": [],
626
555
  "text": "Regex options for user email validation"
627
556
  },
628
- "getter": false,
629
- "setter": false,
630
557
  "attribute": "user-email-regex-options",
631
558
  "reflect": true,
632
559
  "defaultValue": "'i'"
@@ -645,8 +572,6 @@ export class UserLogin {
645
572
  "tags": [],
646
573
  "text": "User phone regex"
647
574
  },
648
- "getter": false,
649
- "setter": false,
650
575
  "attribute": "user-phone-regex",
651
576
  "reflect": true
652
577
  },
@@ -664,8 +589,6 @@ export class UserLogin {
664
589
  "tags": [],
665
590
  "text": "User phone regex options"
666
591
  },
667
- "getter": false,
668
- "setter": false,
669
592
  "attribute": "user-phone-regex-options",
670
593
  "reflect": true,
671
594
  "defaultValue": "''"
@@ -684,8 +607,6 @@ export class UserLogin {
684
607
  "tags": [],
685
608
  "text": "Regular expression for validating the password"
686
609
  },
687
- "getter": false,
688
- "setter": false,
689
610
  "attribute": "password-regex",
690
611
  "reflect": true
691
612
  },
@@ -703,8 +624,6 @@ export class UserLogin {
703
624
  "tags": [],
704
625
  "text": "Regex options for password validation"
705
626
  },
706
- "getter": false,
707
- "setter": false,
708
627
  "attribute": "password-regex-options",
709
628
  "reflect": true,
710
629
  "defaultValue": "''"
@@ -723,8 +642,6 @@ export class UserLogin {
723
642
  "tags": [],
724
643
  "text": "Flag to determine if the component uses version 2 of the API"
725
644
  },
726
- "getter": false,
727
- "setter": false,
728
645
  "attribute": "version",
729
646
  "reflect": true,
730
647
  "defaultValue": "'gm16'"
@@ -743,8 +660,6 @@ export class UserLogin {
743
660
  "tags": [],
744
661
  "text": "If set to true, login will be done by phone number, else by username/email"
745
662
  },
746
- "getter": false,
747
- "setter": false,
748
663
  "attribute": "login-by-phone-number",
749
664
  "reflect": true,
750
665
  "defaultValue": "'false'"
@@ -763,8 +678,6 @@ export class UserLogin {
763
678
  "tags": [],
764
679
  "text": ""
765
680
  },
766
- "getter": false,
767
- "setter": false,
768
681
  "attribute": "mb-source",
769
682
  "reflect": true
770
683
  }