@visma-swno/customer-onboarding-wizard 1.0.14 → 1.0.15

package/README.md

@@ -28,7 +28,9 @@ npm install @visma-swno/customer-onboarding-wizard
   taskId="task-12345"
   locale="en-US"
   step="welcome"
-  adminUrl="https://admin.example.com/customer/user-access">
+  adminUrl="https://admin.example.com/customer/user-access"
+  user-name="Joe Doe"
+  user-email="joe.doe@gmail.com">
 </vsn-customer-onboarding-wizard>
 ```
 

package/dist/core/http.service.d.ts

@@ -204,10 +204,11 @@ export declare class HttpService {
      */
     saveProgress(taskId: string, step: 'welcome' | 'company' | 'administrators' | 'partner-access'): Promise<void>;
     /**
-     * Delete an onboarding task after completion
+     * Complete an onboarding task
+     * POST /api/v1/onboarding/tasks/{taskId}/complete
      * @param taskId - The onboarding task ID
      */
-    deleteTask(taskId: string): Promise<void>;
+    completeTask(taskId: string): Promise<void>;
     /**
      * Look up a user by email address.
      * Returns null when the user does not exist (404), without triggering the

package/dist/index.js

@@ -864,12 +864,12 @@ class F {
       endpoint: i,
       method: r,
       retry: s
-    }, m = new CustomEvent("http-error", {
+    }, v = new CustomEvent("http-error", {
       detail: o,
       bubbles: !0,
       composed: !0
     });
-    (L = this.eventTarget) == null || L.dispatchEvent(m);
+    (L = this.eventTarget) == null || L.dispatchEvent(v);
   }
   /**
    * Emit error message event for internal error handling
@@ -881,7 +881,7 @@ class F {
    * @param method - HTTP method
    */
   emitErrorMessage(t, a, i, r) {
-    var m;
+    var v;
     const s = {
       status: t,
       errorKey: a,
@@ -892,10 +892,10 @@ class F {
       bubbles: !0,
       composed: !0
     });
-    (m = this.eventTarget) == null || m.dispatchEvent(o);
+    (v = this.eventTarget) == null || v.dispatchEvent(o);
   }
   async request(t, a = {}) {
-    const { method: i = "GET", headers: r = {}, body: s, timeout: o = 3e4 } = a, m = new AbortController(), L = setTimeout(() => m.abort(), o), z = {
+    const { method: i = "GET", headers: r = {}, body: s, timeout: o = 3e4 } = a, v = new AbortController(), L = setTimeout(() => v.abort(), o), z = {
       ...this.defaultHeaders,
       ...r
     };
@@ -905,7 +905,7 @@ class F {
         method: i,
         headers: z,
         body: s ? JSON.stringify(s) : void 0,
-        signal: m.signal
+        signal: v.signal
       });
       if (clearTimeout(L), !g.ok) {
         if (g.status === 401 || g.status === 403)
@@ -1000,11 +1000,12 @@ class F {
     return this.patch(`/api/v1/onboarding/tasks/${t}`, { step: a });
   }
   /**
-   * Delete an onboarding task after completion
+   * Complete an onboarding task
+   * POST /api/v1/onboarding/tasks/{taskId}/complete
    * @param taskId - The onboarding task ID
    */
-  deleteTask(t) {
-    return this.delete(`/api/v1/onboarding/tasks/${t}`);
+  completeTask(t) {
+    return this.request(`/api/v1/onboarding/tasks/${t}/complete`, { method: "POST" });
   }
   /**
    * Look up a user by email address.
@@ -1119,13 +1120,13 @@ I([
 j = I([
   A("wizard-step-welcome")
 ], j);
-var _ = Object.defineProperty, K = Object.getOwnPropertyDescriptor, v = (e, t, a, i) => {
+var _ = Object.defineProperty, K = Object.getOwnPropertyDescriptor, h = (e, t, a, i) => {
   for (var r = i > 1 ? void 0 : i ? K(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
   return i && r && _(t, a, r), r;
 };
 const C = ["NO", "SE", "DK", "FI", "NL"];
-let u = class extends E {
+let m = 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;
   }
@@ -1238,15 +1239,15 @@ let u = class extends E {
       e.preventDefault();
       const r = C.indexOf(t), s = C[Math.min(r + 1, C.length - 1)];
       this.editCountryCode = s, this.updateComplete.then(() => {
-        var o, m;
-        (m = (o = this.shadowRoot) == null ? void 0 : o.querySelector(`[data-country-code="${s}"]`)) == null || m.focus();
+        var o, v;
+        (v = (o = this.shadowRoot) == null ? void 0 : o.querySelector(`[data-country-code="${s}"]`)) == null || v.focus();
       });
     } else if (e.key === "ArrowUp") {
       e.preventDefault();
       const r = C.indexOf(t), s = C[Math.max(r - 1, 0)];
       this.editCountryCode = s, this.updateComplete.then(() => {
-        var o, m;
-        (m = (o = this.shadowRoot) == null ? void 0 : o.querySelector(`[data-country-code="${s}"]`)) == null || m.focus();
+        var o, v;
+        (v = (o = this.shadowRoot) == null ? void 0 : o.querySelector(`[data-country-code="${s}"]`)) == null || v.focus();
       });
     } else e.key === "Escape" && (e.stopPropagation(), (i = (a = this.shadowRoot) == null ? void 0 : a.querySelector(".select-trigger")) == null || i.focus(), this.countryDropdownOpen = !1);
   }
@@ -1542,63 +1543,63 @@ let u = class extends E {
     `;
   }
 };
