@everymatrix/general-registration 1.10.3 → 1.10.5

package/dist/cjs/checkbox-input_11.cjs.entry.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9a07d1e9.js');
+const index = require('./index-ad0df8ea.js');
 
 const DEFAULT_LANGUAGE$1 = 'en';
 const SUPPORTED_LANGUAGES$1 = ['ro', 'en'];
 const TRANSLATIONS$1 = {
   en: {
     dateError: 'The selected date should be between {min} and {max}',
-    numberLengthError: 'The number should be between ${min} and ${max}',
+    numberLengthError: 'The number should be between {min} and {max}',
     lengthError: `The length should be between {minLength} and {maxLength}`,
     requiredError: 'This input is required.',
     nextButton: 'Next',
@@ -62,6 +62,12 @@ const CheckboxInput = class {
   valueHandler(inputValueEvent) {
     this.sendInputValue.emit(inputValueEvent);
   }
+  componentDidLoad() {
+    if (this.defaultValue) {
+      this.value = this.defaultValue;
+      this.valueHandler({ name: this.name, value: this.value });
+    }
+  }
   handleClick() {
     this.value = this.inputReference.checked.toString();
     this.errorMessage = this.setErrorMessage();
@@ -23056,6 +23062,10 @@ const DateInput = class {
   }
   componentDidLoad() {
     this.inputReference = this.element.shadowRoot.querySelector('input');
+    if (this.defaultValue) {
+      this.value = this.defaultValue;
+      this.valueHandler({ name: this.name, value: this.value });
+    }
   }
   handleInput(event) {
     this.value = event.target.value;
@@ -23115,6 +23125,12 @@ const EmailInput = class {
   connectedCallback() {
     this.validationPattern = this.setPattern();
   }
+  componentDidLoad() {
+    if (this.defaultValue) {
+      this.value = this.defaultValue;
+      this.valueHandler({ name: this.name, value: this.value });
+    }
+  }
   handleInput(event) {
     this.value = event.target.value;
     this.errorMessage = this.setErrorMessage();
@@ -23126,14 +23142,15 @@ const EmailInput = class {
     return this.inputReference.validity.valid;
   }
   setPattern() {
-    var _a;
+    var _a, _b;
     if (((_a = this.validation.custom) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      return this.validation.custom.find(customValidation => customValidation.rule === 'regex').pattern;
+      return (_b = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _b === void 0 ? void 0 : _b.pattern;
     }
   }
   setErrorMessage() {
+    var _a;
     if (this.inputReference.validity.patternMismatch) {
-      return this.validation.custom.find(customValidation => customValidation.rule === 'regex').errorMessage;
+      return (_a = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _a === void 0 ? void 0 : _a.errorMessage;
     }
     if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
       return translate$2('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
@@ -23195,7 +23212,7 @@ const SUPPORTED_LANGUAGES = ['ro', 'en'];
 const TRANSLATIONS = {
   en: {
     dateError: 'The selected date should be between {min} and {max}',
-    numberLengthError: 'The number should be between ${min} and ${max}',
+    numberLengthError: 'The number should be between {min} and {max}',
     lengthError: `The length should be between {minLength} and {maxLength}`,
     requiredError: 'This input is required.',
     nextButton: 'Next',
@@ -23459,10 +23476,11 @@ const GeneralRegistration = class {
     this.isFormValid = !this.getInvalidStatus(this.listOfInputs);
   }
   getInputsValueHandler(event) {
-    this.listOfInputValues.find(input => input.name == event.detail.name).value = event.detail.value;
-    /*Note to self: -- what about the inputs that received a default value.
-    They will send an undefined because there was no input
-    Handle it somehow!!!!!, one idea can be that value equals defaultValue but dependes on how the api wants stuff*/
+    this.listOfInputValues.find(input => {
+      if (input.name == event.detail.name) {
+        input.value = event.detail.value;
+      }
+    });
     this.stepsStateMachine({ event: 'set', type: 'values' });
   }
   componentWillLoad() {
@@ -23499,10 +23517,7 @@ const GeneralRegistration = class {
         }
         if (state.type == 'values') {
           this.registrationStepsState[this.registrationStep].registerUserData = this.listOfInputValues.reduce((acc, curr) => {
-            // @TODO remove this once GMCore is smart enough to understand the concept of UNIQUE KEYS
-            if (curr.value != null) {
-              acc[curr.name] = curr.value;
-            }
+            acc[curr.name] = curr.value;
             return acc;
           }, {});
         }
@@ -23534,9 +23549,6 @@ const GeneralRegistration = class {
   getRegisterConfig(registrationID) {
     const url = new URL(`${this.endpoint}/v1/player/legislation/registration/config`);
     const headers = new Headers();
-    // headers.append('X-Tenant-ID', this.tenantId);
-    // headers.append('X-Client-ID', this.clientId);
-    // headers.append('X-Api-Key', this.apiKey);
     headers.append('Content-Type', 'application/json');
     headers.append('Accept', 'application/json');
     if (registrationID) {
@@ -23566,19 +23578,19 @@ const GeneralRegistration = class {
     const registerStep = {
       registrationId: this.registrationID,
       registerUserDto: this.listOfInputValues.reduce((acc, curr) => {
-        // @TODO remove this once GMCore is smart enough to understand the concept of UNIQUE KEYS
-        if (curr.value != null) {
+        // Special case for "Mobile" as it needs to be split in two values -- API expects it this way.
+        if (curr.name == "Mobile") {
+          acc['MobilePrefix'] = curr.value.split('|')[0];
+          acc[curr.name] = curr.value.split('|')[1];
+        }
+        else {
           acc[curr.name] = curr.value;
         }
         return acc;
       }, {}),
       step: this.registrationStep,
     };
-    console.log(registerStep);
     const headers = new Headers();
-    // headers.append('X-Tenant-ID', this.tenantId);
-    // headers.append('X-Client-ID', this.clientId);
-    // headers.append('X-Api-Key', this.apiKey);
     headers.append('Content-Type', 'application/json');
     headers.append('Accept', 'application/json');
     const options = {
@@ -23586,7 +23598,6 @@ const GeneralRegistration = class {
       body: JSON.stringify(registerStep),
       headers
     };
-    console.log(options.body);
     fetch(url.href, options)
       .then((res) => {
       if (res.status >= 300) {
@@ -23619,22 +23630,11 @@ const GeneralRegistration = class {
     this.isLoading = true;
     const url = new URL(`${this.endpoint}/v1/player/legislation/register`);
     const headers = new Headers();
-    // headers.append('X-Tenant-ID', this.tenantId);
-    // headers.append('X-Client-ID', this.clientId);
-    // headers.append('X-Api-Key', this.apiKey);
     headers.append('Content-Type', 'application/json');
     headers.append('Accept', 'application/json');
-    const registerStep = {
-      registrationId: this.registrationID,
-      registerUserDto: this.listOfInputValues.reduce((acc, curr) => {
-        acc[curr.name] = curr.value;
-        return acc;
-      }, {}),
-      step: this.registrationStep,
-    };
     const options = {
-      method: 'POST',
-      body: JSON.stringify(registerStep),
+      method: 'PUT',
+      body: JSON.stringify({ registrationId: this.registrationID }),
       headers
     };
     fetch(url.href, options)
@@ -23658,9 +23658,10 @@ const GeneralRegistration = class {
   }
   formatConfig(config) {
     // Populate the list of inputs and set as invalid in the beginning
-    this.listOfInputs = config.content.fields.map((field) => {
+    let newListOfInputs = config.content.fields.map((field) => {
       return Object.assign(Object.assign({}, field), { isValid: false });
     });
+    this.listOfInputs = JSON.parse(JSON.stringify(newListOfInputs));
     // Populate the list of inputs values and set as null in the beginning
     this.listOfInputValues = config.content.fields.map(field => {
       return { name: field.name, value: null };
@@ -23684,7 +23685,6 @@ const GeneralRegistration = class {
     return listOfInputs.filter(input => input.isValid == false).length > 0;
   }
   renderInputs() {
-    console.log(this.listOfInputs);
     return (this.listOfInputs.map(input => index.h("general-input", { type: input.inputType, name: input.name, displayName: input.displayName, validation: input.validate, action: input.action || null, options: input.data ? input.data.values : [], defaultValue: input.defaultValue, autofilled: input.autofill, emitValue: this.emitValue, language: this.language })));
   }
   ;
@@ -23728,6 +23728,12 @@ const NumberInput = class {
   valueHandler(inputValueEvent) {
     this.sendInputValue.emit(inputValueEvent);
   }
+  componentDidLoad() {
+    if (this.defaultValue) {
+      this.value = this.defaultValue;
+      this.valueHandler({ name: this.name, value: this.value });
+    }
+  }
   handleInput(event) {
     this.value = event.target.value;
     this.errorMessage = this.setErrorMessage();
@@ -23791,6 +23797,12 @@ const PasswordInput = class {
   connectedCallback() {
     this.validationPattern = this.setPattern();
   }
+  componentDidLoad() {
+    if (this.defaultValue) {
+      this.value = this.defaultValue;
+      this.valueHandler({ name: this.name, value: this.value });
+    }
+  }
   handleInput(event) {
     this.value = event.target.value;
     this.errorMessage = this.setErrorMessage();
@@ -23802,14 +23814,15 @@ const PasswordInput = class {
     return this.inputReference.validity.valid;
   }
   setPattern() {
-    var _a;
+    var _a, _b;
     if (((_a = this.validation.custom) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      return this.validation.custom.find(customValidation => customValidation.rule === 'regex').pattern;
+      return (_b = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _b === void 0 ? void 0 : _b.pattern;
     }
   }
   setErrorMessage() {
+    var _a;
     if (this.inputReference.validity.patternMismatch) {
-      return this.validation.custom.find(customValidation => customValidation.rule === 'regex').errorMessage;
+      return (_a = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _a === void 0 ? void 0 : _a.errorMessage;
     }
     if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
       return translate$2('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
@@ -28352,6 +28365,10 @@ const SelectInput = class {
   }
   componentDidLoad() {
     this.inputReference = this.element.shadowRoot.querySelector('input');
+    if (this.defaultValue) {
+      this.value = this.defaultValue;
+      this.valueHandler({ name: this.name, value: this.value });
+    }
   }
   getOptions() {
     // TEMPORARY FOR DEMO PURPOSES UNTIL NORWAY CONFIGURES AN ACTUAL ENDPOINT...
@@ -28428,12 +28445,18 @@ const TelInput = class {
       if (this.action.split(" ")[0] == 'GET') {
         return this.getPhoneCodes().then((options) => {
           this.phoneCodesOptions = options.phoneCodes.map(code => {
-            return { label: code.Prefix, value: code.CountryID };
+            return { label: code.Prefix, value: code.Prefix };
           });
         });
       }
     }
   }
+  componentDidLoad() {
+    if (this.defaultValue) {
+      this.prefixValue = this.defaultValue;
+      this.valueHandler({ name: this.name, value: `${this.prefixValue}|` });
+    }
+  }
   getPhoneCodes() {
     // TEMPORARY FOR DEMO PURPOSES UNTIL NORWAY CONFIGURES AN ACTUAL ENDPOINT...
     const url = new URL("https://demo-api.stage.norway.everymatrix.com/v1/player/phonecodes");
@@ -28449,7 +28472,8 @@ const TelInput = class {
     });
   }
   handleInput(event) {
-    this.value = event.target.value;
+    // Kinda hack? Open to suggestions.
+    this.value = `${this.prefixValue}|${event.target.value}`;
     this.errorMessage = this.setErrorMessage();
     this.isValid = this.setValidity();
     this.validityStateHandler({ valid: this.isValid, name: this.name });
@@ -28459,14 +28483,15 @@ const TelInput = class {
     return this.inputReference.validity.valid;
   }
   setPattern() {
-    var _a;
+    var _a, _b;
     if (((_a = this.validation.custom) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      return this.validation.custom.find(customValidation => customValidation.rule === 'regex').pattern;
+      return (_b = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _b === void 0 ? void 0 : _b.pattern;
     }
   }
   setErrorMessage() {
+    var _a;
     if (this.inputReference.validity.patternMismatch) {
-      return this.validation.custom.find(customValidation => customValidation.rule === 'regex').errorMessage;
+      return (_a = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _a === void 0 ? void 0 : _a.errorMessage;
     }
     if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
       return translate$2('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
@@ -28477,7 +28502,7 @@ const TelInput = class {
   }
   render() {
     const invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'tel__input--invalid';
-    return index.h("div", { class: 'tel__wrapper' }, index.h("div", { class: 'tel__wrapper--flex' }, index.h("vaadin-combo-box", { items: this.phoneCodesOptions, value: this.defaultValue, readOnly: this.autofilled }), index.h("input", { type: "tel", ref: (el) => this.inputReference = el, id: `${this.name}__input`, readOnly: this.autofilled, class: `tel__input ${invalidClass}`, placeholder: `${this.displayName} ${this.validation.mandatory ? '*' : ''}`, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, pattern: this.validationPattern, onBlur: (e) => this.handleInput(e) })), index.h("label", { class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("small", { class: 'tel__error-message' }, this.errorMessage));
+    return index.h("div", { class: 'tel__wrapper' }, index.h("div", { class: 'tel__wrapper--flex' }, index.h("vaadin-combo-box", { items: this.phoneCodesOptions, value: this.defaultValue, readOnly: this.autofilled, onBlur: (e) => this.prefixValue = e.target.value }), index.h("input", { type: "tel", ref: (el) => this.inputReference = el, id: `${this.name}__input`, readOnly: this.autofilled, class: `tel__input ${invalidClass}`, placeholder: `${this.displayName} ${this.validation.mandatory ? '*' : ''}`, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, pattern: this.validationPattern, onBlur: (e) => this.handleInput(e) })), index.h("label", { class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("small", { class: 'tel__error-message' }, this.errorMessage));
   }
   static get watchers() { return {
     "isValid": ["validityChanged"],
@@ -28519,10 +28544,14 @@ const TextInput = class {
     this.sendInputValue.emit(inputValueEvent);
   }
   connectedCallback() {
-    // @TODO do something with customRules !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-    this.customRules = this.setCustomRules();
     this.validationPattern = this.setPattern();
   }
+  componentDidLoad() {
+    if (this.defaultValue) {
+      this.value = this.defaultValue;
+      this.valueHandler({ name: this.name, value: this.value });
+    }
+  }
   handleInput(event) {
     this.value = event.target.value;
     this.isValid = this.setValidity();
@@ -28541,14 +28570,15 @@ const TextInput = class {
     }
   }
   setPattern() {
-    var _a;
+    var _a, _b;
     if (((_a = this.validation.custom) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      return this.validation.custom.find(customValidation => customValidation.rule === 'regex').pattern;
+      return (_b = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _b === void 0 ? void 0 : _b.pattern;
     }
   }
   setErrorMessage() {
+    var _a;
     if (this.inputReference.validity.patternMismatch) {
-      return this.validation.custom.find(customValidation => customValidation.rule === 'regex').errorMessage;
+      return (_a = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _a === void 0 ? void 0 : _a.errorMessage;
     }
     if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
       return translate$2('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });

package/dist/cjs/general-registration.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-9a07d1e9.js');
+const index = require('./index-ad0df8ea.js');
 
 /*
  Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["checkbox-input_11.cjs",[[1,"general-registration",{"endpoint":[1],"tenantId":[1,"tenant-id"],"clientId":[1,"client-id"],"apiKey":[1,"api-key"],"language":[1],"errorMessage":[32],"emitValue":[32],"isFormValid":[32],"listOfInputs":[32],"isLoading":[32],"registrationStep":[32]},[[0,"sendValidityState","checkInputsValidityHandler"],[0,"sendInputValue","getInputsValueHandler"]]],[1,"general-input",{"type":[1],"name":[1],"displayName":[1,"display-name"],"action":[1],"validation":[16],"options":[8],"language":[1],"autofilled":[4],"defaultValue":[8,"default-value"],"emitValue":[4,"emit-value"]}],[1,"checkbox-input",{"name":[1],"displayName":[1,"display-name"],"defaultValue":[1,"default-value"],"autofilled":[4],"validation":[16],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"date-input",{"name":[1],"displayName":[1,"display-name"],"validation":[16],"defaultValue":[1,"default-value"],"autofilled":[4],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"email-input",{"name":[1],"displayName":[1,"display-name"],"validation":[16],"defaultValue":[1,"default-value"],"autofilled":[4],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"number-input",{"name":[1],"displayName":[1,"display-name"],"validation":[16],"defaultValue":[2,"default-value"],"autofilled":[4],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"password-input",{"name":[1],"displayName":[1,"display-name"],"defaultValue":[1,"default-value"],"autofilled":[4],"validation":[16],"language":[1],"emitValue":[4,"emit-value"],"isValid":[32],"errorMessage":[32]}],[1,"radio-input",{"name":[1],"displayName":[1,"display-name"],"optionsGroup":[16],"validation":[16],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"select-input",{"name":[1],"displayName":[1,"display-name"],"action":[1],"defaultValue":[1,"default-value"],"autofilled":[4],"options":[16],"validation":[16],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"tel-input",{"name":[1],"displayName":[1,"display-name"],"showLabels":[4,"show-labels"],"action":[1],"validation":[16],"defaultValue":[8,"default-value"],"autofilled":[4],"language":[1],"emitValue":[4,"emit-value"],"isValid":[32],"errorMessage":[32]}],[1,"text-input",{"name":[1],"displayName":[1,"display-name"],"validation":[16],"defaultValue":[1,"default-value"],"autofilled":[4],"rules":[1],"language":[1],"checkValidity":[4,"check-validity"],"emitValue":[4,"emit-value"],"isValid":[32],"errorMessage":[32]}]]]], options);
+  return index.bootstrapLazy([["checkbox-input_11.cjs",[[1,"general-registration",{"endpoint":[1],"tenantId":[1,"tenant-id"],"clientId":[1,"client-id"],"apiKey":[1,"api-key"],"language":[1],"errorMessage":[32],"emitValue":[32],"isFormValid":[32],"listOfInputs":[32],"isLoading":[32],"registrationStep":[32]},[[0,"sendValidityState","checkInputsValidityHandler"],[0,"sendInputValue","getInputsValueHandler"]]],[1,"general-input",{"type":[1],"name":[1],"displayName":[1,"display-name"],"action":[1],"validation":[16],"options":[8],"language":[1],"autofilled":[4],"defaultValue":[8,"default-value"],"emitValue":[4,"emit-value"]}],[1,"checkbox-input",{"name":[1],"displayName":[1,"display-name"],"defaultValue":[1,"default-value"],"autofilled":[4],"validation":[16],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"date-input",{"name":[1],"displayName":[1,"display-name"],"validation":[16],"defaultValue":[1,"default-value"],"autofilled":[4],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"email-input",{"name":[1],"displayName":[1,"display-name"],"validation":[16],"defaultValue":[1,"default-value"],"autofilled":[4],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"number-input",{"name":[1],"displayName":[1,"display-name"],"validation":[16],"defaultValue":[1,"default-value"],"autofilled":[4],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"password-input",{"name":[1],"displayName":[1,"display-name"],"defaultValue":[1,"default-value"],"autofilled":[4],"validation":[16],"language":[1],"emitValue":[4,"emit-value"],"isValid":[32],"errorMessage":[32]}],[1,"radio-input",{"name":[1],"displayName":[1,"display-name"],"optionsGroup":[16],"validation":[16],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"select-input",{"name":[1],"displayName":[1,"display-name"],"action":[1],"defaultValue":[1,"default-value"],"autofilled":[4],"options":[16],"validation":[16],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"tel-input",{"name":[1],"displayName":[1,"display-name"],"showLabels":[4,"show-labels"],"action":[1],"validation":[16],"defaultValue":[1,"default-value"],"autofilled":[4],"language":[1],"emitValue":[4,"emit-value"],"isValid":[32],"errorMessage":[32]}],[1,"text-input",{"name":[1],"displayName":[1,"display-name"],"validation":[16],"defaultValue":[1,"default-value"],"autofilled":[4],"rules":[1],"language":[1],"checkValidity":[4,"check-validity"],"emitValue":[4,"emit-value"],"isValid":[32],"errorMessage":[32]}]]]], options);
 });

package/dist/cjs/{index-9a07d1e9.js → index-ad0df8ea.js}

@@ -787,10 +787,6 @@ const parsePropertyValue = (propValue, propType) => {
             // but we'll cheat here and say that the string "false" is the boolean false
             return propValue === 'false' ? false : propValue === '' || !!propValue;
         }
-        if (propType & 2 /* Number */) {
-            // force it to be a number
-            return parseFloat(propValue);
-        }
         if (propType & 1 /* String */) {
             // could have been passed as a number or boolean
             // but we still want it as a string

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9a07d1e9.js');
+const index = require('./index-ad0df8ea.js');
 
 /*
  Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["checkbox-input_11.cjs",[[1,"general-registration",{"endpoint":[1],"tenantId":[1,"tenant-id"],"clientId":[1,"client-id"],"apiKey":[1,"api-key"],"language":[1],"errorMessage":[32],"emitValue":[32],"isFormValid":[32],"listOfInputs":[32],"isLoading":[32],"registrationStep":[32]},[[0,"sendValidityState","checkInputsValidityHandler"],[0,"sendInputValue","getInputsValueHandler"]]],[1,"general-input",{"type":[1],"name":[1],"displayName":[1,"display-name"],"action":[1],"validation":[16],"options":[8],"language":[1],"autofilled":[4],"defaultValue":[8,"default-value"],"emitValue":[4,"emit-value"]}],[1,"checkbox-input",{"name":[1],"displayName":[1,"display-name"],"defaultValue":[1,"default-value"],"autofilled":[4],"validation":[16],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"date-input",{"name":[1],"displayName":[1,"display-name"],"validation":[16],"defaultValue":[1,"default-value"],"autofilled":[4],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"email-input",{"name":[1],"displayName":[1,"display-name"],"validation":[16],"defaultValue":[1,"default-value"],"autofilled":[4],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"number-input",{"name":[1],"displayName":[1,"display-name"],"validation":[16],"defaultValue":[2,"default-value"],"autofilled":[4],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"password-input",{"name":[1],"displayName":[1,"display-name"],"defaultValue":[1,"default-value"],"autofilled":[4],"validation":[16],"language":[1],"emitValue":[4,"emit-value"],"isValid":[32],"errorMessage":[32]}],[1,"radio-input",{"name":[1],"displayName":[1,"display-name"],"optionsGroup":[16],"validation":[16],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"select-input",{"name":[1],"displayName":[1,"display-name"],"action":[1],"defaultValue":[1,"default-value"],"autofilled":[4],"options":[16],"validation":[16],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"tel-input",{"name":[1],"displayName":[1,"display-name"],"showLabels":[4,"show-labels"],"action":[1],"validation":[16],"defaultValue":[8,"default-value"],"autofilled":[4],"language":[1],"emitValue":[4,"emit-value"],"isValid":[32],"errorMessage":[32]}],[1,"text-input",{"name":[1],"displayName":[1,"display-name"],"validation":[16],"defaultValue":[1,"default-value"],"autofilled":[4],"rules":[1],"language":[1],"checkValidity":[4,"check-validity"],"emitValue":[4,"emit-value"],"isValid":[32],"errorMessage":[32]}]]]], options);
+  return index.bootstrapLazy([["checkbox-input_11.cjs",[[1,"general-registration",{"endpoint":[1],"tenantId":[1,"tenant-id"],"clientId":[1,"client-id"],"apiKey":[1,"api-key"],"language":[1],"errorMessage":[32],"emitValue":[32],"isFormValid":[32],"listOfInputs":[32],"isLoading":[32],"registrationStep":[32]},[[0,"sendValidityState","checkInputsValidityHandler"],[0,"sendInputValue","getInputsValueHandler"]]],[1,"general-input",{"type":[1],"name":[1],"displayName":[1,"display-name"],"action":[1],"validation":[16],"options":[8],"language":[1],"autofilled":[4],"defaultValue":[8,"default-value"],"emitValue":[4,"emit-value"]}],[1,"checkbox-input",{"name":[1],"displayName":[1,"display-name"],"defaultValue":[1,"default-value"],"autofilled":[4],"validation":[16],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"date-input",{"name":[1],"displayName":[1,"display-name"],"validation":[16],"defaultValue":[1,"default-value"],"autofilled":[4],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"email-input",{"name":[1],"displayName":[1,"display-name"],"validation":[16],"defaultValue":[1,"default-value"],"autofilled":[4],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"number-input",{"name":[1],"displayName":[1,"display-name"],"validation":[16],"defaultValue":[1,"default-value"],"autofilled":[4],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"password-input",{"name":[1],"displayName":[1,"display-name"],"defaultValue":[1,"default-value"],"autofilled":[4],"validation":[16],"language":[1],"emitValue":[4,"emit-value"],"isValid":[32],"errorMessage":[32]}],[1,"radio-input",{"name":[1],"displayName":[1,"display-name"],"optionsGroup":[16],"validation":[16],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"select-input",{"name":[1],"displayName":[1,"display-name"],"action":[1],"defaultValue":[1,"default-value"],"autofilled":[4],"options":[16],"validation":[16],"language":[1],"emitValue":[4,"emit-value"],"errorMessage":[32],"isValid":[32]}],[1,"tel-input",{"name":[1],"displayName":[1,"display-name"],"showLabels":[4,"show-labels"],"action":[1],"validation":[16],"defaultValue":[1,"default-value"],"autofilled":[4],"language":[1],"emitValue":[4,"emit-value"],"isValid":[32],"errorMessage":[32]}],[1,"text-input",{"name":[1],"displayName":[1,"display-name"],"validation":[16],"defaultValue":[1,"default-value"],"autofilled":[4],"rules":[1],"language":[1],"checkValidity":[4,"check-validity"],"emitValue":[4,"emit-value"],"isValid":[32],"errorMessage":[32]}]]]], options);
   });
 };
 

package/dist/collection/components/general-registration/general-registration.js

@@ -238,10 +238,11 @@ export class GeneralRegistration {
     this.isFormValid = !this.getInvalidStatus(this.listOfInputs);
   }
   getInputsValueHandler(event) {
-    this.listOfInputValues.find(input => input.name == event.detail.name).value = event.detail.value;
-    /*Note to self: -- what about the inputs that received a default value.
-    They will send an undefined because there was no input
-    Handle it somehow!!!!!, one idea can be that value equals defaultValue but dependes on how the api wants stuff*/
+    this.listOfInputValues.find(input => {
+      if (input.name == event.detail.name) {
+        input.value = event.detail.value;
+      }
+    });
     this.stepsStateMachine({ event: 'set', type: 'values' });
   }
   componentWillLoad() {
@@ -278,10 +279,7 @@ export class GeneralRegistration {
         }
         if (state.type == 'values') {
           this.registrationStepsState[this.registrationStep].registerUserData = this.listOfInputValues.reduce((acc, curr) => {
-            // @TODO remove this once GMCore is smart enough to understand the concept of UNIQUE KEYS
-            if (curr.value != null) {
-              acc[curr.name] = curr.value;
-            }
+            acc[curr.name] = curr.value;
             return acc;
           }, {});
         }
@@ -313,9 +311,6 @@ export class GeneralRegistration {
   getRegisterConfig(registrationID) {
     const url = new URL(`${this.endpoint}/v1/player/legislation/registration/config`);
     const headers = new Headers();
-    // headers.append('X-Tenant-ID', this.tenantId);
-    // headers.append('X-Client-ID', this.clientId);
-    // headers.append('X-Api-Key', this.apiKey);
     headers.append('Content-Type', 'application/json');
     headers.append('Accept', 'application/json');
     if (registrationID) {
@@ -345,19 +340,19 @@ export class GeneralRegistration {
     const registerStep = {
       registrationId: this.registrationID,
       registerUserDto: this.listOfInputValues.reduce((acc, curr) => {
-        // @TODO remove this once GMCore is smart enough to understand the concept of UNIQUE KEYS
-        if (curr.value != null) {
+        // Special case for "Mobile" as it needs to be split in two values -- API expects it this way.
+        if (curr.name == "Mobile") {
+          acc['MobilePrefix'] = curr.value.split('|')[0];
+          acc[curr.name] = curr.value.split('|')[1];
+        }
+        else {
           acc[curr.name] = curr.value;
         }
         return acc;
       }, {}),
       step: this.registrationStep,
     };
-    console.log(registerStep);
     const headers = new Headers();
-    // headers.append('X-Tenant-ID', this.tenantId);
-    // headers.append('X-Client-ID', this.clientId);
-    // headers.append('X-Api-Key', this.apiKey);
     headers.append('Content-Type', 'application/json');
     headers.append('Accept', 'application/json');
     const options = {
@@ -365,7 +360,6 @@ export class GeneralRegistration {
       body: JSON.stringify(registerStep),
       headers
     };
-    console.log(options.body);
     fetch(url.href, options)
       .then((res) => {
       if (res.status >= 300) {
@@ -398,22 +392,11 @@ export class GeneralRegistration {
     this.isLoading = true;
     const url = new URL(`${this.endpoint}/v1/player/legislation/register`);
     const headers = new Headers();
-    // headers.append('X-Tenant-ID', this.tenantId);
-    // headers.append('X-Client-ID', this.clientId);
-    // headers.append('X-Api-Key', this.apiKey);
     headers.append('Content-Type', 'application/json');
     headers.append('Accept', 'application/json');
-    const registerStep = {
-      registrationId: this.registrationID,
-      registerUserDto: this.listOfInputValues.reduce((acc, curr) => {
-        acc[curr.name] = curr.value;
-        return acc;
-      }, {}),
-      step: this.registrationStep,
-    };
     const options = {
-      method: 'POST',
-      body: JSON.stringify(registerStep),
+      method: 'PUT',
+      body: JSON.stringify({ registrationId: this.registrationID }),
       headers
     };
     fetch(url.href, options)
@@ -437,9 +420,10 @@ export class GeneralRegistration {
   }
   formatConfig(config) {
     // Populate the list of inputs and set as invalid in the beginning
-    this.listOfInputs = config.content.fields.map((field) => {
+    let newListOfInputs = config.content.fields.map((field) => {
       return Object.assign(Object.assign({}, field), { isValid: false });
     });
+    this.listOfInputs = JSON.parse(JSON.stringify(newListOfInputs));
     // Populate the list of inputs values and set as null in the beginning
     this.listOfInputValues = config.content.fields.map(field => {
       return { name: field.name, value: null };
@@ -463,7 +447,6 @@ export class GeneralRegistration {
     return listOfInputs.filter(input => input.isValid == false).length > 0;
   }
   renderInputs() {
-    console.log(this.listOfInputs);
     return (this.listOfInputs.map(input => h("general-input", { type: input.inputType, name: input.name, displayName: input.displayName, validation: input.validate, action: input.action || null, options: input.data ? input.data.values : [], defaultValue: input.defaultValue, autofilled: input.autofill, emitValue: this.emitValue, language: this.language })));
   }
   ;

package/dist/components/checkbox-input2.js

@@ -32,6 +32,12 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   valueHandler(inputValueEvent) {
     this.sendInputValue.emit(inputValueEvent);
   }
+  componentDidLoad() {
+    if (this.defaultValue) {
+      this.value = this.defaultValue;
+      this.valueHandler({ name: this.name, value: this.value });
+    }
+  }
   handleClick() {
     this.value = this.inputReference.checked.toString();
     this.errorMessage = this.setErrorMessage();

package/dist/components/date-input2.js

@@ -6508,6 +6508,10 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
   }
   componentDidLoad() {
     this.inputReference = this.element.shadowRoot.querySelector('input');
+    if (this.defaultValue) {
+      this.value = this.defaultValue;
+      this.valueHandler({ name: this.name, value: this.value });
+    }
   }
   handleInput(event) {
     this.value = event.target.value;

package/dist/components/email-input2.js

@@ -32,6 +32,12 @@ const EmailInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   connectedCallback() {
     this.validationPattern = this.setPattern();
   }
+  componentDidLoad() {
+    if (this.defaultValue) {
+      this.value = this.defaultValue;
+      this.valueHandler({ name: this.name, value: this.value });
+    }
+  }
   handleInput(event) {
     this.value = event.target.value;
     this.errorMessage = this.setErrorMessage();
@@ -43,14 +49,15 @@ const EmailInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return this.inputReference.validity.valid;
   }
   setPattern() {
-    var _a;
+    var _a, _b;
     if (((_a = this.validation.custom) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      return this.validation.custom.find(customValidation => customValidation.rule === 'regex').pattern;
+      return (_b = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _b === void 0 ? void 0 : _b.pattern;
     }
   }
   setErrorMessage() {
+    var _a;
     if (this.inputReference.validity.patternMismatch) {
-      return this.validation.custom.find(customValidation => customValidation.rule === 'regex').errorMessage;
+      return (_a = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _a === void 0 ? void 0 : _a.errorMessage;
     }
     if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
       return translate('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });