@everymatrix/general-registration-multistep 0.0.1

package/dist/cjs/index.cjs.js

@@ -0,0 +1,14 @@
+'use strict';
+
+function safeDecorator(fn) {
+    // eslint-disable-next-line func-names
+    return function (...args) {
+        if (customElements.get(args[0])) {
+            return false;
+        }
+        else {
+            return fn.apply(this, args);
+        }
+    };
+}
+customElements.define = safeDecorator(customElements.define);

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-2b1397e1.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy(JSON.parse("[[\"checkbox-group-input_15.cjs\",[[1,\"general-registration-multistep\",{\"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],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"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],\"currentStep\":[32]},[[0,\"sendValidityState\",\"checkInputsValidityHandler\"],[0,\"sendInputValue\",\"getInputsValueHandler\"],[0,\"sendAddressValue\",\"handleAddressSelection\"],[8,\"countryCodeUpdated\",\"handleCountryCodeUpdateGlobal\"],[0,\"resendCode\",\"handleRequestTwofa\"],[8,\"message\",\"messageHandler\"],[8,\"birthDateUpdated\",\"handleBirthDateUpdated\"]],{\"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\"],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"pinAttemptsExceeded\":[516,\"pin-attempts-exceeded\"],\"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\"],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"errorMessage\":[32],\"isValid\":[32],\"limitStylingAppends\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"],\"enableSouthAfricanMode\":[\"handleCustomRegistrationChange\"]}],[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\"],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"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],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"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\"],[8,\"documentNumberUpdatedExternally\",\"handleExternalDocUpdate\"],[8,\"documentNumberResetValidation\",\"handleDocReset\"]],{\"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\"],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"pinAttemptsExceeded\":[516,\"pin-attempts-exceeded\"],\"clientStylingUrl\":[513,\"client-styling-url\"],\"mbSource\":[513,\"mb-source\"],\"limitStylingAppends\":[32],\"isValid\":[32],\"isResendButtonAvailable\":[32],\"showTooltip\":[32],\"errorMessage\":[32],\"code\":[32],\"resendIntervalSecondsLeft\":[32],\"revealedIndexes\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"],\"clientStylingUrl\":[\"handleStylingUrlChange\"],\"clientStyling\":[\"handleStylingChange\"]}]]]]"), options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,32 @@
+{
+  "entries": [
+    "components/general-registration-multisteps/general-registration-multistep.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.19.2",
+    "typescriptVersion": "5.4.5"
+  },
+  "collections": [
+    {
+      "name": "@everymatrix/general-input",
+      "tags": [
+        "checkbox-group-input",
+        "checkbox-input",
+        "date-input",
+        "email-input",
+        "general-input",
+        "number-input",
+        "password-input",
+        "postalcode-input",
+        "radio-input",
+        "select-input",
+        "tel-input",
+        "text-input",
+        "toggle-checkbox-input",
+        "twofa-input"
+      ]
+    }
+  ],
+  "bundles": []
+}

package/dist/collection/components/general-registration-multisteps/general-registration-multistep.css

@@ -0,0 +1,230 @@
+@charset "UTF-8";
+*,
+*::before,
+*::after {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
+
+.registration__form.hidden {
+  display: none;
+}
+
+.registration {
+  font-family: "Roboto";
+  font-style: normal;
+  font-family: sans-serif;
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  width: 100%;
+  height: 100%;
+  container-type: inline-size;
+}
+.registration__wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.registration__error-message {
+  color: var(--emw--color-error, var(--emw--color-red, #ed0909));
+  font-size: var(--emw-font-size-small, 13px);
+  display: block;
+  justify-content: center;
+  text-align: center;
+}
+.registration__loading-message {
+  padding-top: 20px;
+  text-align: center;
+}
+.registration__form {
+  display: grid;
+  grid-template-columns: repeat(1, 1fr);
+  gap: 40px;
+  justify-items: stretch;
+  align-content: flex-start;
+  overflow: auto;
+  width: 100%;
+  height: 100%;
+}
+.registration__buttons-wrapper {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  align-items: center;
+  position: relative;
+}
+.registration__button {
+  border-radius: 5px;
+  background: var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));
+  border: 1px solid var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));
+  color: var(--emw--button-typography, var(--emw--color-white, #FFFFFF));
+  text-transform: uppercase;
+  font-size: 20px;
+  height: 44px;
+  width: 100%;
+  margin: 0px auto;
+  padding: 10px 20px;
+  font-weight: normal;
+  box-shadow: none;
+  cursor: pointer;
+}
+.registration__button--disabled {
+  background: var(--emw--color-gray-100, #E6E6E6);
+  border: 1px solid var(--emw--color-gray-150, #828282);
+  pointer-events: none;
+  box-shadow: none;
+}
+.registration__button--first-step {
+  display: none;
+}
+.registration .RegisterTimeline.custom__reg {
+  display: flex;
+  align-items: flex-start;
+  flex-direction: column;
+  justify-content: center;
+  width: 100%;
+  box-sizing: border-box;
+  margin-bottom: 40px;
+}
+.registration .RegisterTimeline.custom__reg .RegisterTimeline__errorMsg {
+  width: 100%;
+  text-align: center;
+  margin-top: 40px;
+  color: var(--emw--color-error, var(--emw--color-red, #ed0909));
+  padding: 10px;
+}
+.registration .RegisterTimeline.custom__reg .RegisterBackButton {
+  appearance: none;
+  background: none;
+  border: none;
+  padding: 0;
+  all: unset;
+  font-size: var(--emw--pam-page-title, 16px);
+  color: var(--emw--color-black, #000000);
+  cursor: pointer;
+  padding: 8px 8px 8px 0;
+}
+.registration .RegisterTimeline.custom__reg .RegisterBackButton.disabledRegBtn {
+  opacity: 0;
+  pointer-events: none;
+}
+.registration .RegisterTimeline.custom__reg .RegisterBackButton .arrow {
+  margin-right: 6px;
+}
+.registration .RegisterTimeline.custom__reg .RegisterTimelineWrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  max-width: 100%;
+  width: 100%;
+  margin-top: 20px;
+}
+.registration .RegisterTimeline.custom__reg .RegisterTimelineWrapper .RegisterTimeline__content {
+  width: 300px;
+  display: flex;
+  align-items: center;
+}
+.registration .RegisterTimeline.custom__reg .RegisterTimelineWrapper .step {
+  flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.registration .RegisterTimeline.custom__reg .RegisterTimelineWrapper .bullet {
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--emw--pam-page-title, 16px);
+  position: relative;
+  background-color: var(--emw--registration-input-bg, #f0f5f9);
+  color: var(--emw--color-gray-150, #979797);
+}
+.registration .RegisterTimeline.custom__reg .RegisterTimelineWrapper .bullet.active {
+  background: var(--emw--color-blue-primary, #111fa3);
+  color: var(--emw--color-white, #FFFFFF);
+}
+.registration .RegisterTimeline.custom__reg .RegisterTimelineWrapper .bullet:not(.checked)::before {
+  content: attr(data-number);
+}
+.registration .RegisterTimeline.custom__reg .RegisterTimelineWrapper .bullet.checked {
+  background: var(--emw--color-primary, #22B04E);
+  color: transparent;
+}
+.registration .RegisterTimeline.custom__reg .RegisterTimelineWrapper .bullet.checked::before {
+  content: "✓";
+  font-size: 25px;
+  color: var(--emw--color-white, #FFFFFF);
+}
+.registration .RegisterTimeline.custom__reg .RegisterTimelineWrapper .connector {
+  flex: 1 1 auto;
+  min-width: 40px;
+  height: 2px;
+  margin: 0 10px;
+  border-radius: 2px;
+  background-color: var(--emw--color-gray-50, #F9F8F8);
+}
+
+.registration__form {
+  grid-template-columns: repeat(1fr);
+}
+
+.registration__error-message {
+  display: none;
+}
+
+@container (min-width: 450px) {
+  .registration__buttons-wrapper {
+    flex-direction: row-reverse;
+    gap: 15px;
+  }
+}
+.hide-btag {
+  display: none;
+}
+
+.spinner {
+  animation: rotate 2s linear infinite;
+  z-index: 2;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin: -25px 0 0 -25px;
+  width: 50px;
+  height: 50px;
+}
+.spinner .path {
+  stroke: var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));
+  stroke-linecap: round;
+  animation: dash 1.5s ease-in-out infinite;
+}
+
+.input-description {
+  margin-top: 5px;
+  font-size: var(--emw-font-size-x-small, 12px);
+}
+
+@keyframes rotate {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes dash {
+  0% {
+    stroke-dasharray: 1, 150;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -35;
+  }
+  100% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -124;
+  }
+}