-u.styles = [
+m.styles = [
   N,
   R,
   P,
   S`:host{--avatar-size:var(--ga-size-spacing-09);}.step-content > p{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);color:var(--ga-color-text-body);margin:0 0 var(--ga-size-spacing-06);}.section-divider{border:none;border-top:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);margin:0 0 var(--ga-size-spacing-06);}.loading-placeholder{padding:var(--ga-size-spacing-05);background:var(--ga-color-neutral-10);border-radius:var(--ga-radius);color:var(--ga-color-neutral-60);font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);}.company-header{display:flex;align-items:center;gap:var(--ga-size-spacing-05);margin-bottom:var(--ga-size-spacing-07);}.company-header--editing{margin-bottom:var(--ga-size-spacing-05);}.company-avatar{width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--ga-radius-round);background:transparent;border:var(--ga-size-border-width-sm) solid var(--ga-color-text-headings);color:var(--ga-color-text-headings);display:flex;align-items:center;justify-content:center;font-size:var(--ga-text-md-size);font-weight:600;flex-shrink:0;}.company-name{font-size:var(--ga-text-xl-size);line-height:var(--ga-text-xl-line-height);letter-spacing:var(--ga-text-xl-tracking);font-weight:400;margin:0;color:var(--ga-color-text-headings);}.company-columns{display:flex;gap:var(--ga-size-spacing-07);align-items:flex-start;padding-bottom:var(--ga-size-spacing-04);padding-left:var(--ga-size-spacing-10);padding-right:var(--ga-size-spacing-10);}.contact-column{width:var(--ga-size-content-xs);flex-shrink:0;display:flex;flex-direction:column;gap:var(--ga-size-spacing-05);}.edit-form{display:flex;flex-direction:column;gap:var(--ga-size-spacing-05);}.form-field{display:flex;flex-direction:column;}.form-input{width:100%;padding:var(--ga-size-spacing-03) var(--ga-size-spacing-04);border:var(--ga-size-border-width-sm) solid var(--ga-color-border-primary);border-radius:var(--ga-radius);font-size:var(--ga-text-md-size);font-family:var(--ga-font-family-primary);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);color:var(--ga-color-text-action);background:var(--ga-color-white);box-sizing:border-box;outline:none;transition:border-color 0.2s;}.form-input:focus{border-color:var(--ga-color-border-focus);box-shadow:0 0 0 var(--ga-size-border-width-md) var(--ga-color-white),0 0 0 var(--ga-size-border-width-lg) var(--ga-color-border-focus);}.form-input.has-error{border-color:var(--ga-color-border-error);background:var(--ga-color-surface-error);}.form-input.has-error:focus{border-color:var(--ga-color-border-error);box-shadow:0 0 0 var(--ga-size-border-width-md) var(--ga-color-white),0 0 0 var(--ga-size-border-width-lg) var(--ga-color-border-error);}.postal-city-row{display:flex;gap:var(--ga-size-spacing-03);}.input-postal{width:var(--ga-size-spacing-10);flex-shrink:0;}.input-city{flex:1;}.input-country{max-width:var(--ga-size-content-2xs);}.select-wrapper{position:relative;max-width:var(--ga-size-content-2xs);}.select-trigger{display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer;width:100%;padding-right:var(--ga-size-spacing-04);}.select-trigger svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);flex-shrink:0;color:var(--ga-color-text-action);}.dropdown-menu{position:absolute;top:calc(100% + var(--ga-size-spacing-01));left:0;right:0;background:var(--ga-color-surface-primary);border:var(--ga-size-border-width-sm) solid var(--ga-color-border-primary);border-radius:var(--ga-radius);box-shadow:var(--ga-shadow-dropdown);list-style:none;margin:0;padding:0;z-index:10;overflow:hidden;}.dropdown-option{display:flex;align-items:center;gap:var(--ga-size-spacing-03);padding:var(--ga-size-spacing-03) var(--ga-size-spacing-04);font-size:var(--ga-text-md-size);font-family:var(--ga-font-family-primary);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);color:var(--ga-color-text-body);cursor:pointer;list-style:none;outline:none;position:relative;}.dropdown-option[aria-selected='true']{background:var(--ga-color-surface-selected);}.dropdown-option:hover{background:var(--ga-color-surface-action-hover-2);color:var(--ga-color-text-action-hover);}.dropdown-option:focus{box-shadow:inset 0 0 0 var(--ga-size-border-width-md) var(--ga-color-border-focus);}.dropdown-option-icon{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--ga-color-text-body);}.dropdown-option-icon svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);}.company-name-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--ga-size-spacing-03);}.org-number{font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-subtle);}.form-input--readonly{background:var(--ga-color-neutral-10);cursor:default;color:var(--ga-color-text-body);}.form-input--readonly.org-number{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);color:var(--ga-color-text-body);}.field-label-text{margin:0 0 var(--ga-size-spacing-01);font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);color:var(--ga-color-text-body);}.company-name-input{width:var(--ga-size-content-xs);box-sizing:border-box;}.edit-actions{display:flex;gap:var(--ga-size-spacing-05);align-items:center;margin-top:var(--ga-size-spacing-03);}.subscription-card{flex:1;border-radius:var(--ga-radius);background:var(--ga-color-surface-page);padding:var(--ga-size-spacing-03) var(--ga-size-spacing-03) var(--ga-size-spacing-03) var(--ga-size-spacing-05);display:flex;flex-direction:column;gap:var(--ga-size-spacing-03);}.subscription-title{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);font-weight:700;color:var(--ga-color-text-body);margin:0;}.contact-info{display:flex;flex-direction:column;gap:var(--ga-size-spacing-05);}.contact-group{display:flex;flex-direction:column;gap:var(--ga-size-spacing-01);}.contact-info p{margin:0;font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);color:var(--ga-color-text-body);}.subscription-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--ga-size-spacing-03);}.subscription-list li{display:flex;align-items:center;gap:var(--ga-size-spacing-03);font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);color:var(--ga-color-text-body);}.subscription-list li svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);color:var(--ga-color-text-body);flex-shrink:0;}.plan-notification{display:flex;align-items:flex-start;gap:var(--ga-size-spacing-05);padding:var(--ga-size-spacing-03) var(--ga-size-spacing-03) var(--ga-size-spacing-03) var(--ga-size-spacing-05);background:var(--ga-color-surface-information);border:var(--ga-size-border-width-sm) solid var(--ga-color-border-information);border-radius:var(--ga-radius);}.plan-notification-icon{color:var(--ga-color-icon-information);flex-shrink:0;padding-top:var(--ga-size-spacing-03);}.plan-notification-icon svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);}.plan-notification-text{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);color:var(--ga-color-text-body);margin:var(--ga-size-spacing-03) 0;}.wizard-actions{margin-top:0;}.sr-only{position:absolute;width:var(--ga-size-border-width-sm);height:var(--ga-size-border-width-sm);padding:0;margin:calc(var(--ga-size-border-width-sm) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.edit-contact-btn{all:unset;display:inline-flex;align-items:center;align-self:flex-start;height:var(--ga-size-40);padding:0 var(--ga-size-spacing-05);border:var(--ga-size-border-width-sm) solid var(--ga-color-cyan-80);border-radius:var(--ga-radius);background:var(--ga-color-white);color:var(--ga-color-text-body);font-size:var(--ga-text-md-size);font-weight:var(--ga-font-weight-medium);font-family:var(--vsn-customer-onboarding-wizard-font-family);cursor:pointer;white-space:nowrap;box-sizing:border-box;}.edit-contact-btn:hover{background:var(--ga-color-secondary-10);}.edit-contact-btn:focus-visible{outline:var(--ga-size-border-width-md) solid var(--ga-color-border-focus);outline-offset:var(--ga-size-border-width-md);}h2[tabindex="-1"]:focus{outline:none;}`
 ];
-v([
+h([
   d({ type: Object })
-], u.prototype, "translations", 2);
-v([
+], m.prototype, "translations", 2);
+h([
   d({ type: String })
-], u.prototype, "locale", 2);
-v([
+], m.prototype, "locale", 2);
+h([
   d({ type: Object })
-], u.prototype, "customer", 2);
-v([
+], m.prototype, "customer", 2);
+h([
   d({ type: Object })
-], u.prototype, "subscriptions", 2);
-v([
+], m.prototype, "subscriptions", 2);
+h([
   l()
-], u.prototype, "editingContact", 2);
-v([
+], m.prototype, "editingContact", 2);
+h([
   l()
-], u.prototype, "countryDropdownOpen", 2);
-v([
+], m.prototype, "countryDropdownOpen", 2);
+h([
   l()
-], u.prototype, "fieldErrors", 2);
-v([
+], m.prototype, "fieldErrors", 2);
+h([
   l()
-], u.prototype, "editName", 2);
-v([
+], m.prototype, "editName", 2);
+h([
   l()
-], u.prototype, "editAddress1", 2);
-v([
+], m.prototype, "editAddress1", 2);
+h([
   l()
-], u.prototype, "editAddress2", 2);
-v([
+], m.prototype, "editAddress2", 2);
+h([
   l()
-], u.prototype, "editPostalCode", 2);
-v([
+], m.prototype, "editPostalCode", 2);
+h([
   l()
-], u.prototype, "editCity", 2);
-v([
+], m.prototype, "editCity", 2);
+h([
   l()
-], u.prototype, "editCountryCode", 2);
-v([
+], m.prototype, "editCountryCode", 2);
+h([
   l()
-], u.prototype, "editWebUrl", 2);
-v([
+], m.prototype, "editWebUrl", 2);
+h([
   l()
-], u.prototype, "editContactEmail", 2);
-v([
+], m.prototype, "editContactEmail", 2);
+h([
   l()
-], u.prototype, "localCustomer", 2);
-u = v([
+], m.prototype, "localCustomer", 2);
+m = h([
   A("wizard-step1-company")
-], u);
+], m);
 var W = Object.defineProperty, G = Object.getOwnPropertyDescriptor, x = (e, t, a, i) => {
   for (var r = i > 1 ? void 0 : i ? G(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
@@ -1725,7 +1726,7 @@ let f = class extends E {
     return e;
   }
   async lookupUser(e) {
-    var i, r, s, o, m, L;
+    var i, r, s, o, v, L;
     const t = this.rows.find((z) => z.id === e);
     if (!t || !this.httpService) return;
     if (!this.validateRowEmail(e, t.email)) {
@@ -1741,7 +1742,7 @@ let f = class extends E {
         (k) => k.id === e ? { ...k, state: "found", firstName: z.firstName, lastName: z.lastName } : k
       ), await this.updateComplete, (o = (s = this.shadowRoot) == null ? void 0 : s.querySelector(`button[data-done-row-id="${e}"]`)) == null || o.focus()) : (this.rows = this.rows.map(
         (k) => k.id === e ? { ...k, state: "not-found", firstName: "", lastName: "" } : k
-      ), await this.updateComplete, (L = (m = this.shadowRoot) == null ? void 0 : m.querySelector(`input[data-row-id="${e}"]`)) == null || L.focus());
+      ), await this.updateComplete, (L = (v = this.shadowRoot) == null ? void 0 : v.querySelector(`input[data-row-id="${e}"]`)) == null || L.focus());
     } catch {
     } finally {
       const z = new Set(this.lookingUpIds);
@@ -2366,7 +2367,7 @@ var Q = Object.defineProperty, X = Object.getOwnPropertyDescriptor, b = (e, t, a
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
   return i && r && Q(t, a, r), r;
 };
-let h = class extends E {
+let u = 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.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 U(), this.httpService = null, this.pendingAuthToken = void 0, this.errorMessageListener = null;
   }
@@ -2379,7 +2380,7 @@ let h = class extends E {
     ];
   }
   connectedCallback() {
-    super.connectedCallback(), this.currentStep = h.stepMap[this.step] ?? 0, this.i18n.setLocale(this.locale), this.setupErrorMessageListener();
+    super.connectedCallback(), this.currentStep = u.stepMap[this.step] ?? 0, this.i18n.setLocale(this.locale), this.setupErrorMessageListener();
   }
   firstUpdated() {
     this.updateComplete.then(() => {
@@ -2536,21 +2537,21 @@ let h = class extends E {
     window.location.href = e;
   }
   handleClose(e) {
-    var r, s;
+    var r;
     const a = ((r = e.detail) == null ? void 0 : r.redirect) === !0 ? this.adminUrl : "";
     this.dispatchEvent(new CustomEvent("wizard-closed", {
       detail: { completed: !0 },
       bubbles: !0,
       composed: !0
     }));
-    const i = (o) => {
+    const i = (s) => {
       try {
-        const { protocol: m } = new URL(o);
-        (m === "https:" || m === "http:") && this.navigate(o);
+        const { protocol: o } = new URL(s);
+        (o === "https:" || o === "http:") && this.navigate(s);
       } catch {
       }
     };
-    this.taskId ? (s = this.httpService) == null || s.deleteTask(this.taskId).then(() => {
+    this.taskId && this.httpService ? this.httpService.completeTask(this.taskId).then(() => {
       this.visible = !1, a && i(a);
     }).catch(() => {
       this.visible = !1;
@@ -2692,64 +2693,64 @@ let h = class extends E {
     `;
   }
 };
-h.stepMap = {
+u.stepMap = {
   welcome: 0,
   company: 1,
   administrators: 2,
   "partner-access": 3,
   complete: 4
 };
-h.styles = [
+u.styles = [
   N,
   R,
   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-actions{display:flex;justify-content:flex-end;padding-top:var(--ga-size-spacing-05);border-top:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);margin-top:var(--ga-size-spacing-05);}.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:var(--ga-color-surface-error);border:var(--ga-size-border-width-sm) solid var(--ga-color-border-error);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([
   d({ type: String })
-], h.prototype, "locale", 2);
+], u.prototype, "locale", 2);
 b([
   d({ type: String })
-], h.prototype, "baseUrl", 2);
+], u.prototype, "baseUrl", 2);
 b([
   d({ type: String })
-], h.prototype, "adminUrl", 2);
+], u.prototype, "adminUrl", 2);
 b([
   d({ type: String })
-], h.prototype, "taskId", 2);
+], u.prototype, "taskId", 2);
 b([
   d({ type: String })
-], h.prototype, "customerId", 2);
+], u.prototype, "customerId", 2);
 b([
   d({ type: String })
-], h.prototype, "step", 2);
+], u.prototype, "step", 2);
 b([
   d({ attribute: "user-name" })
-], h.prototype, "userName", 2);
+], u.prototype, "userName", 2);
 b([
   d({ attribute: "user-email" })
-], h.prototype, "userEmail", 2);
+], u.prototype, "userEmail", 2);
 b([
   l()
-], h.prototype, "currentStep", 2);
+], u.prototype, "currentStep", 2);
 b([
   l()
-], h.prototype, "completedSteps", 2);
+], u.prototype, "completedSteps", 2);
 b([
   l()
-], h.prototype, "errorState", 2);
+], u.prototype, "errorState", 2);
 b([
   l()
-], h.prototype, "customer", 2);
+], u.prototype, "customer", 2);
 b([
   l()
-], h.prototype, "customerSubscriptions", 2);
+], u.prototype, "customerSubscriptions", 2);
 b([
   l()
-], h.prototype, "visible", 2);
-h = b([
+], u.prototype, "visible", 2);
+u = b([
   A("vsn-customer-onboarding-wizard")
-], h);
+], u);
 export {
-  h as CustomerOnboardingWizard,
+  u as CustomerOnboardingWizard,
   F as HttpService
 };

package/package.json

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