@everymatrix/general-registration 1.86.5 → 1.86.7
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/checkbox-group-input_15.cjs.entry.js +115 -6
- package/dist/cjs/general-registration.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/general-registration/general-registration.js +1 -1
- package/dist/esm/checkbox-group-input_15.entry.js +115 -6
- package/dist/esm/general-registration.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/general-registration/checkbox-group-input_15.entry.js +36 -36
- package/dist/general-registration/general-registration.esm.js +1 -1
- package/package.json +1 -1
|
@@ -12787,6 +12787,33 @@ const GeneralInputStyle0 = generalInputCss;
|
|
|
12787
12787
|
const GeneralInput = class {
|
|
12788
12788
|
constructor(hostRef) {
|
|
12789
12789
|
index.registerInstance(this, hostRef);
|
|
12790
|
+
this.registrationWidgetLoaded = index.createEvent(this, "registrationWidgetLoaded", 7);
|
|
12791
|
+
this.setClientStyling = () => {
|
|
12792
|
+
let sheet = document.createElement('style');
|
|
12793
|
+
sheet.innerHTML = this.clientStyling;
|
|
12794
|
+
this.host.shadowRoot.prepend(sheet);
|
|
12795
|
+
};
|
|
12796
|
+
this.setStreamStyling = (domain) => {
|
|
12797
|
+
if (window.emMessageBus) {
|
|
12798
|
+
const sheet = document.createElement('style');
|
|
12799
|
+
this.stylingSubscription = window.emMessageBus.subscribe(domain, (data) => {
|
|
12800
|
+
sheet.innerHTML = data;
|
|
12801
|
+
this.clientStyling = data;
|
|
12802
|
+
this.host.shadowRoot.prepend(sheet);
|
|
12803
|
+
});
|
|
12804
|
+
}
|
|
12805
|
+
};
|
|
12806
|
+
this.setClientStylingURL = () => {
|
|
12807
|
+
let url = new URL(this.clientStylingUrl);
|
|
12808
|
+
let cssFile = document.createElement('style');
|
|
12809
|
+
fetch(url.href)
|
|
12810
|
+
.then((res) => res.text())
|
|
12811
|
+
.then((data) => {
|
|
12812
|
+
cssFile.innerHTML = data;
|
|
12813
|
+
this.clientStyling = data;
|
|
12814
|
+
setTimeout(() => { this.host.shadowRoot.prepend(cssFile); }, 1);
|
|
12815
|
+
});
|
|
12816
|
+
};
|
|
12790
12817
|
this.handleClick = (event) => {
|
|
12791
12818
|
if (this.emitOnClick) {
|
|
12792
12819
|
event.stopPropagation();
|
|
@@ -12809,6 +12836,7 @@ const GeneralInput = class {
|
|
|
12809
12836
|
this.hidePasswordComplexity = false;
|
|
12810
12837
|
this.noValidation = false;
|
|
12811
12838
|
this.clientStyling = '';
|
|
12839
|
+
this.clientStylingUrl = '';
|
|
12812
12840
|
this.dateFormat = undefined;
|
|
12813
12841
|
this.translationUrl = '';
|
|
12814
12842
|
this.emitOnClick = false;
|
|
@@ -12818,12 +12846,41 @@ const GeneralInput = class {
|
|
|
12818
12846
|
this.postalcodelength = undefined;
|
|
12819
12847
|
this.addresses = [];
|
|
12820
12848
|
this.ignoreCountry = false;
|
|
12849
|
+
this.mbSource = undefined;
|
|
12850
|
+
this.limitStylingAppends = false;
|
|
12851
|
+
}
|
|
12852
|
+
handleStylingChange(newValue, oldValue) {
|
|
12853
|
+
if (newValue !== oldValue)
|
|
12854
|
+
this.setClientStyling();
|
|
12855
|
+
}
|
|
12856
|
+
handleStylingUrlChange(newValue, oldValue) {
|
|
12857
|
+
if (newValue !== oldValue)
|
|
12858
|
+
this.setClientStylingURL();
|
|
12821
12859
|
}
|
|
12822
12860
|
connectedCallback() {
|
|
12823
12861
|
if (this.translationUrl) {
|
|
12824
12862
|
getTranslations$1(this.translationUrl);
|
|
12825
12863
|
}
|
|
12826
12864
|
}
|
|
12865
|
+
disconnectedCallback() {
|
|
12866
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
12867
|
+
}
|
|
12868
|
+
componentDidLoad() {
|
|
12869
|
+
this.registrationWidgetLoaded.emit();
|
|
12870
|
+
window.postMessage({ type: 'registrationWidgetLoaded' }, window.location.href);
|
|
12871
|
+
if (!this.limitStylingAppends && this.host) {
|
|
12872
|
+
if (window.emMessageBus != undefined) {
|
|
12873
|
+
this.setStreamStyling(`${this.mbSource}.Style`);
|
|
12874
|
+
}
|
|
12875
|
+
else {
|
|
12876
|
+
if (this.clientStyling)
|
|
12877
|
+
this.setClientStyling();
|
|
12878
|
+
if (this.clientStylingUrl)
|
|
12879
|
+
this.setClientStylingURL();
|
|
12880
|
+
this.limitStylingAppends = true;
|
|
12881
|
+
}
|
|
12882
|
+
}
|
|
12883
|
+
}
|
|
12827
12884
|
renderInput() {
|
|
12828
12885
|
var _a;
|
|
12829
12886
|
switch ((_a = this.type) === null || _a === void 0 ? void 0 : _a.toLowerCase()) {
|
|
@@ -12855,14 +12912,19 @@ const GeneralInput = class {
|
|
|
12855
12912
|
case 'dropdown':
|
|
12856
12913
|
return index.h("select-input", { name: this.name, action: this.action, defaultValue: this.defaultValue, displayName: this.displayName, options: this.options, validation: this.validation, emitValue: this.emitValue, autofilled: this.autofilled, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, placeholder: this.placeholder });
|
|
12857
12914
|
case 'twofa':
|
|
12858
|
-
return index.h("twofa-input", { name: this.name, displayName: this.displayName, validation: this.validation, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, destination: this.twofaDestination, "resend-interval-seconds": this.twofaResendIntervalSeconds });
|
|
12915
|
+
return index.h("twofa-input", { name: this.name, displayName: this.displayName, validation: this.validation, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, destination: this.twofaDestination, "resend-interval-seconds": this.twofaResendIntervalSeconds, "mb-source": this.mbSource });
|
|
12859
12916
|
default:
|
|
12860
12917
|
return index.h("p", null, "The ", this.type, " input type is not valid");
|
|
12861
12918
|
}
|
|
12862
12919
|
}
|
|
12863
12920
|
render() {
|
|
12864
|
-
return (index.h(index.Host, { key: '
|
|
12921
|
+
return (index.h(index.Host, { key: '134ef4b9ef8814a9b77c5db5b5085b0fe4e79c92', class: `general-input--${this.name}`, onClick: this.handleClick }, this.renderInput()));
|
|
12865
12922
|
}
|
|
12923
|
+
get host() { return index.getElement(this); }
|
|
12924
|
+
static get watchers() { return {
|
|
12925
|
+
"clientStyling": ["handleStylingChange"],
|
|
12926
|
+
"clientStylingUrl": ["handleStylingUrlChange"]
|
|
12927
|
+
}; }
|
|
12866
12928
|
};
|
|
12867
12929
|
GeneralInput.style = GeneralInputStyle0;
|
|
12868
12930
|
|
|
@@ -14951,7 +15013,7 @@ const GeneralRegistration = class {
|
|
|
14951
15013
|
input.inputType.toLowerCase() === 'togglecheckbox'
|
|
14952
15014
|
? input.data.subFields
|
|
14953
15015
|
: input.data.values
|
|
14954
|
-
: [], defaultValue: input.defaultValue, autofilled: input.autofill, emitValue: this.emitValue, language: this.language, isDuplicateInput: input.isDuplicateInput, "client-styling": this.clientStyling, tooltip: input.tooltip, placeholder: input.placeholder == null ? '' : input.placeholder, "date-format": this.dateFormat, "twofa-destination": this.twofaDestination, "twofa-resend-interval-seconds": (_a = input.customInfo) === null || _a === void 0 ? void 0 : _a.twofaResendIntervalSeconds, "translation-url": this.translationUrl, emitOnClick: this.emitOnClick, onClick: this.handleInitialClick, haspostalcodelookup: this.haspostalcodelookup, addresses: this.haspostalcodelookup ? this.addresses : null, postalcodelength: this.haspostalcodelookup ? this.postalcodelength : null, key: ['address1', 'address2', 'City'].includes(input.name)
|
|
15016
|
+
: [], defaultValue: input.defaultValue, autofilled: input.autofill, emitValue: this.emitValue, language: this.language, mbSource: this.mbSource, isDuplicateInput: input.isDuplicateInput, "client-styling": this.clientStyling, tooltip: input.tooltip, placeholder: input.placeholder == null ? '' : input.placeholder, "date-format": this.dateFormat, "twofa-destination": this.twofaDestination, "twofa-resend-interval-seconds": (_a = input.customInfo) === null || _a === void 0 ? void 0 : _a.twofaResendIntervalSeconds, "translation-url": this.translationUrl, emitOnClick: this.emitOnClick, onClick: this.handleInitialClick, haspostalcodelookup: this.haspostalcodelookup, addresses: this.haspostalcodelookup ? this.addresses : null, postalcodelength: this.haspostalcodelookup ? this.postalcodelength : null, key: ['address1', 'address2', 'City'].includes(input.name)
|
|
14955
15017
|
? `${input.name}-${this.addressUpdateKey}`
|
|
14956
15018
|
: input.name, "ignore-country": this.getIgnoreCountry(input) }), ((_b = input.customInfo) === null || _b === void 0 ? void 0 : _b.description) && index.h("div", { class: "input-description" }, input.customInfo.description)));
|
|
14957
15019
|
}), this.forms[this.registrationStep] && this.isConsentReady && this.renderConsents(), this.forms[this.registrationStep] && this.buttonInsideForm && this.renderButtons(), index.h("div", { class: "registration__wrapper--flex" }, index.h("p", { class: "registration__error-message", innerHTML: this.errorMessage }))));
|
|
@@ -16569,6 +16631,7 @@ const TwofaInputStyle0 = twofaInputCss;
|
|
|
16569
16631
|
const TwofaInput = class {
|
|
16570
16632
|
constructor(hostRef) {
|
|
16571
16633
|
index.registerInstance(this, hostRef);
|
|
16634
|
+
this.registrationWidgetLoaded = index.createEvent(this, "registrationWidgetLoaded", 7);
|
|
16572
16635
|
this.sendValidityState = index.createEvent(this, "sendValidityState", 7);
|
|
16573
16636
|
this.sendInputValue = index.createEvent(this, "sendInputValue", 7);
|
|
16574
16637
|
this.resendCode = index.createEvent(this, "resendCode", 7);
|
|
@@ -16583,6 +16646,17 @@ const TwofaInput = class {
|
|
|
16583
16646
|
this.triggerResendInterval();
|
|
16584
16647
|
this.resendCode.emit();
|
|
16585
16648
|
};
|
|
16649
|
+
this.setClientStylingURL = () => {
|
|
16650
|
+
let url = new URL(this.clientStylingUrl);
|
|
16651
|
+
let cssFile = document.createElement('style');
|
|
16652
|
+
fetch(url.href)
|
|
16653
|
+
.then((res) => res.text())
|
|
16654
|
+
.then((data) => {
|
|
16655
|
+
cssFile.innerHTML = data;
|
|
16656
|
+
this.clientStyling = data;
|
|
16657
|
+
setTimeout(() => { this.host.shadowRoot.prepend(cssFile); }, 1);
|
|
16658
|
+
});
|
|
16659
|
+
};
|
|
16586
16660
|
this.setInputRef = (el, idx) => {
|
|
16587
16661
|
if (el) {
|
|
16588
16662
|
this.inputRefs[idx] = el;
|
|
@@ -16639,6 +16713,16 @@ const TwofaInput = class {
|
|
|
16639
16713
|
sheet.innerHTML = this.clientStyling;
|
|
16640
16714
|
this.stylingContainer.prepend(sheet);
|
|
16641
16715
|
};
|
|
16716
|
+
this.setStreamStyling = (domain) => {
|
|
16717
|
+
if (window.emMessageBus) {
|
|
16718
|
+
const sheet = document.createElement('style');
|
|
16719
|
+
this.stylingSubscription = window.emMessageBus.subscribe(domain, (data) => {
|
|
16720
|
+
sheet.innerHTML = data;
|
|
16721
|
+
this.clientStyling = data;
|
|
16722
|
+
this.host.shadowRoot.prepend(sheet);
|
|
16723
|
+
});
|
|
16724
|
+
}
|
|
16725
|
+
};
|
|
16642
16726
|
this.name = '';
|
|
16643
16727
|
this.displayName = '';
|
|
16644
16728
|
this.placeholder = '';
|
|
@@ -16649,6 +16733,8 @@ const TwofaInput = class {
|
|
|
16649
16733
|
this.destination = '';
|
|
16650
16734
|
this.resendIntervalSeconds = 60;
|
|
16651
16735
|
this.clientStyling = '';
|
|
16736
|
+
this.clientStylingUrl = '';
|
|
16737
|
+
this.mbSource = undefined;
|
|
16652
16738
|
this.limitStylingAppends = false;
|
|
16653
16739
|
this.isValid = false;
|
|
16654
16740
|
this.isResendButtonAvailable = true;
|
|
@@ -16672,6 +16758,10 @@ const TwofaInput = class {
|
|
|
16672
16758
|
this.valueHandler({ name: this.name, value: this.code.join('') });
|
|
16673
16759
|
}
|
|
16674
16760
|
}
|
|
16761
|
+
handleStylingUrlChange(newValue, oldValue) {
|
|
16762
|
+
if (newValue !== oldValue)
|
|
16763
|
+
this.setClientStylingURL();
|
|
16764
|
+
}
|
|
16675
16765
|
validityStateHandler(inputStateEvent) {
|
|
16676
16766
|
this.sendValidityState.emit(inputStateEvent);
|
|
16677
16767
|
}
|
|
@@ -16688,6 +16778,9 @@ const TwofaInput = class {
|
|
|
16688
16778
|
this.validationPattern = this.setPattern();
|
|
16689
16779
|
this.code = new Array(this.validation.maxLength).fill('');
|
|
16690
16780
|
}
|
|
16781
|
+
disconnectedCallback() {
|
|
16782
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
16783
|
+
}
|
|
16691
16784
|
componentDidRender() {
|
|
16692
16785
|
if (!this.limitStylingAppends && this.stylingContainer) {
|
|
16693
16786
|
if (this.clientStyling) {
|
|
@@ -16698,6 +16791,20 @@ const TwofaInput = class {
|
|
|
16698
16791
|
}
|
|
16699
16792
|
componentDidLoad() {
|
|
16700
16793
|
this.setValidity();
|
|
16794
|
+
this.registrationWidgetLoaded.emit();
|
|
16795
|
+
window.postMessage({ type: 'registrationWidgetLoaded' }, window.location.href);
|
|
16796
|
+
if (!this.limitStylingAppends && this.host) {
|
|
16797
|
+
if (window.emMessageBus != undefined) {
|
|
16798
|
+
this.setStreamStyling(`${this.mbSource}.Style`);
|
|
16799
|
+
}
|
|
16800
|
+
else {
|
|
16801
|
+
if (this.clientStyling)
|
|
16802
|
+
this.setClientStyling();
|
|
16803
|
+
if (this.clientStylingUrl)
|
|
16804
|
+
this.setClientStylingURL();
|
|
16805
|
+
this.limitStylingAppends = true;
|
|
16806
|
+
}
|
|
16807
|
+
}
|
|
16701
16808
|
}
|
|
16702
16809
|
handleKeyDown(e, idx) {
|
|
16703
16810
|
if (e.key === 'Backspace') {
|
|
@@ -16765,16 +16872,18 @@ const TwofaInput = class {
|
|
|
16765
16872
|
return null;
|
|
16766
16873
|
}
|
|
16767
16874
|
render() {
|
|
16768
|
-
return (index.h("div", { key: '
|
|
16875
|
+
return (index.h("div", { key: '45f0c8c7d88898a5474bff460ce962e8bb1e8634', class: "twofa", ref: el => this.stylingContainer = el }, index.h("div", { key: 'b40e81587ad9c7b67c112c8867104e761db7e3bc', class: 'twofa__error-message' }, index.h("p", { key: '760c694f6f71f040e85f81a67d3d41524c23130f' }, this.errorMessage)), index.h("div", { key: '2b437a5108e3989d2ddf596dc4a97d2071448154', class: "twofa__description", innerHTML: translate$1('twofaDescription', this.language, { values: { destination: this.destination } }) }), index.h("div", { key: '84df3ebbe4077ba8462c08cc7956349ec4a55b79', class: "twofa__input-wrapper", ref: this.setContainerRef }, this.code.map((char, idx) => {
|
|
16769
16876
|
return (index.h("input", { key: idx, ref: el => this.setInputRef(el, idx), id: `otp-input-${idx}`, type: "text", maxLength: 2, value: char, onInput: (event) => this.handleInput(event, idx), onKeyDown: (event) => this.handleKeyDown(event, idx), onPaste: (event) => this.handlePaste(event) }));
|
|
16770
|
-
})), index.h("div", { key: '
|
|
16877
|
+
})), index.h("div", { key: 'abdf6e2a3ff7ef6436b59206c40ada5305543db3', class: "twofa__button-wrapper" }, index.h("p", { key: 'e0859c58e48741eb379fbcaf23519bb90404489b', class: "twofa__resend-message" }, translate$1('twofaResendMessage', this.language)), index.h("button", { key: '89aa3a93a9b97029fd315450892cef5edd5d5294', class: "twofa__resend-button", onClick: this.resendCodeHandler, disabled: !this.isResendButtonAvailable }, this.isResendButtonAvailable
|
|
16771
16878
|
? translate$1('twofaResendButton', this.language)
|
|
16772
16879
|
: this.formatTime()))));
|
|
16773
16880
|
}
|
|
16881
|
+
get host() { return index.getElement(this); }
|
|
16774
16882
|
static get watchers() { return {
|
|
16775
16883
|
"clientStyling": ["handleStylingChange"],
|
|
16776
16884
|
"isValid": ["validityChanged"],
|
|
16777
|
-
"emitValue": ["emitValueHandler"]
|
|
16885
|
+
"emitValue": ["emitValueHandler"],
|
|
16886
|
+
"clientStylingUrl": ["handleStylingUrlChange"]
|
|
16778
16887
|
}; }
|
|
16779
16888
|
};
|
|
16780
16889
|
TwofaInput.style = TwofaInputStyle0;
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["checkbox-group-input_15.cjs",[[1,"general-registration",{"endpoint":[513],"language":[513],"clientStyling":[1537,"client-styling"],"mbSource":[1,"mb-source"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"dateFormat":[513,"date-format"],"buttonInsideForm":[516,"button-inside-form"],"btag":[513],"emitOnClick":[516,"emit-on-click"],"haspostalcodelookup":[516],"ignorebtag":[516],"errorMessage":[32],"isFormValid":[32],"isConsentValid":[32],"isConsentReady":[32],"isLoading":[32],"isLoadingPOST":[32],"registrationStep":[32],"forms":[32],"limitStylingAppends":[32],"autofilled":[32],"isInitalInteraction":[32],"addresses":[32],"addressUpdateKey":[32]},[[0,"sendValidityState","checkInputsValidityHandler"],[0,"sendInputValue","getInputsValueHandler"],[0,"sendAddressValue","handleAddressSelection"],[8,"countryCodeUpdated","handleCountryCodeUpdateGlobal"],[0,"resendCode","handleRequestTwofa"],[8,"message","messageHandler"]],{"registrationStep":["sendStep"],"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"],"forms":["setFormValidity"],"btag":["addBtag"]}],[1,"general-input",{"type":[513],"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"validation":[16],"options":[520],"language":[513],"autofilled":[516],"tooltip":[513],"defaultValue":[520,"default-value"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"noValidation":[516,"no-validation"],"clientStyling":[520,"client-styling"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"],"haspostalcodelookup":[516],"postalcodelength":[514],"addresses":[520],"ignoreCountry":[516,"ignore-country"]}],[1,"toggle-checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"options":[16],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"showFields":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"]}],[1,"checkbox-group-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"selectedValues":["setValue"],"emitValue":["emitValueHandler"]}],[1,"checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"date-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"dateFormat":[513,"date-format"],"emitOnClick":[516,"emit-on-click"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"email-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"number-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"password-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"noValidation":[516,"no-validation"],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"value":["valueChanged"],"emitValue":["emitValueHandler"]}],[1,"postalcode-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"postalcodelength":[520],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedCountryCode":[32],"currentPostalCode":[32],"openAddressDropdown":[32],"showNoResultsMessage":[32],"refreshTrigger":[32],"isFetchingAddresses":[32]},[[10,"click","handleClickOutside"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[8,"addressFetchStarted","handleFetchStarted"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"addresses":["handleAddresses"]}],[1,"radio-input",{"name":[513],"displayName":[513,"display-name"],"optionsGroup":[16],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"select-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"tel-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"showLabels":[516,"show-labels"],"action":[513],"validation":[16],"defaultValue":[520,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"disablePhonePrefix":[32],"phoneValue":[32],"phoneCodesOptions":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"text-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"checkValidity":[516,"check-validity"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"haspostalcodelookup":[516],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedCountryCode":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[16,"sendAddressValue","handleAddressSelection"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"twofa-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"destination":[513],"resendIntervalSeconds":[514,"resend-interval-seconds"],"clientStyling":[513,"client-styling"],"limitStylingAppends":[32],"isValid":[32],"isResendButtonAvailable":[32],"showTooltip":[32],"errorMessage":[32],"code":[32],"resendIntervalSecondsLeft":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}]]]], options);
|
|
22
|
+
return index.bootstrapLazy([["checkbox-group-input_15.cjs",[[1,"general-registration",{"endpoint":[513],"language":[513],"clientStyling":[1537,"client-styling"],"mbSource":[1,"mb-source"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"dateFormat":[513,"date-format"],"buttonInsideForm":[516,"button-inside-form"],"btag":[513],"emitOnClick":[516,"emit-on-click"],"haspostalcodelookup":[516],"ignorebtag":[516],"errorMessage":[32],"isFormValid":[32],"isConsentValid":[32],"isConsentReady":[32],"isLoading":[32],"isLoadingPOST":[32],"registrationStep":[32],"forms":[32],"limitStylingAppends":[32],"autofilled":[32],"isInitalInteraction":[32],"addresses":[32],"addressUpdateKey":[32]},[[0,"sendValidityState","checkInputsValidityHandler"],[0,"sendInputValue","getInputsValueHandler"],[0,"sendAddressValue","handleAddressSelection"],[8,"countryCodeUpdated","handleCountryCodeUpdateGlobal"],[0,"resendCode","handleRequestTwofa"],[8,"message","messageHandler"]],{"registrationStep":["sendStep"],"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"],"forms":["setFormValidity"],"btag":["addBtag"]}],[1,"general-input",{"type":[513],"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"validation":[16],"options":[520],"language":[513],"autofilled":[516],"tooltip":[513],"defaultValue":[520,"default-value"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"noValidation":[516,"no-validation"],"clientStyling":[520,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"],"haspostalcodelookup":[516],"postalcodelength":[514],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"mbSource":[513,"mb-source"],"limitStylingAppends":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"toggle-checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"options":[16],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"showFields":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"]}],[1,"checkbox-group-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"selectedValues":["setValue"],"emitValue":["emitValueHandler"]}],[1,"checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"date-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"dateFormat":[513,"date-format"],"emitOnClick":[516,"emit-on-click"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"email-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"number-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"password-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"noValidation":[516,"no-validation"],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"value":["valueChanged"],"emitValue":["emitValueHandler"]}],[1,"postalcode-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"postalcodelength":[520],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedCountryCode":[32],"currentPostalCode":[32],"openAddressDropdown":[32],"showNoResultsMessage":[32],"refreshTrigger":[32],"isFetchingAddresses":[32]},[[10,"click","handleClickOutside"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[8,"addressFetchStarted","handleFetchStarted"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"addresses":["handleAddresses"]}],[1,"radio-input",{"name":[513],"displayName":[513,"display-name"],"optionsGroup":[16],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"select-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"tel-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"showLabels":[516,"show-labels"],"action":[513],"validation":[16],"defaultValue":[520,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"disablePhonePrefix":[32],"phoneValue":[32],"phoneCodesOptions":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"text-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"checkValidity":[516,"check-validity"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"haspostalcodelookup":[516],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedCountryCode":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[16,"sendAddressValue","handleAddressSelection"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"twofa-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"destination":[513],"resendIntervalSeconds":[514,"resend-interval-seconds"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"limitStylingAppends":[32],"isValid":[32],"isResendButtonAvailable":[32],"showTooltip":[32],"errorMessage":[32],"code":[32],"resendIntervalSecondsLeft":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"clientStylingUrl":["handleStylingUrlChange"]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy([["checkbox-group-input_15.cjs",[[1,"general-registration",{"endpoint":[513],"language":[513],"clientStyling":[1537,"client-styling"],"mbSource":[1,"mb-source"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"dateFormat":[513,"date-format"],"buttonInsideForm":[516,"button-inside-form"],"btag":[513],"emitOnClick":[516,"emit-on-click"],"haspostalcodelookup":[516],"ignorebtag":[516],"errorMessage":[32],"isFormValid":[32],"isConsentValid":[32],"isConsentReady":[32],"isLoading":[32],"isLoadingPOST":[32],"registrationStep":[32],"forms":[32],"limitStylingAppends":[32],"autofilled":[32],"isInitalInteraction":[32],"addresses":[32],"addressUpdateKey":[32]},[[0,"sendValidityState","checkInputsValidityHandler"],[0,"sendInputValue","getInputsValueHandler"],[0,"sendAddressValue","handleAddressSelection"],[8,"countryCodeUpdated","handleCountryCodeUpdateGlobal"],[0,"resendCode","handleRequestTwofa"],[8,"message","messageHandler"]],{"registrationStep":["sendStep"],"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"],"forms":["setFormValidity"],"btag":["addBtag"]}],[1,"general-input",{"type":[513],"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"validation":[16],"options":[520],"language":[513],"autofilled":[516],"tooltip":[513],"defaultValue":[520,"default-value"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"noValidation":[516,"no-validation"],"clientStyling":[520,"client-styling"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"],"haspostalcodelookup":[516],"postalcodelength":[514],"addresses":[520],"ignoreCountry":[516,"ignore-country"]}],[1,"toggle-checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"options":[16],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"showFields":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"]}],[1,"checkbox-group-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"selectedValues":["setValue"],"emitValue":["emitValueHandler"]}],[1,"checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"date-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"dateFormat":[513,"date-format"],"emitOnClick":[516,"emit-on-click"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"email-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"number-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"password-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"noValidation":[516,"no-validation"],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"value":["valueChanged"],"emitValue":["emitValueHandler"]}],[1,"postalcode-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"postalcodelength":[520],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedCountryCode":[32],"currentPostalCode":[32],"openAddressDropdown":[32],"showNoResultsMessage":[32],"refreshTrigger":[32],"isFetchingAddresses":[32]},[[10,"click","handleClickOutside"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[8,"addressFetchStarted","handleFetchStarted"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"addresses":["handleAddresses"]}],[1,"radio-input",{"name":[513],"displayName":[513,"display-name"],"optionsGroup":[16],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"select-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"tel-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"showLabels":[516,"show-labels"],"action":[513],"validation":[16],"defaultValue":[520,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"disablePhonePrefix":[32],"phoneValue":[32],"phoneCodesOptions":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"text-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"checkValidity":[516,"check-validity"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"haspostalcodelookup":[516],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedCountryCode":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[16,"sendAddressValue","handleAddressSelection"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"twofa-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"destination":[513],"resendIntervalSeconds":[514,"resend-interval-seconds"],"clientStyling":[513,"client-styling"],"limitStylingAppends":[32],"isValid":[32],"isResendButtonAvailable":[32],"showTooltip":[32],"errorMessage":[32],"code":[32],"resendIntervalSecondsLeft":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}]]]], options);
|
|
11
|
+
return index.bootstrapLazy([["checkbox-group-input_15.cjs",[[1,"general-registration",{"endpoint":[513],"language":[513],"clientStyling":[1537,"client-styling"],"mbSource":[1,"mb-source"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"dateFormat":[513,"date-format"],"buttonInsideForm":[516,"button-inside-form"],"btag":[513],"emitOnClick":[516,"emit-on-click"],"haspostalcodelookup":[516],"ignorebtag":[516],"errorMessage":[32],"isFormValid":[32],"isConsentValid":[32],"isConsentReady":[32],"isLoading":[32],"isLoadingPOST":[32],"registrationStep":[32],"forms":[32],"limitStylingAppends":[32],"autofilled":[32],"isInitalInteraction":[32],"addresses":[32],"addressUpdateKey":[32]},[[0,"sendValidityState","checkInputsValidityHandler"],[0,"sendInputValue","getInputsValueHandler"],[0,"sendAddressValue","handleAddressSelection"],[8,"countryCodeUpdated","handleCountryCodeUpdateGlobal"],[0,"resendCode","handleRequestTwofa"],[8,"message","messageHandler"]],{"registrationStep":["sendStep"],"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"],"forms":["setFormValidity"],"btag":["addBtag"]}],[1,"general-input",{"type":[513],"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"validation":[16],"options":[520],"language":[513],"autofilled":[516],"tooltip":[513],"defaultValue":[520,"default-value"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"noValidation":[516,"no-validation"],"clientStyling":[520,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"],"haspostalcodelookup":[516],"postalcodelength":[514],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"mbSource":[513,"mb-source"],"limitStylingAppends":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"toggle-checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"options":[16],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"showFields":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"]}],[1,"checkbox-group-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"selectedValues":["setValue"],"emitValue":["emitValueHandler"]}],[1,"checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"date-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"dateFormat":[513,"date-format"],"emitOnClick":[516,"emit-on-click"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"email-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"number-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"password-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"noValidation":[516,"no-validation"],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"value":["valueChanged"],"emitValue":["emitValueHandler"]}],[1,"postalcode-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"postalcodelength":[520],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedCountryCode":[32],"currentPostalCode":[32],"openAddressDropdown":[32],"showNoResultsMessage":[32],"refreshTrigger":[32],"isFetchingAddresses":[32]},[[10,"click","handleClickOutside"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[8,"addressFetchStarted","handleFetchStarted"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"addresses":["handleAddresses"]}],[1,"radio-input",{"name":[513],"displayName":[513,"display-name"],"optionsGroup":[16],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"select-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"tel-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"showLabels":[516,"show-labels"],"action":[513],"validation":[16],"defaultValue":[520,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"disablePhonePrefix":[32],"phoneValue":[32],"phoneCodesOptions":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"text-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"checkValidity":[516,"check-validity"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"haspostalcodelookup":[516],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedCountryCode":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[16,"sendAddressValue","handleAddressSelection"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"twofa-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"destination":[513],"resendIntervalSeconds":[514,"resend-interval-seconds"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"limitStylingAppends":[32],"isValid":[32],"isResendButtonAvailable":[32],"showTooltip":[32],"errorMessage":[32],"code":[32],"resendIntervalSecondsLeft":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"clientStylingUrl":["handleStylingUrlChange"]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -968,7 +968,7 @@ export class GeneralRegistration {
|
|
|
968
968
|
input.inputType.toLowerCase() === 'togglecheckbox'
|
|
969
969
|
? input.data.subFields
|
|
970
970
|
: input.data.values
|
|
971
|
-
: [], defaultValue: input.defaultValue, autofilled: input.autofill, emitValue: this.emitValue, language: this.language, isDuplicateInput: input.isDuplicateInput, "client-styling": this.clientStyling, tooltip: input.tooltip, placeholder: input.placeholder == null ? '' : input.placeholder, "date-format": this.dateFormat, "twofa-destination": this.twofaDestination, "twofa-resend-interval-seconds": (_a = input.customInfo) === null || _a === void 0 ? void 0 : _a.twofaResendIntervalSeconds, "translation-url": this.translationUrl, emitOnClick: this.emitOnClick, onClick: this.handleInitialClick, haspostalcodelookup: this.haspostalcodelookup, addresses: this.haspostalcodelookup ? this.addresses : null, postalcodelength: this.haspostalcodelookup ? this.postalcodelength : null, key: ['address1', 'address2', 'City'].includes(input.name)
|
|
971
|
+
: [], defaultValue: input.defaultValue, autofilled: input.autofill, emitValue: this.emitValue, language: this.language, mbSource: this.mbSource, isDuplicateInput: input.isDuplicateInput, "client-styling": this.clientStyling, tooltip: input.tooltip, placeholder: input.placeholder == null ? '' : input.placeholder, "date-format": this.dateFormat, "twofa-destination": this.twofaDestination, "twofa-resend-interval-seconds": (_a = input.customInfo) === null || _a === void 0 ? void 0 : _a.twofaResendIntervalSeconds, "translation-url": this.translationUrl, emitOnClick: this.emitOnClick, onClick: this.handleInitialClick, haspostalcodelookup: this.haspostalcodelookup, addresses: this.haspostalcodelookup ? this.addresses : null, postalcodelength: this.haspostalcodelookup ? this.postalcodelength : null, key: ['address1', 'address2', 'City'].includes(input.name)
|
|
972
972
|
? `${input.name}-${this.addressUpdateKey}`
|
|
973
973
|
: input.name, "ignore-country": this.getIgnoreCountry(input) }), ((_b = input.customInfo) === null || _b === void 0 ? void 0 : _b.description) && h("div", { class: "input-description" }, input.customInfo.description)));
|
|
974
974
|
}), this.forms[this.registrationStep] && this.isConsentReady && this.renderConsents(), this.forms[this.registrationStep] && this.buttonInsideForm && this.renderButtons(), h("div", { class: "registration__wrapper--flex" }, h("p", { class: "registration__error-message", innerHTML: this.errorMessage }))));
|
|
@@ -12783,6 +12783,33 @@ const GeneralInputStyle0 = generalInputCss;
|
|
|
12783
12783
|
const GeneralInput = class {
|
|
12784
12784
|
constructor(hostRef) {
|
|
12785
12785
|
registerInstance(this, hostRef);
|
|
12786
|
+
this.registrationWidgetLoaded = createEvent(this, "registrationWidgetLoaded", 7);
|
|
12787
|
+
this.setClientStyling = () => {
|
|
12788
|
+
let sheet = document.createElement('style');
|
|
12789
|
+
sheet.innerHTML = this.clientStyling;
|
|
12790
|
+
this.host.shadowRoot.prepend(sheet);
|
|
12791
|
+
};
|
|
12792
|
+
this.setStreamStyling = (domain) => {
|
|
12793
|
+
if (window.emMessageBus) {
|
|
12794
|
+
const sheet = document.createElement('style');
|
|
12795
|
+
this.stylingSubscription = window.emMessageBus.subscribe(domain, (data) => {
|
|
12796
|
+
sheet.innerHTML = data;
|
|
12797
|
+
this.clientStyling = data;
|
|
12798
|
+
this.host.shadowRoot.prepend(sheet);
|
|
12799
|
+
});
|
|
12800
|
+
}
|
|
12801
|
+
};
|
|
12802
|
+
this.setClientStylingURL = () => {
|
|
12803
|
+
let url = new URL(this.clientStylingUrl);
|
|
12804
|
+
let cssFile = document.createElement('style');
|
|
12805
|
+
fetch(url.href)
|
|
12806
|
+
.then((res) => res.text())
|
|
12807
|
+
.then((data) => {
|
|
12808
|
+
cssFile.innerHTML = data;
|
|
12809
|
+
this.clientStyling = data;
|
|
12810
|
+
setTimeout(() => { this.host.shadowRoot.prepend(cssFile); }, 1);
|
|
12811
|
+
});
|
|
12812
|
+
};
|
|
12786
12813
|
this.handleClick = (event) => {
|
|
12787
12814
|
if (this.emitOnClick) {
|
|
12788
12815
|
event.stopPropagation();
|
|
@@ -12805,6 +12832,7 @@ const GeneralInput = class {
|
|
|
12805
12832
|
this.hidePasswordComplexity = false;
|
|
12806
12833
|
this.noValidation = false;
|
|
12807
12834
|
this.clientStyling = '';
|
|
12835
|
+
this.clientStylingUrl = '';
|
|
12808
12836
|
this.dateFormat = undefined;
|
|
12809
12837
|
this.translationUrl = '';
|
|
12810
12838
|
this.emitOnClick = false;
|
|
@@ -12814,12 +12842,41 @@ const GeneralInput = class {
|
|
|
12814
12842
|
this.postalcodelength = undefined;
|
|
12815
12843
|
this.addresses = [];
|
|
12816
12844
|
this.ignoreCountry = false;
|
|
12845
|
+
this.mbSource = undefined;
|
|
12846
|
+
this.limitStylingAppends = false;
|
|
12847
|
+
}
|
|
12848
|
+
handleStylingChange(newValue, oldValue) {
|
|
12849
|
+
if (newValue !== oldValue)
|
|
12850
|
+
this.setClientStyling();
|
|
12851
|
+
}
|
|
12852
|
+
handleStylingUrlChange(newValue, oldValue) {
|
|
12853
|
+
if (newValue !== oldValue)
|
|
12854
|
+
this.setClientStylingURL();
|
|
12817
12855
|
}
|
|
12818
12856
|
connectedCallback() {
|
|
12819
12857
|
if (this.translationUrl) {
|
|
12820
12858
|
getTranslations$1(this.translationUrl);
|
|
12821
12859
|
}
|
|
12822
12860
|
}
|
|
12861
|
+
disconnectedCallback() {
|
|
12862
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
12863
|
+
}
|
|
12864
|
+
componentDidLoad() {
|
|
12865
|
+
this.registrationWidgetLoaded.emit();
|
|
12866
|
+
window.postMessage({ type: 'registrationWidgetLoaded' }, window.location.href);
|
|
12867
|
+
if (!this.limitStylingAppends && this.host) {
|
|
12868
|
+
if (window.emMessageBus != undefined) {
|
|
12869
|
+
this.setStreamStyling(`${this.mbSource}.Style`);
|
|
12870
|
+
}
|
|
12871
|
+
else {
|
|
12872
|
+
if (this.clientStyling)
|
|
12873
|
+
this.setClientStyling();
|
|
12874
|
+
if (this.clientStylingUrl)
|
|
12875
|
+
this.setClientStylingURL();
|
|
12876
|
+
this.limitStylingAppends = true;
|
|
12877
|
+
}
|
|
12878
|
+
}
|
|
12879
|
+
}
|
|
12823
12880
|
renderInput() {
|
|
12824
12881
|
var _a;
|
|
12825
12882
|
switch ((_a = this.type) === null || _a === void 0 ? void 0 : _a.toLowerCase()) {
|
|
@@ -12851,14 +12908,19 @@ const GeneralInput = class {
|
|
|
12851
12908
|
case 'dropdown':
|
|
12852
12909
|
return h$1("select-input", { name: this.name, action: this.action, defaultValue: this.defaultValue, displayName: this.displayName, options: this.options, validation: this.validation, emitValue: this.emitValue, autofilled: this.autofilled, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, placeholder: this.placeholder });
|
|
12853
12910
|
case 'twofa':
|
|
12854
|
-
return h$1("twofa-input", { name: this.name, displayName: this.displayName, validation: this.validation, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, destination: this.twofaDestination, "resend-interval-seconds": this.twofaResendIntervalSeconds });
|
|
12911
|
+
return h$1("twofa-input", { name: this.name, displayName: this.displayName, validation: this.validation, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, destination: this.twofaDestination, "resend-interval-seconds": this.twofaResendIntervalSeconds, "mb-source": this.mbSource });
|
|
12855
12912
|
default:
|
|
12856
12913
|
return h$1("p", null, "The ", this.type, " input type is not valid");
|
|
12857
12914
|
}
|
|
12858
12915
|
}
|
|
12859
12916
|
render() {
|
|
12860
|
-
return (h$1(Host, { key: '
|
|
12917
|
+
return (h$1(Host, { key: '134ef4b9ef8814a9b77c5db5b5085b0fe4e79c92', class: `general-input--${this.name}`, onClick: this.handleClick }, this.renderInput()));
|
|
12861
12918
|
}
|
|
12919
|
+
get host() { return getElement(this); }
|
|
12920
|
+
static get watchers() { return {
|
|
12921
|
+
"clientStyling": ["handleStylingChange"],
|
|
12922
|
+
"clientStylingUrl": ["handleStylingUrlChange"]
|
|
12923
|
+
}; }
|
|
12862
12924
|
};
|
|
12863
12925
|
GeneralInput.style = GeneralInputStyle0;
|
|
12864
12926
|
|
|
@@ -14947,7 +15009,7 @@ const GeneralRegistration = class {
|
|
|
14947
15009
|
input.inputType.toLowerCase() === 'togglecheckbox'
|
|
14948
15010
|
? input.data.subFields
|
|
14949
15011
|
: input.data.values
|
|
14950
|
-
: [], defaultValue: input.defaultValue, autofilled: input.autofill, emitValue: this.emitValue, language: this.language, isDuplicateInput: input.isDuplicateInput, "client-styling": this.clientStyling, tooltip: input.tooltip, placeholder: input.placeholder == null ? '' : input.placeholder, "date-format": this.dateFormat, "twofa-destination": this.twofaDestination, "twofa-resend-interval-seconds": (_a = input.customInfo) === null || _a === void 0 ? void 0 : _a.twofaResendIntervalSeconds, "translation-url": this.translationUrl, emitOnClick: this.emitOnClick, onClick: this.handleInitialClick, haspostalcodelookup: this.haspostalcodelookup, addresses: this.haspostalcodelookup ? this.addresses : null, postalcodelength: this.haspostalcodelookup ? this.postalcodelength : null, key: ['address1', 'address2', 'City'].includes(input.name)
|
|
15012
|
+
: [], defaultValue: input.defaultValue, autofilled: input.autofill, emitValue: this.emitValue, language: this.language, mbSource: this.mbSource, isDuplicateInput: input.isDuplicateInput, "client-styling": this.clientStyling, tooltip: input.tooltip, placeholder: input.placeholder == null ? '' : input.placeholder, "date-format": this.dateFormat, "twofa-destination": this.twofaDestination, "twofa-resend-interval-seconds": (_a = input.customInfo) === null || _a === void 0 ? void 0 : _a.twofaResendIntervalSeconds, "translation-url": this.translationUrl, emitOnClick: this.emitOnClick, onClick: this.handleInitialClick, haspostalcodelookup: this.haspostalcodelookup, addresses: this.haspostalcodelookup ? this.addresses : null, postalcodelength: this.haspostalcodelookup ? this.postalcodelength : null, key: ['address1', 'address2', 'City'].includes(input.name)
|
|
14951
15013
|
? `${input.name}-${this.addressUpdateKey}`
|
|
14952
15014
|
: input.name, "ignore-country": this.getIgnoreCountry(input) }), ((_b = input.customInfo) === null || _b === void 0 ? void 0 : _b.description) && h$1("div", { class: "input-description" }, input.customInfo.description)));
|
|
14953
15015
|
}), this.forms[this.registrationStep] && this.isConsentReady && this.renderConsents(), this.forms[this.registrationStep] && this.buttonInsideForm && this.renderButtons(), h$1("div", { class: "registration__wrapper--flex" }, h$1("p", { class: "registration__error-message", innerHTML: this.errorMessage }))));
|
|
@@ -16565,6 +16627,7 @@ const TwofaInputStyle0 = twofaInputCss;
|
|
|
16565
16627
|
const TwofaInput = class {
|
|
16566
16628
|
constructor(hostRef) {
|
|
16567
16629
|
registerInstance(this, hostRef);
|
|
16630
|
+
this.registrationWidgetLoaded = createEvent(this, "registrationWidgetLoaded", 7);
|
|
16568
16631
|
this.sendValidityState = createEvent(this, "sendValidityState", 7);
|
|
16569
16632
|
this.sendInputValue = createEvent(this, "sendInputValue", 7);
|
|
16570
16633
|
this.resendCode = createEvent(this, "resendCode", 7);
|
|
@@ -16579,6 +16642,17 @@ const TwofaInput = class {
|
|
|
16579
16642
|
this.triggerResendInterval();
|
|
16580
16643
|
this.resendCode.emit();
|
|
16581
16644
|
};
|
|
16645
|
+
this.setClientStylingURL = () => {
|
|
16646
|
+
let url = new URL(this.clientStylingUrl);
|
|
16647
|
+
let cssFile = document.createElement('style');
|
|
16648
|
+
fetch(url.href)
|
|
16649
|
+
.then((res) => res.text())
|
|
16650
|
+
.then((data) => {
|
|
16651
|
+
cssFile.innerHTML = data;
|
|
16652
|
+
this.clientStyling = data;
|
|
16653
|
+
setTimeout(() => { this.host.shadowRoot.prepend(cssFile); }, 1);
|
|
16654
|
+
});
|
|
16655
|
+
};
|
|
16582
16656
|
this.setInputRef = (el, idx) => {
|
|
16583
16657
|
if (el) {
|
|
16584
16658
|
this.inputRefs[idx] = el;
|
|
@@ -16635,6 +16709,16 @@ const TwofaInput = class {
|
|
|
16635
16709
|
sheet.innerHTML = this.clientStyling;
|
|
16636
16710
|
this.stylingContainer.prepend(sheet);
|
|
16637
16711
|
};
|
|
16712
|
+
this.setStreamStyling = (domain) => {
|
|
16713
|
+
if (window.emMessageBus) {
|
|
16714
|
+
const sheet = document.createElement('style');
|
|
16715
|
+
this.stylingSubscription = window.emMessageBus.subscribe(domain, (data) => {
|
|
16716
|
+
sheet.innerHTML = data;
|
|
16717
|
+
this.clientStyling = data;
|
|
16718
|
+
this.host.shadowRoot.prepend(sheet);
|
|
16719
|
+
});
|
|
16720
|
+
}
|
|
16721
|
+
};
|
|
16638
16722
|
this.name = '';
|
|
16639
16723
|
this.displayName = '';
|
|
16640
16724
|
this.placeholder = '';
|
|
@@ -16645,6 +16729,8 @@ const TwofaInput = class {
|
|
|
16645
16729
|
this.destination = '';
|
|
16646
16730
|
this.resendIntervalSeconds = 60;
|
|
16647
16731
|
this.clientStyling = '';
|
|
16732
|
+
this.clientStylingUrl = '';
|
|
16733
|
+
this.mbSource = undefined;
|
|
16648
16734
|
this.limitStylingAppends = false;
|
|
16649
16735
|
this.isValid = false;
|
|
16650
16736
|
this.isResendButtonAvailable = true;
|
|
@@ -16668,6 +16754,10 @@ const TwofaInput = class {
|
|
|
16668
16754
|
this.valueHandler({ name: this.name, value: this.code.join('') });
|
|
16669
16755
|
}
|
|
16670
16756
|
}
|
|
16757
|
+
handleStylingUrlChange(newValue, oldValue) {
|
|
16758
|
+
if (newValue !== oldValue)
|
|
16759
|
+
this.setClientStylingURL();
|
|
16760
|
+
}
|
|
16671
16761
|
validityStateHandler(inputStateEvent) {
|
|
16672
16762
|
this.sendValidityState.emit(inputStateEvent);
|
|
16673
16763
|
}
|
|
@@ -16684,6 +16774,9 @@ const TwofaInput = class {
|
|
|
16684
16774
|
this.validationPattern = this.setPattern();
|
|
16685
16775
|
this.code = new Array(this.validation.maxLength).fill('');
|
|
16686
16776
|
}
|
|
16777
|
+
disconnectedCallback() {
|
|
16778
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
16779
|
+
}
|
|
16687
16780
|
componentDidRender() {
|
|
16688
16781
|
if (!this.limitStylingAppends && this.stylingContainer) {
|
|
16689
16782
|
if (this.clientStyling) {
|
|
@@ -16694,6 +16787,20 @@ const TwofaInput = class {
|
|
|
16694
16787
|
}
|
|
16695
16788
|
componentDidLoad() {
|
|
16696
16789
|
this.setValidity();
|
|
16790
|
+
this.registrationWidgetLoaded.emit();
|
|
16791
|
+
window.postMessage({ type: 'registrationWidgetLoaded' }, window.location.href);
|
|
16792
|
+
if (!this.limitStylingAppends && this.host) {
|
|
16793
|
+
if (window.emMessageBus != undefined) {
|
|
16794
|
+
this.setStreamStyling(`${this.mbSource}.Style`);
|
|
16795
|
+
}
|
|
16796
|
+
else {
|
|
16797
|
+
if (this.clientStyling)
|
|
16798
|
+
this.setClientStyling();
|
|
16799
|
+
if (this.clientStylingUrl)
|
|
16800
|
+
this.setClientStylingURL();
|
|
16801
|
+
this.limitStylingAppends = true;
|
|
16802
|
+
}
|
|
16803
|
+
}
|
|
16697
16804
|
}
|
|
16698
16805
|
handleKeyDown(e, idx) {
|
|
16699
16806
|
if (e.key === 'Backspace') {
|
|
@@ -16761,16 +16868,18 @@ const TwofaInput = class {
|
|
|
16761
16868
|
return null;
|
|
16762
16869
|
}
|
|
16763
16870
|
render() {
|
|
16764
|
-
return (h$1("div", { key: '
|
|
16871
|
+
return (h$1("div", { key: '45f0c8c7d88898a5474bff460ce962e8bb1e8634', class: "twofa", ref: el => this.stylingContainer = el }, h$1("div", { key: 'b40e81587ad9c7b67c112c8867104e761db7e3bc', class: 'twofa__error-message' }, h$1("p", { key: '760c694f6f71f040e85f81a67d3d41524c23130f' }, this.errorMessage)), h$1("div", { key: '2b437a5108e3989d2ddf596dc4a97d2071448154', class: "twofa__description", innerHTML: translate$1('twofaDescription', this.language, { values: { destination: this.destination } }) }), h$1("div", { key: '84df3ebbe4077ba8462c08cc7956349ec4a55b79', class: "twofa__input-wrapper", ref: this.setContainerRef }, this.code.map((char, idx) => {
|
|
16765
16872
|
return (h$1("input", { key: idx, ref: el => this.setInputRef(el, idx), id: `otp-input-${idx}`, type: "text", maxLength: 2, value: char, onInput: (event) => this.handleInput(event, idx), onKeyDown: (event) => this.handleKeyDown(event, idx), onPaste: (event) => this.handlePaste(event) }));
|
|
16766
|
-
})), h$1("div", { key: '
|
|
16873
|
+
})), h$1("div", { key: 'abdf6e2a3ff7ef6436b59206c40ada5305543db3', class: "twofa__button-wrapper" }, h$1("p", { key: 'e0859c58e48741eb379fbcaf23519bb90404489b', class: "twofa__resend-message" }, translate$1('twofaResendMessage', this.language)), h$1("button", { key: '89aa3a93a9b97029fd315450892cef5edd5d5294', class: "twofa__resend-button", onClick: this.resendCodeHandler, disabled: !this.isResendButtonAvailable }, this.isResendButtonAvailable
|
|
16767
16874
|
? translate$1('twofaResendButton', this.language)
|
|
16768
16875
|
: this.formatTime()))));
|
|
16769
16876
|
}
|
|
16877
|
+
get host() { return getElement(this); }
|
|
16770
16878
|
static get watchers() { return {
|
|
16771
16879
|
"clientStyling": ["handleStylingChange"],
|
|
16772
16880
|
"isValid": ["validityChanged"],
|
|
16773
|
-
"emitValue": ["emitValueHandler"]
|
|
16881
|
+
"emitValue": ["emitValueHandler"],
|
|
16882
|
+
"clientStylingUrl": ["handleStylingUrlChange"]
|
|
16774
16883
|
}; }
|
|
16775
16884
|
};
|
|
16776
16885
|
TwofaInput.style = TwofaInputStyle0;
|