@everymatrix/user-login 1.74.7 → 1.74.10

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 (22) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/user-login.cjs.entry.js +656 -219
  3. package/dist/cjs/user-login.cjs.js +1 -1
  4. package/dist/collection/components/user-login/user-login.css +10 -2
  5. package/dist/collection/components/user-login/user-login.js +69 -19
  6. package/dist/esm/loader.js +1 -1
  7. package/dist/esm/user-login.entry.js +656 -219
  8. package/dist/esm/user-login.js +1 -1
  9. package/dist/types/components/user-login/user-login.d.ts +21 -50
  10. package/dist/types/components.d.ts +16 -0
  11. package/dist/user-login/user-login.entry.js +616 -184
  12. package/dist/user-login/user-login.esm.js +1 -1
  13. package/package.json +1 -1
  14. /package/dist/types/Users/{maria.bumbar/Desktop/Widgets & Template → sebastian.strulea/Documents/work}/widgets-monorepo/packages/stencil/user-login/.stencil/libs/common/src/storybook/storybook-utils.d.ts +0 -0
  15. /package/dist/types/Users/{maria.bumbar/Desktop/Widgets & Template → sebastian.strulea/Documents/work}/widgets-monorepo/packages/stencil/user-login/.stencil/packages/stencil/user-login/stencil.config.d.ts +0 -0
  16. /package/dist/types/Users/{maria.bumbar/Desktop/Widgets & Template → sebastian.strulea/Documents/work}/widgets-monorepo/packages/stencil/user-login/.stencil/packages/stencil/user-login/stencil.config.dev.d.ts +0 -0
  17. /package/dist/types/Users/{maria.bumbar/Desktop/Widgets & Template → sebastian.strulea/Documents/work}/widgets-monorepo/packages/stencil/user-login/.stencil/packages/stencil/user-login/storybook/main.d.ts +0 -0
  18. /package/dist/types/Users/{maria.bumbar/Desktop/Widgets & Template → sebastian.strulea/Documents/work}/widgets-monorepo/packages/stencil/user-login/.stencil/packages/stencil/user-login/storybook/preview.d.ts +0 -0
  19. /package/dist/types/Users/{maria.bumbar/Desktop/Widgets & Template → sebastian.strulea/Documents/work}/widgets-monorepo/packages/stencil/user-login/.stencil/tools/plugins/index.d.ts +0 -0
  20. /package/dist/types/Users/{maria.bumbar/Desktop/Widgets & Template → sebastian.strulea/Documents/work}/widgets-monorepo/packages/stencil/user-login/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
  21. /package/dist/types/Users/{maria.bumbar/Desktop/Widgets & Template → sebastian.strulea/Documents/work}/widgets-monorepo/packages/stencil/user-login/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
  22. /package/dist/types/Users/{maria.bumbar/Desktop/Widgets & Template → sebastian.strulea/Documents/work}/widgets-monorepo/packages/stencil/user-login/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
