@visma-swno/customer-onboarding-wizard 1.0.12 → 1.0.13

package/README.md

@@ -51,6 +51,8 @@ import { CustomerOnboardingWizard } from '@visma-swno/customer-onboarding-wizard
 | `locale` | String | `'en-US'` | No | Locale for translations. Accepted values: `en-US`, `en-GB` (mapped to `en-US`), `da-DK`, `fi-FI`, `nb-NO`, `nl-NL`, `sv-SE` |
 | `step` | String | `'welcome'` | No | Initial step to navigate to: `welcome`, `company`, `administrators`, `partner-access`, `complete` |
 | `adminUrl` | String | `''` | No | Absolute `http`/`https` URL to redirect to after task cleanup when the user clicks "Go to Admin" on the completion step. Relative paths and other schemes are ignored and the wizard closes without redirecting. |
+| `userName` | String | `''` | **Yes** | Display name of the logged-in user. Set via the `user-name` HTML attribute (e.g. `[attr.user-name]="userName"` in Angular). The component does not call any profile API. |
+| `userEmail` | String | `''` | No | Email of the logged-in user. Set via the `user-email` HTML attribute (e.g. `[attr.user-email]="userEmail"` in Angular). When provided, highlights the current user's row in the Administrators step. |
 
 ## CSS Custom Properties
 
@@ -116,7 +118,7 @@ The component emits custom events for host application integration:
 
 ### `request-token`
 
-**Emitted**: Once during component initialization
+**Emitted**: Once after first render (after host property bindings are applied)
 
 **Purpose**: Request OAuth2 access token from host application
 

package/dist/components/customer-onboarding-wizard/customer-onboarding-wizard.d.ts

@@ -8,8 +8,8 @@ export declare class CustomerOnboardingWizard extends LitElement {
     customerId: string;
     step: 'welcome' | 'company' | 'administrators' | 'partner-access' | 'complete';
     private static readonly stepMap;
-    private userName;
-    private currentUserProfile;
+    userName: string;
+    userEmail: string;
     private currentStep;
     private completedSteps;
     private errorState;
@@ -21,6 +21,7 @@ export declare class CustomerOnboardingWizard extends LitElement {
     private errorMessageListener;
     private get steps();
     connectedCallback(): void;
+    firstUpdated(): void;
     disconnectedCallback(): void;
     /**
      * Set up listener for error-message events from HttpService
@@ -45,12 +46,6 @@ export declare class CustomerOnboardingWizard extends LitElement {
      * @returns Promise that resolves with the authentication token
      */
     private requestAuthToken;
-    /**
-     * Load user profile from API and set userName
-     * userName is populated from getUserProfile() API call
-     * Falls back to default 'User' if request fails
-     */
-    private loadUserProfile;
     /**
      * Load customer data from API (details and subscriptions in parallel)
      * Falls back gracefully if customerId is missing or requests fail

package/dist/components/customer-onboarding-wizard/wizard-step2-administrators.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 import { Translations, SupportedLocale } from '../../core/i18n.service';
-import { HttpService, UserProfile } from '../../core/http.service';
+import { HttpService } from '../../core/http.service';
 /**
  * Administrators Step Component
  * Manages administrator user accounts for the customer
@@ -10,7 +10,7 @@ export declare class WizardStep2Administrators extends LitElement {
     httpService: HttpService | null;
     customerId: string;
     locale: SupportedLocale;
-    currentUser: UserProfile | null;
+    currentUserEmail: string;
     private existingAdmins;
     private isLoadingAdmins;
     private rows;

package/dist/index.js

@@ -756,7 +756,7 @@ const N = S`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
     }
   }
 };
-class U {
+class T {
   constructor() {
     this.currentLocale = "en-US";
   }
@@ -798,7 +798,7 @@ class D extends Error {
     super(`HTTP ${t}: ${a}`), this.status = t, this.name = "HttpError";
   }
 }
-class T {
+class U {
   constructor(t, a = {}, i) {
     if (this.authToken = null, !t)
       throw new Error("[HttpService] baseUrl is required");
@@ -1101,7 +1101,7 @@ var _ = Object.defineProperty, W = Object.getOwnPropertyDescriptor, h = (e, t, a
   return i && r && _(t, a, r), r;
 };
 const C = ["NO", "SE", "DK", "FI", "NL"];
-let m = class extends E {
+let u = class extends E {
   constructor() {
     super(...arguments), this.locale = "en-GB", this.customer = null, this.subscriptions = { content: [], totalNumberOfRecords: 0 }, this.editingContact = !1, this.countryDropdownOpen = !1, this.fieldErrors = {}, this.editName = "", this.editAddress1 = "", this.editAddress2 = "", this.editPostalCode = "", this.editCity = "", this.editCountryCode = "", this.editWebUrl = "", this.editContactEmail = "", this.localCustomer = null;
   }
@@ -1518,7 +1518,7 @@ let m = class extends E {
     `;
   }
 };
-m.styles = [
+u.styles = [
   N,
   j,
   P,
@@ -1526,63 +1526,63 @@ m.styles = [
 ];
 h([
   d({ type: Object })
-], m.prototype, "translations", 2);
+], u.prototype, "translations", 2);
 h([
   d({ type: String })
-], m.prototype, "locale", 2);
+], u.prototype, "locale", 2);
 h([
   d({ type: Object })
-], m.prototype, "customer", 2);
+], u.prototype, "customer", 2);
 h([
   d({ type: Object })
-], m.prototype, "subscriptions", 2);
+], u.prototype, "subscriptions", 2);
 h([
   l()
-], m.prototype, "editingContact", 2);
+], u.prototype, "editingContact", 2);
 h([
   l()
-], m.prototype, "countryDropdownOpen", 2);
+], u.prototype, "countryDropdownOpen", 2);
 h([
   l()
-], m.prototype, "fieldErrors", 2);
+], u.prototype, "fieldErrors", 2);
 h([
   l()
-], m.prototype, "editName", 2);
+], u.prototype, "editName", 2);
 h([
   l()
-], m.prototype, "editAddress1", 2);
+], u.prototype, "editAddress1", 2);
 h([
   l()
-], m.prototype, "editAddress2", 2);
+], u.prototype, "editAddress2", 2);
 h([
   l()
-], m.prototype, "editPostalCode", 2);
+], u.prototype, "editPostalCode", 2);
 h([
   l()
-], m.prototype, "editCity", 2);
+], u.prototype, "editCity", 2);
 h([
   l()
-], m.prototype, "editCountryCode", 2);
+], u.prototype, "editCountryCode", 2);
 h([
   l()
-], m.prototype, "editWebUrl", 2);
+], u.prototype, "editWebUrl", 2);
 h([
   l()
-], m.prototype, "editContactEmail", 2);
+], u.prototype, "editContactEmail", 2);
 h([
   l()
-], m.prototype, "localCustomer", 2);
-m = h([
+], u.prototype, "localCustomer", 2);
+u = h([
   A("wizard-step1-company")
-], m);
+], u);
 var K = Object.defineProperty, G = Object.getOwnPropertyDescriptor, x = (e, t, a, i) => {
   for (var r = i > 1 ? void 0 : i ? G(t, a) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (r = (i ? s(t, a, r) : s(r)) || r);
   return i && r && K(t, a, r), r;
 };
-let f = class extends E {
+let b = class extends E {
   constructor() {
-    super(...arguments), this.httpService = null, this.customerId = "", this.locale = "en-GB", this.currentUser = null, this.existingAdmins = [], this.isLoadingAdmins = !1, this.rows = [], this.nextId = 1, this.lookingUpIds = /* @__PURE__ */ new Set(), this.isConfirming = !1, this.rowErrors = /* @__PURE__ */ new Map(), this._loadSequence = 0;
+    super(...arguments), this.httpService = null, this.customerId = "", this.locale = "en-GB", this.currentUserEmail = "", this.existingAdmins = [], this.isLoadingAdmins = !1, this.rows = [], this.nextId = 1, this.lookingUpIds = /* @__PURE__ */ new Set(), this.isConfirming = !1, this.rowErrors = /* @__PURE__ */ new Map(), this._loadSequence = 0;
   }
   firstUpdated() {
     this.updateComplete.then(() => {
@@ -1591,11 +1591,11 @@ let f = class extends E {
     });
   }
   updated(e) {
-    e.has("httpService") || e.has("customerId") ? this.loadExistingAdmins() : e.has("currentUser") && this.existingAdmins.length > 0 && (this.existingAdmins = this.sortAdmins([...this.existingAdmins]));
+    e.has("httpService") || e.has("customerId") ? this.loadExistingAdmins() : e.has("currentUserEmail") && this.existingAdmins.length > 0 && (this.existingAdmins = this.sortAdmins([...this.existingAdmins]));
   }
   sortAdmins(e) {
     var a;
-    const t = (a = this.currentUser) == null ? void 0 : a.email.toLowerCase();
+    const t = (a = this.currentUserEmail) == null ? void 0 : a.toLowerCase();
     return t ? e.sort((i, r) => {
       const o = i.email.toLowerCase() === t, s = r.email.toLowerCase() === t;
       return o && s ? 0 : o ? -1 : s ? 1 : 0;
@@ -1771,8 +1771,7 @@ let f = class extends E {
     this.dispatchEvent(new CustomEvent("save-and-close", { bubbles: !0, composed: !0 }));
   }
   renderExistingAdminRow(e, t) {
-    var r;
-    const a = this.translations, i = ((r = this.currentUser) == null ? void 0 : r.email.toLowerCase()) === e.email.toLowerCase();
+    const a = this.translations, i = !!this.currentUserEmail && this.currentUserEmail.toLowerCase() === e.email.toLowerCase();
     return n`
       <div class="admin-row admin-row--done">
         <span class="row-num">${t}</span>
@@ -2062,7 +2061,7 @@ let f = class extends E {
     `;
   }
 };
-f.styles = [
+b.styles = [
   N,
   j,
   P,
@@ -2070,43 +2069,43 @@ f.styles = [
 ];
 x([
   d({ type: Object })
-], f.prototype, "translations", 2);
+], b.prototype, "translations", 2);
 x([
   d({ type: Object })
-], f.prototype, "httpService", 2);
+], b.prototype, "httpService", 2);
 x([
   d({ type: String })
-], f.prototype, "customerId", 2);
+], b.prototype, "customerId", 2);
 x([
   d({ type: String })
-], f.prototype, "locale", 2);
+], b.prototype, "locale", 2);
 x([
-  d({ type: Object })
-], f.prototype, "currentUser", 2);
+  d({ type: String })
+], b.prototype, "currentUserEmail", 2);
 x([
   l()
-], f.prototype, "existingAdmins", 2);
+], b.prototype, "existingAdmins", 2);
 x([
   l()
-], f.prototype, "isLoadingAdmins", 2);
+], b.prototype, "isLoadingAdmins", 2);
 x([
   l()
-], f.prototype, "rows", 2);
+], b.prototype, "rows", 2);
 x([
   l()
-], f.prototype, "nextId", 2);
+], b.prototype, "nextId", 2);
 x([
   l()
-], f.prototype, "lookingUpIds", 2);
+], b.prototype, "lookingUpIds", 2);
 x([
   l()
-], f.prototype, "isConfirming", 2);
+], b.prototype, "isConfirming", 2);
 x([
   l()
-], f.prototype, "rowErrors", 2);
-f = x([
+], b.prototype, "rowErrors", 2);
+b = x([
   A("wizard-step2-administrators")
-], f);
+], b);
 var Y = Object.defineProperty, H = Object.getOwnPropertyDescriptor, $ = (e, t, a, i) => {
   for (var r = i > 1 ? void 0 : i ? H(t, a) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (r = (i ? s(t, a, r) : s(r)) || r);
@@ -2338,14 +2337,14 @@ F([
 B = F([
   A("wizard-step-complete")
 ], B);
-var Q = Object.defineProperty, X = Object.getOwnPropertyDescriptor, b = (e, t, a, i) => {
+var Q = Object.defineProperty, X = Object.getOwnPropertyDescriptor, f = (e, t, a, i) => {
   for (var r = i > 1 ? void 0 : i ? X(t, a) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (r = (i ? s(t, a, r) : s(r)) || r);
   return i && r && Q(t, a, r), r;
 };
-let u = class extends E {
+let m = class extends E {
   constructor() {
-    super(...arguments), this.locale = "en-US", this.baseUrl = "", this.adminUrl = "", this.taskId = "", this.customerId = "", this.step = "welcome", this.userName = "User", this.currentUserProfile = null, this.currentStep = 0, this.completedSteps = /* @__PURE__ */ new Set(), this.errorState = null, this.customer = null, this.customerSubscriptions = { content: [], totalNumberOfRecords: 0 }, this.visible = !0, this.i18n = new U(), this.errorMessageListener = null;
+    super(...arguments), this.locale = "en-US", this.baseUrl = "", this.adminUrl = "", this.taskId = "", this.customerId = "", this.step = "welcome", this.userName = "User", this.userEmail = "", this.currentStep = 0, this.completedSteps = /* @__PURE__ */ new Set(), this.errorState = null, this.customer = null, this.customerSubscriptions = { content: [], totalNumberOfRecords: 0 }, this.visible = !0, this.i18n = new T(), this.errorMessageListener = null;
   }
   get steps() {
     const e = this.i18n.getTranslations();
@@ -2356,7 +2355,10 @@ let u = class extends E {
     ];
   }
   connectedCallback() {
-    super.connectedCallback(), this.currentStep = u.stepMap[this.step] ?? 0, this.httpService = new T(this.baseUrl, {}, this), this.i18n.setLocale(this.locale), this.initializeWithAuth(), this.setupErrorMessageListener();
+    super.connectedCallback(), this.currentStep = m.stepMap[this.step] ?? 0, this.i18n.setLocale(this.locale), this.setupErrorMessageListener();
+  }
+  firstUpdated() {
+    this.httpService = new U(this.baseUrl, {}, this), this.initializeWithAuth();
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.removeErrorMessageListener();
@@ -2393,7 +2395,7 @@ let u = class extends E {
         console.warn("[CustomerOnboardingWizard] No authentication token provided by host application");
         return;
       }
-      this.httpService.setAuthToken(e), await this.loadUserProfile(), this.loadDataForStep(this.currentStep);
+      this.httpService.setAuthToken(e), this.loadDataForStep(this.currentStep);
     } catch (e) {
       console.error("Failed to initialize component:", e);
     }
@@ -2420,19 +2422,6 @@ let u = class extends E {
       this.dispatchEvent(i);
     });
   }
-  /**
-   * Load user profile from API and set userName
-   * userName is populated from getUserProfile() API call
-   * Falls back to default 'User' if request fails
-   */
-  async loadUserProfile() {
-    try {
-      const e = await this.httpService.getUserProfile();
-      this.currentUserProfile = e, this.userName = `${e.firstName} ${e.lastName}`;
-    } catch (e) {
-      console.error("Failed to load user profile:", e);
-    }
-  }
   /**
    * Load customer data from API (details and subscriptions in parallel)
    * Falls back gracefully if customerId is missing or requests fail
@@ -2607,7 +2596,7 @@ let u = class extends E {
                 .httpService=${this.httpService}
                 .customerId=${this.customerId}
                 .locale=${this.locale}
-                .currentUser=${this.currentUserProfile}
+                .currentUserEmail=${this.userEmail}
                 @next=${this.handleNext}
                 @save-and-close=${this.handleSaveAndClose}
               ></wizard-step2-administrators>
@@ -2662,63 +2651,66 @@ let u = class extends E {
     `;
   }
 };
-u.stepMap = {
+m.stepMap = {
   welcome: 0,
   company: 1,
   administrators: 2,
   "partner-access": 3,
   complete: 4
 };
-u.styles = [
+m.styles = [
   N,
-  S`:host{display:block;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.overlay{position:fixed;inset:var(--vsn-customer-onboarding-wizard-navbar-height,var(--vsn-co-navbar-height,0px)) 0 0 0;background:var(--vsn-customer-onboarding-wizard-overlay-bg,transparent);display:flex;align-items:center;justify-content:center;z-index:1000;}.wizard-container{background:var(--ga-color-white);width:780px;max-height:90vh;box-sizing:border-box;padding:var(--ga-size-spacing-05);border-radius:var(--ga-radius);border:1px solid var(--ga-color-cyan-80);display:flex;flex-direction:column;overflow:hidden;}.wizard-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;}h1.wizard-title{font-size:var(--ga-text-xl-size);line-height:var(--ga-text-xl-line-height);font-weight:var(--ga-font-weight-semibold);margin:0;padding-bottom:var(--ga-size-spacing-06);color:var(--ga-color-text-headings);text-align:left;letter-spacing:var(--ga-text-xl-tracking);}.error-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ga-size-spacing-04);padding:var(--ga-size-spacing-05);margin-bottom:var(--ga-size-spacing-06);background-color:#FEF2F2;border:1px solid #FCA5A5;border-radius:var(--ga-radius);animation:slideDown 0.3s ease-out;}@keyframes slideDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}.error-content{display:flex;align-items:flex-start;gap:var(--ga-size-spacing-04);flex:1;}.error-icon{width:24px;height:24px;color:var(--ga-color-error);flex-shrink:0;}.error-icon svg{width:24px;height:24px;}.error-text-container{display:flex;flex-direction:column;gap:var(--ga-size-spacing-01);flex:1;}.error-title{font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-cyan-90);font-weight:600;margin:0;}.error-message{font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-cyan-90);font-weight:400;margin:0;}.error-dismiss{background:none;border:none;padding:0;cursor:pointer;color:var(--ga-color-red-60);width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:0.7;transition:opacity 0.2s;}.error-dismiss:hover{opacity:1;}.error-dismiss:focus-visible{outline:var(--ga-size-border-width-md) solid var(--ga-color-border-focus);outline-offset:var(--ga-size-border-width-md);border-radius:var(--ga-radius);}.error-dismiss svg{width:20px;height:20px;}.step-indicators{display:flex;height:82px;align-items:flex-end;}.step-wrapper{flex:1;display:flex;align-items:flex-start;height:100%;box-sizing:border-box;padding:var(--ga-size-spacing-03) var(--ga-size-spacing-02) var(--ga-size-spacing-03) 0;border-top:var(--ga-size-border-width-md) solid var(--ga-color-surface-disabled);}.step-wrapper.active{border-top-width:var(--ga-size-border-width-lg);border-top-color:var(--ga-color-primary);}.step-wrapper.completed{border-top-color:var(--ga-color-success);}.step-indicator{display:flex;align-items:center;gap:var(--ga-size-spacing-02);padding-left:var(--ga-size-spacing-03);}.step-icon{width:24px;height:24px;border-radius:var(--ga-radius-round);background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ga-color-primary);}.step-indicator.active .step-icon{color:var(--ga-color-primary);}.step-indicator.completed .step-icon{color:var(--ga-color-success);}.step-label{font-size:var(--ga-text-md-size);font-weight:500;color:var(--ga-color-primary);white-space:nowrap;letter-spacing:-0.1px}.step-indicator.active .step-label{color:var(--ga-color-text-headings);font-weight:500;}`
+  S`:host{display:block;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.overlay{position:fixed;inset:var(--vsn-customer-onboarding-wizard-navbar-height,var(--vsn-co-navbar-height,0px)) 0 0 0;background:var(--vsn-customer-onboarding-wizard-overlay-bg,var(--ga-color-miscellaneous-overlay));display:flex;align-items:center;justify-content:center;z-index:1000;}.wizard-container{background:var(--ga-color-white);width:780px;max-height:90vh;box-sizing:border-box;padding:var(--ga-size-spacing-05);border-radius:var(--ga-radius);border:1px solid var(--ga-color-cyan-80);display:flex;flex-direction:column;overflow:hidden;}.wizard-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;}h1.wizard-title{font-size:var(--ga-text-xl-size);line-height:var(--ga-text-xl-line-height);font-weight:var(--ga-font-weight-semibold);margin:0;padding-bottom:var(--ga-size-spacing-06);color:var(--ga-color-text-headings);text-align:left;letter-spacing:var(--ga-text-xl-tracking);}.error-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ga-size-spacing-04);padding:var(--ga-size-spacing-05);margin-bottom:var(--ga-size-spacing-06);background-color:#FEF2F2;border:1px solid #FCA5A5;border-radius:var(--ga-radius);animation:slideDown 0.3s ease-out;}@keyframes slideDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}.error-content{display:flex;align-items:flex-start;gap:var(--ga-size-spacing-04);flex:1;}.error-icon{width:24px;height:24px;color:var(--ga-color-error);flex-shrink:0;}.error-icon svg{width:24px;height:24px;}.error-text-container{display:flex;flex-direction:column;gap:var(--ga-size-spacing-01);flex:1;}.error-title{font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-cyan-90);font-weight:600;margin:0;}.error-message{font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-cyan-90);font-weight:400;margin:0;}.error-dismiss{background:none;border:none;padding:0;cursor:pointer;color:var(--ga-color-red-60);width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:0.7;transition:opacity 0.2s;}.error-dismiss:hover{opacity:1;}.error-dismiss:focus-visible{outline:var(--ga-size-border-width-md) solid var(--ga-color-border-focus);outline-offset:var(--ga-size-border-width-md);border-radius:var(--ga-radius);}.error-dismiss svg{width:20px;height:20px;}.step-indicators{display:flex;height:82px;align-items:flex-end;}.step-wrapper{flex:1;display:flex;align-items:flex-start;height:100%;box-sizing:border-box;padding:var(--ga-size-spacing-03) var(--ga-size-spacing-02) var(--ga-size-spacing-03) 0;border-top:var(--ga-size-border-width-md) solid var(--ga-color-surface-disabled);}.step-wrapper.active{border-top-width:var(--ga-size-border-width-lg);border-top-color:var(--ga-color-primary);}.step-wrapper.completed{border-top-color:var(--ga-color-success);}.step-indicator{display:flex;align-items:center;gap:var(--ga-size-spacing-02);padding-left:var(--ga-size-spacing-03);}.step-icon{width:24px;height:24px;border-radius:var(--ga-radius-round);background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ga-color-primary);}.step-indicator.active .step-icon{color:var(--ga-color-primary);}.step-indicator.completed .step-icon{color:var(--ga-color-success);}.step-label{font-size:var(--ga-text-md-size);font-weight:500;color:var(--ga-color-primary);white-space:nowrap;letter-spacing:-0.1px}.step-indicator.active .step-label{color:var(--ga-color-text-headings);font-weight:500;}`
 ];
-b([
+f([
   d({ type: String })
-], u.prototype, "locale", 2);
-b([
+], m.prototype, "locale", 2);
+f([
   d({ type: String })
-], u.prototype, "baseUrl", 2);
-b([
+], m.prototype, "baseUrl", 2);
+f([
   d({ type: String })
-], u.prototype, "adminUrl", 2);
-b([
+], m.prototype, "adminUrl", 2);
+f([
   d({ type: String })
-], u.prototype, "taskId", 2);
-b([
+], m.prototype, "taskId", 2);
+f([
   d({ type: String })
-], u.prototype, "customerId", 2);
-b([
+], m.prototype, "customerId", 2);
+f([
   d({ type: String })
-], u.prototype, "step", 2);
-b([
-  l()
-], u.prototype, "userName", 2);
-b([
+], m.prototype, "step", 2);
+f([
+  d({ attribute: "user-name" })
+], m.prototype, "userName", 2);
+f([
+  d({ attribute: "user-email" })
+], m.prototype, "userEmail", 2);
+f([
   l()
-], u.prototype, "currentUserProfile", 2);
-b([
+], m.prototype, "currentStep", 2);
+f([
   l()
-], u.prototype, "currentStep", 2);
-b([
+], m.prototype, "completedSteps", 2);
+f([
   l()
-], u.prototype, "completedSteps", 2);
-b([
+], m.prototype, "errorState", 2);
+f([
   l()
-], u.prototype, "errorState", 2);
-b([
+], m.prototype, "customer", 2);
+f([
   l()
-], u.prototype, "customer", 2);
-b([
+], m.prototype, "customerSubscriptions", 2);
+f([
   l()
-], u.prototype, "customerSubscriptions", 2);
-b([
+], m.prototype, "visible", 2);
+f([
   l()
-], u.prototype, "visible", 2);
-u = b([
+], m.prototype, "httpService", 2);
+m = f([
   A("vsn-customer-onboarding-wizard")
-], u);
+], m);
 export {
-  u as CustomerOnboardingWizard,
-  T as HttpService
+  m as CustomerOnboardingWizard,
+  U as HttpService
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visma-swno/customer-onboarding-wizard",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",