@@ -19,7 +19,7 @@ var patchBrowser = () => {
19
19
 
20
20
  patchBrowser().then(async (options) => {
21
21
  await appGlobals.globalScripts();
22
- return index.bootstrapLazy([["user-login.cjs",[[1,"user-login",{"endpoint":[513],"lang":[1537],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"passwordReset":[513,"password-reset"],"userEmailRegex":[513,"user-email-regex"],"userEmailRegexOptions":[513,"user-email-regex-options"],"userPhoneRegex":[513,"user-phone-regex"],"userPhoneRegexOptions":[513,"user-phone-regex-options"],"passwordRegex":[513,"password-regex"],"passwordRegexOptions":[513,"password-regex-options"],"version":[513],"loginByPhoneNumber":[513,"login-by-phone-number"],"mbSource":[513,"mb-source"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"userPhone":[32],"userPrefix":[32],"isValidPassword":[32],"isValidUserPhone":[32],"isPasswordVisible":[32],"errorMessage":[32],"errorForFields":[32],"hasError":[32],"phoneCodes":[32],"isLoginLoading":[32],"captchaData":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}]]]], options);
22
+ return index.bootstrapLazy([["user-login.cjs",[[1,"user-login",{"endpoint":[513],"lang":[1537],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"passwordReset":[513,"password-reset"],"userEmailRegex":[513,"user-email-regex"],"userEmailRegexOptions":[513,"user-email-regex-options"],"userPhoneRegex":[513,"user-phone-regex"],"userPhoneRegexOptions":[513,"user-phone-regex-options"],"passwordRegex":[513,"password-regex"],"passwordRegexOptions":[513,"password-regex-options"],"version":[513],"loginByPhoneNumber":[513,"login-by-phone-number"],"defaultPrefix":[513,"default-prefix"],"isPrefixEditable":[513,"is-prefix-editable"],"mbSource":[513,"mb-source"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"userPhone":[32],"userPrefix":[32],"isValidPassword":[32],"isValidUserPhone":[32],"isPasswordVisible":[32],"errorMessage":[32],"errorForFields":[32],"hasError":[32],"phoneCodes":[32],"isLoginLoading":[32],"captchaData":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}]]]], options);
23
23
  });
24
24
 
25
25
  exports.setNonce = index.setNonce;
@@ -42,6 +42,14 @@ section {
42
42
  position: relative;
43
43
  width: fit-content;
44
44
  }
45
+ .InputBox .PhoneInputBox .PrefixBox .UneditablePrefix {
46
+ height: 50px;
47
+ width: 100px;
48
+ padding: 0 0 0 5px;
49
+ align-content: center;
50
+ background: var(--emw--color-gray-100, #e6e6e6);
51
+ border-radius: var(--emw--border-radius-medium, 10px);
52
+ }
45
53
  .InputBox.InputInvalidBox .PasswordVisibilityIcon {
46
54
  fill: var(--emfw-w-color-error, var(--emw--color-red, #FD2839));
47
55
  }
@@ -103,13 +111,13 @@ section {
103
111
  /* animations: start */
104
112
  input:focus ~ label,
105
113
  label.FieldFilledIn {
106
- top: -3px;
114
+ top: -10px;
107
115
  font-size: var(--emw--font-size-x-small, 16px);
108
116
  }
109
117
 
110
118
  vaadin-combo-box:focus-within ~ label,
111
119
  label.FieldFilledIn {
112
- top: -3px;
120
+ top: -10px;
113
121
  font-size: var(--emw--font-size-x-small, 16px);
114
122
  }
115
123
 
@@ -13,11 +13,7 @@ export class UserLogin {
13
13
  const url = new URL('v1/player/operatorSupportedPhoneCodes', this.endpoint);
14
14
  return fetch(url.href)
15
15
  .then(res => res.json())
16
- .then(data => {
17
- this.phoneCodes = data.phoneCodes.map(code => {
18
- return { label: code, value: code };
19
- });
20
- })
16
+ .then(data => data.phoneCodes.map(code => ({ label: code, value: code })))
21
17
  .catch(err => console.log('Failed to fetch phone codes:', err));
22
18
  };
23
19
  /**
@@ -288,6 +284,9 @@ export class UserLogin {
288
284
  this.passwordRegexOptions = '';
289
285
  this.version = 'gm16';
290
286
  this.loginByPhoneNumber = 'false';
287
+ this.defaultPrefix = undefined;
288
+ this.isPrefixEditable = 'true';
289
+ this.mbSource = undefined;
291
290
  this.userNameEmail = '';
292
291
  this.userPassword = '';
293
292
  this.isValidUserEmail = true;
@@ -307,7 +306,6 @@ export class UserLogin {
307
306
  provider: '',
308
307
  siteKey: ''
309
308
  };
310
- this.mbSource = undefined;
311
309
  }
312
310
  /**
313
311
  * Watch for changes in the translation URL and fetch new translations
@@ -343,7 +341,22 @@ export class UserLogin {
343
341
  */
344
342
  async componentWillLoad() {
345
343
  if (this.loginByPhoneNumber === 'true') {
346
- await this.getPhoneCodes();
344
+ if (this.defaultPrefix && this.isPrefixEditable === 'false') {
345
+ this.phoneCodes = [{ label: this.defaultPrefix, value: this.defaultPrefix }];
346
+ this.userPrefix = this.defaultPrefix;
347
+ }
348
+ else {
349
+ this.phoneCodes = await this.getPhoneCodes();
350
+ if (!this.defaultPrefix && this.isPrefixEditable === 'false') {
351
+ this.userPrefix = this.phoneCodes[0].value;
352
+ }
353
+ else if (this.defaultPrefix && this.isPrefixEditable === 'true') {
354
+ this.userPrefix = this.defaultPrefix;
355
+ if (!this.phoneCodes.some(c => c.value === this.defaultPrefix)) {
356
+ this.phoneCodes.push({ label: this.defaultPrefix, value: this.defaultPrefix });
357
+ }
358
+ }
359
+ }
347
360
  }
348
361
  if (this.translationUrl.length > 2) {
349
362
  await getTranslations(this.translationUrl);
@@ -520,20 +533,22 @@ export class UserLogin {
520
533
  * Render function
521
534
  */
522
535
  render() {
523
- let visibilityIcon = h("span", { key: '43f1247ac5ed302e6d2b5650313001b38e683e97', class: "InputIcon" }, this.isPasswordVisible &&
524
- h("svg", { key: '698179c240b4bef5f0ff4d862fdbf09b395bb0a5', 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: 'ce73a3080503f8a2f6a4f840dbb161a9d3a8eedd', transform: "translate(-110.856 -23.242)" }, h("circle", { key: '0867f397b59b5a6b0e7fe94c9edf94229524b4f6', class: "PasswordVisibilityIcon", cx: "0.05", cy: "0.05", r: "0.05", transform: "translate(121.017 31.148)" }), h("g", { key: 'f017279a225a3bc63cf6dc5b42bf26b71f922a1f', transform: "translate(117.499 27.37)" }, h("path", { key: 'ceaf5af773c1102810e0fcf5e5b0b570300f7bd7', 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: '211a60a2c98510145ce688ce4618eed8aff0da3c', 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: '7960dccad151e48ef06d339ec8d03617b3eb4305', transform: "translate(110.856 24.899)" }, h("path", { key: '2926ac1c4b300b255bfb29cf6e6207afb0831f94', 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: '0514f0430ff6ee9d998c5696cdac300552a303ef', 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: '785233bec57697e9c9bfff1fd8dc2b43eb2863a7', class: "PasswordVisibilityIcon", width: "0.972", height: "15.861", rx: "0.486", transform: "translate(114.827 23.858) rotate(-39.315)" }))), !this.isPasswordVisible &&
525
- h("svg", { key: 'fd8618621222e6d31636b5a2c6f51959e26babc2', 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: '3936873f4257eb63f791492c0ff9552e0aaf8c39', transform: "translate(-14.185 -27.832)" }, h("path", { key: '9c373bff66d4ec60d58a46b531f6df044d257277', 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: 'a0b427d4e025010982fae8f02987c641bbf1f5fa', class: "PasswordVisibilityIcon", cx: "2.779", cy: "2.779", r: "2.779", transform: "translate(20.827 30.303)" }))));
526
- let userIdentification = h("div", { key: '733de15575cf29c5e3e38c8808ae397cc0830de6', class: "FormBox" }, h("div", { key: 'd2331feb9336e5273e582e6a43afdc73e605809e', class: "FormValue", onKeyDown: this.handleSubmit }, this.loginByPhoneNumber === 'true'
527
- ? h("div", { class: (!this.isValidUserPhone && this.hasError) ? 'InputBox InputInvalidBox' : 'InputBox ' }, h("div", { class: "PhoneInputBox" }, h("div", { class: "PrefixBox" }, h("vaadin-combo-box", { items: this.phoneCodes, value: this.userPrefix, onChange: this.handleInputChangePartial('prefix') }), h("label", { class: (this.userPrefix ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserPhone && this.errorForFields['phone'] ? '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.errorForFields['phone'] ? 'FieldInvalid' : '') }, translate('userPhone', this.lang)), !this.isValidUserPhone && this.errorForFields['phone'] &&
536
+ let visibilityIcon = h("span", { key: 'dd9bd4ba51733e1f914a710bd508590563b5fd88', class: "InputIcon" }, this.isPasswordVisible &&
537
+ h("svg", { key: '69dfbf1b7f5125f762fe3f64076a52c0dcdce53a', 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: '13b49179f5e24100d115f83809d4f594b4554807', transform: "translate(-110.856 -23.242)" }, h("circle", { key: 'dd91492c449827fbfe4f816268efda9eb898e265', class: "PasswordVisibilityIcon", cx: "0.05", cy: "0.05", r: "0.05", transform: "translate(121.017 31.148)" }), h("g", { key: 'fdd44f69266f6f4ff85b7a337ee98fce3a173353', transform: "translate(117.499 27.37)" }, h("path", { key: 'ad0e70ad02e7ea1d3b6b72da431833970b1cb98b', 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: '2db13d3fde4ec0a3928575a531822359951af5e1', 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: 'ba05fd5b02993d4853516d65ed01b2a1d5e752f7', transform: "translate(110.856 24.899)" }, h("path", { key: 'ac433069bf1120bbc1ec33e5ede5b703921dde17', 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: 'e93bc767398b64c8d33499e94be78a2dbf2c7cee', 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: '85c4c1375b13192aaeaec69004cdabc5f0176d67', class: "PasswordVisibilityIcon", width: "0.972", height: "15.861", rx: "0.486", transform: "translate(114.827 23.858) rotate(-39.315)" }))), !this.isPasswordVisible &&
538
+ h("svg", { key: 'bba7daa0277b8215c3da73a9230a6175086c2d7b', 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: '185f28bd807b4eb4ce0c70fd3a80d35afe938b39', transform: "translate(-14.185 -27.832)" }, h("path", { key: '2f085d6116e7c4992c67e56a9734899663abc633', 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: '62e7b96f0bd5c789ace07bd3644c5759bd7d8699', class: "PasswordVisibilityIcon", cx: "2.779", cy: "2.779", r: "2.779", transform: "translate(20.827 30.303)" }))));
539
+ let userIdentification = h("div", { key: '8dd181ded22b6f00579c91054594826edaf15911', class: "FormBox" }, h("div", { key: '3a2417d611bb22493dbce7aad85521f29d0918b3', class: "FormValue", onKeyDown: this.handleSubmit }, this.loginByPhoneNumber === 'true'
540
+ ? h("div", { class: (!this.isValidUserPhone && this.hasError) ? 'InputBox InputInvalidBox' : 'InputBox ' }, h("div", { class: "PhoneInputBox" }, h("div", { class: "PrefixBox" }, this.isPrefixEditable === 'true'
541
+ ? h("vaadin-combo-box", { items: this.phoneCodes, value: this.userPrefix, onChange: this.handleInputChangePartial('prefix') })
542
+ : h("div", { class: "UneditablePrefix" }, this.userPrefix), h("label", { class: (this.userPrefix ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserPhone && this.errorForFields['phone'] ? '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.errorForFields['phone'] ? 'FieldInvalid' : '') }, translate('userPhone', this.lang)), !this.isValidUserPhone && this.errorForFields['phone'] &&
528
543
  h("p", { class: "CredentialsError" }, translate('userPhoneError', this.lang)))))
529
544
  : h("div", { class: (!this.isValidUserEmail && this.errorForFields['user']) ? 'InputBox InputInvalidBox' : 'InputBox' }, h("input", { type: "text", placeholder: '', value: this.userNameEmail, onInput: this.handleInputChangePartial('user'), autocapitalize: "none", required: true }), h("label", { class: (this.userNameEmail ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserEmail && this.errorForFields['user'] ? 'FieldInvalid' : '') }, translate('userEmail', this.lang)), !this.isValidUserEmail && this.errorForFields['user'] &&
530
- h("p", { class: "CredentialsError" }, translate('userEmailError', this.lang))), h("div", { key: '8d601c9d832a8ea007e06a2b44de2d9ca91c0b62', class: (!this.isValidPassword && this.errorForFields['password']) ? 'InputBox InputInvalidBox' : 'InputBox' }, visibilityIcon, h("input", { key: '8fb58344b576c8a7447563b34951db654a7aee3c', type: this.isPasswordVisible ? "text" : "password", placeholder: '', value: this.userPassword, onInput: this.handleInputChangePartial('password'), autocapitalize: "none", required: true }), h("label", { key: '9b295941d8b8f2577c69f580ccec088fff8de281', class: (this.userPassword ? 'FieldFilledIn' : '') + ' ' + (!this.isValidPassword && this.errorForFields['password'] ? 'FieldInvalid' : '') }, translate('password', this.lang)), !this.isValidPassword && this.errorForFields['password'] &&
531
- h("p", { key: '39b413b1ddd610b78e3531b524c9f8e8db595447', class: "CredentialsError" }, translate('userPasswordError', this.lang))), this.passwordReset == 'true' &&
532
- h("div", { key: '9ac0a93c99815058108e330ee4e67486b1988dd6', class: "ForgotPassword" }, h("button", { key: '4207bce48f0c9c5a3a0c7b4608b8c4c312a9fca4', onClick: this.resetPassword }, translate('forgotPassword', this.lang))), this.captchaData.isEnabled && this.captchaData.provider === 'cloudflare' &&
533
- h("slot", { key: '13f38491c7f555ceee40ac8904a13c9b2a155dfb', name: "turnstile" }), this.captchaData.isEnabled && this.captchaData.provider === 'google' &&
534
- h("slot", { key: '992bf64861bf815c3819812a973b7242d495f110', name: "google" }), h("button", { key: '0250eb60b578d210fdf783a6017aac56ca6ff1e9', disabled: this.checkIsDisabled(), class: "SubmitCredentials", onClick: this.handleLogin }, translate('login', this.lang)), this.hasError &&
535
- h("p", { key: 'e2b692c28a444486aa48e08956e8a4adafbe6930', class: "CredentialsError" }, this.errorMessage)));
536
- return h("section", { key: '0274c19391978fc4f119bfb9c3545e6271f5ee3d', ref: el => this.stylingContainer = el }, userIdentification);
545
+ h("p", { class: "CredentialsError" }, translate('userEmailError', this.lang))), h("div", { key: '0322f7d0c9e318f225bd844bc8eb365edc2e65e3', class: (!this.isValidPassword && this.errorForFields['password']) ? 'InputBox InputInvalidBox' : 'InputBox' }, visibilityIcon, h("input", { key: 'e3db69e9e4cc936a6764b2491148693604edc704', type: this.isPasswordVisible ? "text" : "password", placeholder: '', value: this.userPassword, onInput: this.handleInputChangePartial('password'), autocapitalize: "none", required: true }), h("label", { key: '9c7ee46ef3afeeb95ff2d3b1cc1b36021c315d65', class: (this.userPassword ? 'FieldFilledIn' : '') + ' ' + (!this.isValidPassword && this.errorForFields['password'] ? 'FieldInvalid' : '') }, translate('password', this.lang)), !this.isValidPassword && this.errorForFields['password'] &&
546
+ h("p", { key: 'd24e227e98c527218a69ac230b2c968d85e10dd7', class: "CredentialsError" }, translate('userPasswordError', this.lang))), this.passwordReset == 'true' &&
547
+ h("div", { key: '27aad4ea92518806151c8fb93ea18dc307632a51', class: "ForgotPassword" }, h("button", { key: '904fda3956a1e59b921535f1101be20b2223d46b', onClick: this.resetPassword }, translate('forgotPassword', this.lang))), this.captchaData.isEnabled && this.captchaData.provider === 'cloudflare' &&
548
+ h("slot", { key: '2fcb2f6aec21336c3b43604d5c09a5e6f1138190', name: "turnstile" }), this.captchaData.isEnabled && this.captchaData.provider === 'google' &&
549
+ h("slot", { key: '85d4194668b93160205e8504ed66e9937ecb8d2d', name: "google" }), h("button", { key: 'b29e165640627706a538d4c7346a5172a88bfc1b', disabled: this.checkIsDisabled(), class: "SubmitCredentials", onClick: this.handleLogin }, translate('login', this.lang)), this.hasError &&
550
+ h("p", { key: 'a0e53c82d84b97d77b5a2632ad40d4612b3f065f', class: "CredentialsError" }, this.errorMessage)));
551
+ return h("section", { key: '4a0cceee72577e5c5e416eeaa307da436ce73faf', ref: el => this.stylingContainer = el }, userIdentification);
537
552
  }
538
553
  static get is() { return "user-login"; }
539
554
  static get encapsulation() { return "shadow"; }
@@ -798,6 +813,41 @@ export class UserLogin {
798
813
  "reflect": true,
799
814
  "defaultValue": "'false'"
800
815
  },
816
+ "defaultPrefix": {
817
+ "type": "string",
818
+ "mutable": false,
819
+ "complexType": {
820
+ "original": "string",
821
+ "resolved": "string",
822
+ "references": {}
823
+ },
824
+ "required": false,
825
+ "optional": false,
826
+ "docs": {
827
+ "tags": [],
828
+ "text": "Defines a prefix to be pre-selected"
829
+ },
830
+ "attribute": "default-prefix",
831
+ "reflect": true
832
+ },
833
+ "isPrefixEditable": {
834
+ "type": "string",
835
+ "mutable": false,
836
+ "complexType": {
837
+ "original": "string",
838
+ "resolved": "string",
839
+ "references": {}
840
+ },
841
+ "required": false,
842
+ "optional": false,
843
+ "docs": {
844
+ "tags": [],
845
+ "text": "Flag to determine if prefix is editable"
846
+ },
847
+ "attribute": "is-prefix-editable",
848
+ "reflect": true,
849
+ "defaultValue": "'true'"
850
+ },
801
851
  "mbSource": {
802
852
  "type": "string",
803
853
  "mutable": false,
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
7
7
  await globalScripts();
8
- return bootstrapLazy([["user-login",[[1,"user-login",{"endpoint":[513],"lang":[1537],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"passwordReset":[513,"password-reset"],"userEmailRegex":[513,"user-email-regex"],"userEmailRegexOptions":[513,"user-email-regex-options"],"userPhoneRegex":[513,"user-phone-regex"],"userPhoneRegexOptions":[513,"user-phone-regex-options"],"passwordRegex":[513,"password-regex"],"passwordRegexOptions":[513,"password-regex-options"],"version":[513],"loginByPhoneNumber":[513,"login-by-phone-number"],"mbSource":[513,"mb-source"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"userPhone":[32],"userPrefix":[32],"isValidPassword":[32],"isValidUserPhone":[32],"isPasswordVisible":[32],"errorMessage":[32],"errorForFields":[32],"hasError":[32],"phoneCodes":[32],"isLoginLoading":[32],"captchaData":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}]]]], options);
8
+ return bootstrapLazy([["user-login",[[1,"user-login",{"endpoint":[513],"lang":[1537],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"passwordReset":[513,"password-reset"],"userEmailRegex":[513,"user-email-regex"],"userEmailRegexOptions":[513,"user-email-regex-options"],"userPhoneRegex":[513,"user-phone-regex"],"userPhoneRegexOptions":[513,"user-phone-regex-options"],"passwordRegex":[513,"password-regex"],"passwordRegexOptions":[513,"password-regex-options"],"version":[513],"loginByPhoneNumber":[513,"login-by-phone-number"],"defaultPrefix":[513,"default-prefix"],"isPrefixEditable":[513,"is-prefix-editable"],"mbSource":[513,"mb-source"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"userPhone":[32],"userPrefix":[32],"isValidPassword":[32],"isValidUserPhone":[32],"isPasswordVisible":[32],"errorMessage":[32],"errorForFields":[32],"hasError":[32],"phoneCodes":[32],"isLoginLoading":[32],"captchaData":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}]]]], options);
9
9
  };
10
10
 
11
11
  export { defineCustomElements };