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

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.
Files changed (7) hide show
  1. package/README.md +3 -1
  2. package/dist/components/customer-onboarding-wizard/customer-onboarding-wizard.d.ts +5 -9
  3. package/dist/components/customer-onboarding-wizard/wizard-step2-administrators.d.ts +3 -3
  4. package/dist/components/customer-onboarding-wizard/wizard-step3-partner-access.d.ts +1 -1
  5. package/dist/core/i18n.service.d.ts +4 -0
  6. package/dist/index.js +209 -178
  7. package/package.json +4 -1
package/README.md CHANGED
@@ -51,6 +51,8 @@ import { CustomerOnboardingWizard } from '@visma-swno/customer-onboarding-wizard
51
51
  | `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` |
52
52
  | `step` | String | `'welcome'` | No | Initial step to navigate to: `welcome`, `company`, `administrators`, `partner-access`, `complete` |
53
53
  | `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. |
54
+ | `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. |
55
+ | `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. |
54
56
 
55
57
  ## CSS Custom Properties
56
58
 
@@ -116,7 +118,7 @@ The component emits custom events for host application integration:
116
118
 
117
119
  ### `request-token`
118
120
 
119
- **Emitted**: Once during component initialization
121
+ **Emitted**: Once after first render (after host property bindings are applied)
120
122
 
121
123
  **Purpose**: Request OAuth2 access token from host application
122
124
 
package/dist/components/customer-onboarding-wizard/customer-onboarding-wizard.d.ts CHANGED
@@ -8,8 +8,8 @@ export declare class CustomerOnboardingWizard extends LitElement {
8
8
  customerId: string;
9
9
  step: 'welcome' | 'company' | 'administrators' | 'partner-access' | 'complete';
10
10
  private static readonly stepMap;
11
- private userName;
12
- private currentUserProfile;
11
+ userName: string;
12
+ userEmail: string;
13
13
  private currentStep;
14
14
  private completedSteps;
15
15
  private errorState;
@@ -18,9 +18,11 @@ export declare class CustomerOnboardingWizard extends LitElement {
18
18
  private visible;
19
19
  private i18n;
20
20
  private httpService;
21
+ private pendingAuthToken;
21
22
  private errorMessageListener;
22
23
  private get steps();
23
24
  connectedCallback(): void;
25
+ firstUpdated(): void;
24
26
  disconnectedCallback(): void;
25
27
  /**
26
28
  * Set up listener for error-message events from HttpService
@@ -45,12 +47,6 @@ export declare class CustomerOnboardingWizard extends LitElement {
45
47
  * @returns Promise that resolves with the authentication token
46
48
  */
47
49
  private requestAuthToken;
48
- /**
49
- * Load user profile from API and set userName
50
- * userName is populated from getUserProfile() API call
51
- * Falls back to default 'User' if request fails
52
- */
53
- private loadUserProfile;
54
50
  /**
55
51
  * Load customer data from API (details and subscriptions in parallel)
56
52
  * Falls back gracefully if customerId is missing or requests fail
@@ -62,7 +58,7 @@ export declare class CustomerOnboardingWizard extends LitElement {
62
58
  * @param token - New OAuth2 access token
63
59
  */
64
60
  updateToken(token: string | null): void;
65
- willUpdate(changedProperties: Map<string, any>): void;
61
+ protected willUpdate(changedProperties: Map<string, unknown>): void;
66
62
  static styles: import('lit').CSSResult[];
67
63
  /**
68
64
  * Load data required for the given step number.
package/dist/components/customer-onboarding-wizard/wizard-step2-administrators.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { LitElement } from 'lit';
2
2
  import { Translations, SupportedLocale } from '../../core/i18n.service';
3
- import { HttpService, UserProfile } from '../../core/http.service';
3
+ import { HttpService } from '../../core/http.service';
4
4
  /**
5
5
  * Administrators Step Component
6
6
  * Manages administrator user accounts for the customer
@@ -10,7 +10,7 @@ export declare class WizardStep2Administrators extends LitElement {
10
10
  httpService: HttpService | null;
11
11
  customerId: string;
12
12
  locale: SupportedLocale;
13
- currentUser: UserProfile | null;
13
+ currentUserEmail: string;
14
14
  private existingAdmins;
15
15
  private isLoadingAdmins;
16
16
  private rows;
@@ -20,7 +20,7 @@ export declare class WizardStep2Administrators extends LitElement {
20
20
  private rowErrors;
21
21
  private _loadSequence;
22
22
  protected firstUpdated(): void;
23
- protected updated(changedProperties: Map<string, unknown>): void;
23
+ protected willUpdate(changedProperties: Map<string, unknown>): void;
24
24
  private sortAdmins;
25
25
  private loadExistingAdmins;
26
26
  private get hasOpenRow();
package/dist/components/customer-onboarding-wizard/wizard-step3-partner-access.d.ts CHANGED
@@ -19,7 +19,7 @@ export declare class WizardStep3PartnerAccess extends LitElement {
19
19
  private searchTerm;
20
20
  private _loadSequence;
21
21
  protected firstUpdated(): void;
22
- protected updated(changedProperties: Map<string, unknown>): void;
22
+ protected willUpdate(changedProperties: Map<string, unknown>): void;
23
23
  private loadConsultants;
24
24
  private get filteredConsultants();
25
25
  private get confirmButtonLabel();
package/dist/core/i18n.service.d.ts CHANGED
@@ -114,6 +114,10 @@ export interface Translations {
114
114
  title: string;
115
115
  message: string;
116
116
  };
117
+ missingConfiguration: {
118
+ title: string;
119
+ message: string;
120
+ };
117
121
  };
118
122
  }
119
123
  /**
package/dist/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { css as S, svg as y, LitElement as E, html as n, nothing as p } from "lit";
2
2
  import { property as d, customElement as A, state as l } from "lit/decorators.js";
3
3
  S`:root{--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--primary-color:#0066cc;--secondary-color:#6c757d;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--background-color:#ffffff;--surface-color:#f8f9fa;--border-color:#dee2e6;--ga-text-primary:#212529;--ga-text-secondary:#6c757d;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius:4px;--box-shadow:0 2px 4px rgba(0,0,0,0.1);}*{box-sizing:border-box;}`;
4
- const N = S`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-information-accent:var(--ga-color-utility-blue-accent);--ga-color-surface-information:var(--ga-color-information-accent);--ga-color-utility-blue-accent:var(--ga-color-blue-10);--ga-color-blue-40:#93bbf9;--ga-color-utility-blue:var(--ga-color-blue-40);--ga-color-blue-60:#366af6;--ga-color-border-information:var(--ga-color-information);--ga-color-icon-information:var(--ga-color-information);--ga-color-information:var(--ga-color-blue-60);--ga-color-border-action:var(--ga-color-primary);--ga-color-border-action-hover:var(--ga-color-primary-60);--ga-color-border-action-hover-2:var(--ga-color-secondary-30);--ga-color-border-disabled:var(--ga-color-neutral);--ga-color-border-error:var(--ga-color-error);--ga-color-border-focus:var(--ga-color-primary);--ga-color-border-primary:var(--ga-color-neutral-60);--ga-color-border-secondary:var(--ga-color-secondary-30);--ga-color-border-selected:var(--ga-color-green-60);--ga-color-border-success:var(--ga-color-success);--ga-color-border-tertiary:var(--ga-color-neutral);--ga-color-border-warning:var(--ga-color-warning);--ga-color-categorical-graph-01:#6769d8;--ga-color-categorical-graph-02:#479fc6;--ga-color-categorical-graph-03:var(--ga-color-teal-70);--ga-color-categorical-graph-04:#c0497d;--ga-color-categorical-graph-05:#041255;--ga-color-categorical-graph-06:#dc756b;--ga-color-categorical-graph-07:var(--ga-color-rose-40);--ga-color-categorical-graph-08:#984319;--ga-color-categorical-graph-09:var(--ga-color-indigo-40);--ga-color-categorical-graph-10:#610f08;--ga-color-cyan-60:#377ea0;--ga-color-icon-action-hover:var(--ga-color-primary-60);--ga-color-primary-60:var(--ga-color-cyan-60);--ga-color-surface-progress-2:var(--ga-color-primary-60);--ga-color-cyan-70:#2a6480;--ga-color-primary-70:var(--ga-color-cyan-70);--ga-color-surface-progress:var(--ga-color-primary-70);--ga-color-text-body-secondary:var(--ga-color-primary-70);--ga-color-cyan-80:#1f4e66;--ga-color-icon-action:var(--ga-color-primary);--ga-color-primary:var(--ga-color-cyan-80);--ga-color-surface-action:var(--ga-color-primary);--ga-color-text-action:var(--ga-color-primary);--ga-color-cyan-90:#133445;--ga-color-icon-primary:var(--ga-color-primary-90);--ga-color-primary-90:var(--ga-color-cyan-90);--ga-color-surface-action-hover:var(--ga-color-primary-90);--ga-color-text-action-hover:var(--ga-color-primary-90);--ga-color-text-body:var(--ga-color-primary-90);--ga-color-text-error:var(--ga-color-primary-90);--ga-color-text-headings:var(--ga-color-primary-90);--ga-color-text-information:var(--ga-color-primary-90);--ga-color-text-success:var(--ga-color-primary-90);--ga-color-text-warning:var(--ga-color-primary-90);--ga-color-diverging-graph-01:#281986;--ga-color-diverging-graph-02:#3d37a3;--ga-color-diverging-graph-03:#504fba;--ga-color-diverging-graph-04:#6769d8;--ga-color-diverging-graph-05:#8489f5;--ga-color-diverging-graph-06:var(--ga-color-indigo-40);--ga-color-diverging-graph-07:#c5cbfb;--ga-color-diverging-graph-08:var(--ga-color-indigo-10);--ga-color-diverging-graph-09:var(--ga-color-teal-30);--ga-color-diverging-graph-10:var(--ga-color-teal-40);--ga-color-diverging-graph-11:var(--ga-color-teal-50);--ga-color-diverging-graph-12:var(--ga-color-teal-60);--ga-color-diverging-graph-13:var(--ga-color-teal-70);--ga-color-diverging-graph-14:var(--ga-color-teal-80);--ga-color-diverging-graph-15:var(--ga-color-teal-90);--ga-color-error:var(--ga-color-red-60);--ga-color-icon-error:var(--ga-color-error);--ga-color-error-accent:var(--ga-color-utility-red-accent);--ga-color-green-10:#eef5ee;--ga-color-success-accent:var(--ga-color-utility-green-accent);--ga-color-surface-selected:var(--ga-color-green-10);--ga-color-surface-success:var(--ga-color-success-accent);--ga-color-utility-green-accent:var(--ga-color-green-10);--ga-color-green-40:#9bc59b;--ga-color-utility-green:var(--ga-color-green-40);--ga-color-green-60:#448548;--ga-color-icon-success:var(--ga-color-success);--ga-color-success:var(--ga-color-green-60);--ga-color-grey-10:#f2f2f2;--ga-color-utility-grey-accent:var(--ga-color-grey-10);--ga-color-grey-40:#b9b9b9;--ga-color-text-disabled:var(--ga-color-utility-grey);--ga-color-utility-grey:var(--ga-color-grey-40);--ga-color-icon-disabled:var(--ga-color-neutral);--ga-color-icon-on-action:var(--ga-color-secondary);--ga-color-icon-on-disabled:var(--ga-color-neutral-60);--ga-color-icon-on-primary:var(--ga-color-white);--ga-color-icon-warning:var(--ga-color-warning);--ga-color-indigo-10:#f0f2fe;--ga-color-utility-indigo-accent:var(--ga-color-indigo-10);--ga-color-indigo-40:#adb4f9;--ga-color-utility-indigo:var(--ga-color-indigo-40);--ga-color-lime-10:#edf6dd;--ga-color-utility-lime-accent:var(--ga-color-lime-10);--ga-color-lime-40:#a5c656;--ga-color-utility-lime:var(--ga-color-lime-40);--ga-color-miscellaneous-overlay:#70778891;--ga-color-miscellaneous-skeleton-element:var(--ga-color-neutral-10);--ga-color-miscellaneous-skeleton-highlight:var(--ga-color-neutral-20);--ga-color-neutral:var(--ga-color-neutral-30);--ga-color-neutral-10:#f2f3f5;--ga-color-surface-page:var(--ga-color-neutral-10);--ga-color-neutral-20:#e2e4e9;--ga-color-surface-container:var(--ga-color-neutral-20);--ga-color-surface-disabled:var(--ga-color-neutral-20);--ga-color-neutral-30:#cccfd7;--ga-color-neutral-60:#6f7687;--ga-color-surface-disable-selected:var(--ga-color-neutral-60);--ga-color-text-disable-selected:var(--ga-color-neutral-60);--ga-color-text-on-disabled:var(--ga-color-neutral-60);--ga-color-orange-10:#fcf0e7;--ga-color-secondary-10:var(--ga-color-orange-10);--ga-color-surface-warning:var(--ga-color-utility-orange-accent);--ga-color-text-on-action:var(--ga-color-secondary-10);--ga-color-utility-orange-accent:var(--ga-color-orange-10);--ga-color-warning-accent:var(--ga-color-utility-orange-accent);--ga-color-orange-20:#fae0ce;--ga-color-secondary:var(--ga-color-orange-20);--ga-color-surface-action-hover-2:var(--ga-color-orange-20);--ga-color-text-menu:var(--ga-color-secondary);--ga-color-orange-30:#f5c3a1;--ga-color-secondary-30:var(--ga-color-orange-30);--ga-color-surface-highlight:var(--ga-color-secondary-30);--ga-color-orange-40:#f2a676;--ga-color-utility-orange:var(--ga-color-orange-40);--ga-color-orange-60:#bb5822;--ga-color-warning:var(--ga-color-orange-60);--ga-color-pink-10:#fbeefc;--ga-color-utility-pink-accent:var(--ga-color-pink-10);--ga-color-pink-40:#e79dee;--ga-color-utility-pink:var(--ga-color-pink-40);--ga-color-purple-10:#f3f1fe;--ga-color-utility-purple-accent:var(--ga-color-purple-10);--ga-color-purple-40:#c3acf9;--ga-color-utility-purple:var(--ga-color-purple-40);--ga-color-purple-80:#591ab5;--ga-color-text-link-visited:var(--ga-color-purple-80);--ga-color-red-10:#fcf1ee;--ga-color-surface-error:var(--ga-color-utility-red-accent);--ga-color-utility-red-accent:var(--ga-color-red-10);--ga-color-red-40:#eca79e;--ga-color-utility-red:var(--ga-color-red-40);--ga-color-red-60:#cc453e;--ga-color-rose-10:#fcf0f4;--ga-color-utility-rose-accent:var(--ga-color-rose-10);--ga-color-rose-40:#efa1bd;--ga-color-utility-rose:var(--ga-color-rose-40);--ga-color-sequential-graph-10:var(--ga-color-teal-10);--ga-color-sequential-graph-20:var(--ga-color-teal-20);--ga-color-sequential-graph-30:var(--ga-color-teal-30);--ga-color-sequential-graph-40:var(--ga-color-teal-40);--ga-color-sequential-graph-50:var(--ga-color-teal-50);--ga-color-sequential-graph-60:var(--ga-color-teal-60);--ga-color-sequential-graph-70:var(--ga-color-teal-70);--ga-color-sequential-graph-80:var(--ga-color-teal-80);--ga-color-sequential-graph-90:var(--ga-color-teal-90);--ga-color-sequential-graph-100:var(--ga-color-teal-100);--ga-color-surface-primary:var(--ga-color-white);--ga-color-teal-10:#ecf5f4;--ga-color-utility-teal-accent:var(--ga-color-teal-10);--ga-color-teal-20:#d5e8e6;--ga-color-teal-30:#b4d7d4;--ga-color-teal-40:#92c3c0;--ga-color-utility-teal:var(--ga-color-teal-40);--ga-color-teal-50:#51a39e;--ga-color-teal-60:#3a837e;--ga-color-teal-70:#2c6764;--ga-color-teal-80:#21514e;--ga-color-teal-90:#143734;--ga-color-teal-100:#081f1f;--ga-color-white:#fff;--ga-duration-0:0ms;--ga-duration-fast:100ms;--ga-transition-state:var(--ga-duration-fast) 0ms var(--ga-easing-standard);--ga-duration-instant:50ms;--ga-transition-hover:var(--ga-duration-instant) 0ms var(--ga-easing-standard);--ga-duration-moderate:150ms;--ga-transition-dismiss:var(--ga-duration-moderate) 0ms var(--ga-easing-exit);--ga-transition-reveal:var(--ga-duration-moderate) 0ms var(--ga-easing-entrance);--ga-duration-slow:250ms;--ga-transition-overlay-in:var(--ga-duration-slow) 0ms var(--ga-easing-entrance);--ga-transition-overlay-out:var(--ga-duration-slow) 0ms var(--ga-easing-exit);--ga-duration-slower:400ms;--ga-transition-backdrop:var(--ga-duration-slower) 0ms var(--ga-easing-standard);--ga-easing-entrance:cubic-bezier(0,0,0.38,0.9);--ga-easing-exit:cubic-bezier(0.2,0,1,0.9);--ga-easing-standard:cubic-bezier(0.2,0,0.38,0.9);--ga-font-family-primary:"Inter",system-ui,sans-serif;--ga-font-weight-bold:700;--ga-font-weight-medium:500;--ga-font-weight-normal:400;--ga-font-weight-semibold:600;--ga-radius:4px;--ga-radius-round:999px;--ga-radius-sharp:calc(0.02rem * var(--ga-base-scaling-factor,1));--ga-shadow-east:-2px 0 5px 0 #1334451a,-8px 0 8px 0 #13344517,-19px 0 11px 0 #1334450d,-34px 0 14px 0 #13344503,-53px 0 15px 0 #13344500;--ga-shadow-north:0 4px 8px 0 #1334451a,0 15px 15px 0 #13344517,0 34px 21px 0 #1334450d,0 61px 24px 0 #13344503,0 95px 27px 0 #13344500;--ga-shadow-south:0 -1px 1px 0 #13344514,0 -2px 2px 0 #13344512,0 -6px 3px 0 #1334450a,0 -10px 4px 0 #13344503,0 -15px 4px 0 #13344500;--ga-shadow-west:1px 0 3px 0 #1334451a,5px 0 5px 0 #13344517,12px 0 7px 0 #1334450d,21px 0 8px 0 #13344503,33px 0 9px 0 #13344500;--ga-size-0:0;--ga-size-1:calc(0.0625rem * var(--ga-base-scaling-factor,1));--ga-size-2:calc(0.125rem * var(--ga-base-scaling-factor,1));--ga-size-4:calc(0.25rem * var(--ga-base-scaling-factor,1));--ga-size-6:calc(0.375rem * var(--ga-base-scaling-factor,1));--ga-size-8:calc(0.5rem * var(--ga-base-scaling-factor,1));--ga-size-10:calc(0.625rem * var(--ga-base-scaling-factor,1));--ga-size-11:calc(0.6875rem * var(--ga-base-scaling-factor,1));--ga-size-12:calc(0.75rem * var(--ga-base-scaling-factor,1));--ga-size-14:calc(0.875rem * var(--ga-base-scaling-factor,1));--ga-size-16:calc(1rem * var(--ga-base-scaling-factor,1));--ga-size-18:calc(1.125rem * var(--ga-base-scaling-factor,1));--ga-size-20:calc(1.25rem * var(--ga-base-scaling-factor,1));--ga-size-24:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-size-28:calc(1.75rem * var(--ga-base-scaling-factor,1));--ga-size-32:calc(2rem * var(--ga-base-scaling-factor,1));--ga-size-36:calc(2.25rem * var(--ga-base-scaling-factor,1));--ga-size-40:calc(2.5rem * var(--ga-base-scaling-factor,1));--ga-size-44:calc(2.75rem * var(--ga-base-scaling-factor,1));--ga-size-48:calc(3rem * var(--ga-base-scaling-factor,1));--ga-size-56:calc(3.5rem * var(--ga-base-scaling-factor,1));--ga-size-64:calc(4rem * var(--ga-base-scaling-factor,1));--ga-size-80:calc(5rem * var(--ga-base-scaling-factor,1));--ga-size-96:calc(6rem * var(--ga-base-scaling-factor,1));--ga-size-112:calc(7rem * var(--ga-base-scaling-factor,1));--ga-size-128:calc(8rem * var(--ga-base-scaling-factor,1));--ga-size-144:calc(9rem * var(--ga-base-scaling-factor,1));--ga-size-160:calc(10rem * var(--ga-base-scaling-factor,1));--ga-size-192:calc(12rem * var(--ga-base-scaling-factor,1));--ga-size-224:calc(14rem * var(--ga-base-scaling-factor,1));--ga-size-256:calc(16rem * var(--ga-base-scaling-factor,1));--ga-size-288:calc(18rem * var(--ga-base-scaling-factor,1));--ga-size-320:calc(20rem * var(--ga-base-scaling-factor,1));--ga-size-352:calc(22rem * var(--ga-base-scaling-factor,1));--ga-size-384:calc(24rem * var(--ga-base-scaling-factor,1));--ga-size-416:calc(26rem * var(--ga-base-scaling-factor,1));--ga-size-border-width-lg:4px;--ga-size-border-width-md:2px;--ga-size-border-width-none:0;--ga-size-border-width-sm:1px;--ga-size-spacing-00:0;--ga-size-spacing-01:calc(0.125rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-02:calc(0.25rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-03:calc(0.5rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-04:calc(0.75rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-05:calc(1rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-06:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-07:calc(2rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-08:calc(2.5rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-09:calc(3rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-10:calc(4rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-11:calc(5rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-12:calc(6rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-13:calc(10rem * var(--ga-base-scaling-factor,1));--ga-text-2xl-font-size:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-text-2xl-font-style:normal;--ga-text-2xl-line-height:calc(2rem * var(--ga-base-scaling-factor,1));--ga-text-2xl-font-family:inherit;--ga-text-2xl-font-weight:400;--ga-text-2xl-letter-spacing:calc(-0.019rem * var(--ga-base-scaling-factor,1));--ga-text-2xl:var(--ga-text-2xl-font-style) var(--ga-text-2xl-font-weight) var(--ga-text-2xl-font-size)/var(--ga-text-2xl-line-height) var(--ga-text-2xl-font-family);--ga-text-3xl-font-size:calc(2rem * var(--ga-base-scaling-factor,1));--ga-text-3xl-font-style:normal;--ga-text-3xl-line-height:calc(2.5rem * var(--ga-base-scaling-factor,1));--ga-text-3xl-font-family:inherit;--ga-text-3xl-font-weight:400;--ga-text-3xl-letter-spacing:calc(-0.022rem * var(--ga-base-scaling-factor,1));--ga-text-3xl:var(--ga-text-3xl-font-style) var(--ga-text-3xl-font-weight) var(--ga-text-3xl-font-size)/var(--ga-text-3xl-line-height) var(--ga-text-3xl-font-family);--ga-text-lg-font-size:calc(1rem * var(--ga-base-scaling-factor,1));--ga-text-lg-font-style:normal;--ga-text-lg-line-height:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-text-lg-font-family:inherit;--ga-text-lg-font-weight:400;--ga-text-lg-letter-spacing:calc(-0.011rem * var(--ga-base-scaling-factor,1));--ga-text-lg:var(--ga-text-lg-font-style) var(--ga-text-lg-font-weight) var(--ga-text-lg-font-size)/var(--ga-text-lg-line-height) var(--ga-text-lg-font-family);--ga-text-md-font-size:calc(0.875rem * var(--ga-base-scaling-factor,1));--ga-text-md-font-style:normal;--ga-text-md-line-height:calc(1.25rem * var(--ga-base-scaling-factor,1));--ga-text-md-font-family:inherit;--ga-text-md-font-weight:400;--ga-text-md-letter-spacing:calc(-0.006rem * var(--ga-base-scaling-factor,1));--ga-text-md:var(--ga-text-md-font-style) var(--ga-text-md-font-weight) var(--ga-text-md-font-size)/var(--ga-text-md-line-height) var(--ga-text-md-font-family);--ga-text-sm-font-size:calc(0.75rem * var(--ga-base-scaling-factor,1));--ga-text-sm-font-style:normal;--ga-text-sm-line-height:calc(1.25rem * var(--ga-base-scaling-factor,1));--ga-text-sm-font-family:inherit;--ga-text-sm-font-weight:400;--ga-text-sm-letter-spacing:0;--ga-text-sm:var(--ga-text-sm-font-style) var(--ga-text-sm-font-weight) var(--ga-text-sm-font-size)/var(--ga-text-sm-line-height) var(--ga-text-sm-font-family);--ga-text-xl-font-size:calc(1.125rem * var(--ga-base-scaling-factor,1));--ga-text-xl-font-style:normal;--ga-text-xl-line-height:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-text-xl-font-family:inherit;--ga-text-xl-font-weight:400;--ga-text-xl-letter-spacing:calc(-0.017rem * var(--ga-base-scaling-factor,1));--ga-text-xl:var(--ga-text-xl-font-style) var(--ga-text-xl-font-weight) var(--ga-text-xl-font-size)/var(--ga-text-xl-line-height) var(--ga-text-xl-font-family);--ga-text-xs-font-size:calc(0.6875rem * var(--ga-base-scaling-factor,1));--ga-text-xs-font-style:normal;--ga-text-xs-line-height:calc(1rem * var(--ga-base-scaling-factor,1));--ga-text-xs-font-family:inherit;--ga-text-xs-font-weight:400;--ga-text-xs-letter-spacing:calc(0.005rem * var(--ga-base-scaling-factor,1));--ga-text-xs:var(--ga-text-xs-font-style) var(--ga-text-xs-font-weight) var(--ga-text-xs-font-size)/var(--ga-text-xs-line-height) var(--ga-text-xs-font-family);--vsn-customer-onboarding-wizard-font-family:var(--font-family,Inter,ui-sans-serif,system-ui,sans-serif);--ga-text-sm-size:var(--ga-text-sm-font-size);--ga-text-md-size:var(--ga-text-md-font-size);--ga-text-md-tracking:var(--ga-text-md-letter-spacing);--ga-text-xl-size:var(--ga-text-xl-font-size);--ga-text-xl-tracking:var(--ga-text-xl-letter-spacing);--ga-text-2xl-size:var(--ga-text-2xl-font-size);--ga-text-2xl-tracking:var(--ga-text-2xl-letter-spacing);--ga-size-content-2xs:calc(11.25rem * var(--ga-base-scaling-factor,1));--ga-size-content-xs:calc(15rem * var(--ga-base-scaling-factor,1));--ga-size-content-sm:calc(22.5rem * var(--ga-base-scaling-factor,1));--ga-color-utility-green-light:var(--ga-color-green-10);--ga-shadow-dropdown:var(--ga-shadow-south);}@media (width >= 48rem){:host{--ga-text-2xl-font-size:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-text-2xl-font-style:normal;--ga-text-2xl-line-height:calc(2.5rem * var(--ga-base-scaling-factor,1));--ga-text-2xl-font-family:inherit;--ga-text-2xl-font-weight:400;--ga-text-2xl-letter-spacing:calc(-0.019rem * var(--ga-base-scaling-factor,1));--ga-text-2xl:var(--ga-text-2xl-font-style) var(--ga-text-2xl-font-weight) var(--ga-text-2xl-font-size)/var(--ga-text-2xl-line-height) var(--ga-text-2xl-font-family);--ga-text-3xl-font-size:calc(2.25rem * var(--ga-base-scaling-factor,1));--ga-text-3xl-font-style:normal;--ga-text-3xl-line-height:calc(3rem * var(--ga-base-scaling-factor,1));--ga-text-3xl-font-family:inherit;--ga-text-3xl-font-weight:400;--ga-text-3xl-letter-spacing:calc(-0.022rem * var(--ga-base-scaling-factor,1));--ga-text-3xl:var(--ga-text-3xl-font-style) var(--ga-text-3xl-font-weight) var(--ga-text-3xl-font-size)/var(--ga-text-3xl-line-height) var(--ga-text-3xl-font-family);--ga-text-xl-font-size:calc(1.25rem * var(--ga-base-scaling-factor,1));--ga-text-xl-font-style:normal;--ga-text-xl-line-height:calc(2rem * var(--ga-base-scaling-factor,1));--ga-text-xl-font-family:inherit;--ga-text-xl-font-weight:400;--ga-text-xl-letter-spacing:calc(-0.017rem * var(--ga-base-scaling-factor,1));--ga-text-xl:var(--ga-text-xl-font-style) var(--ga-text-xl-font-weight) var(--ga-text-xl-font-size)/var(--ga-text-xl-line-height) var(--ga-text-xl-font-family);}}`, c = {
4
+ const N = S`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-information-accent:var(--ga-color-utility-blue-accent);--ga-color-surface-information:var(--ga-color-information-accent);--ga-color-utility-blue-accent:var(--ga-color-blue-10);--ga-color-blue-40:#93bbf9;--ga-color-utility-blue:var(--ga-color-blue-40);--ga-color-blue-60:#366af6;--ga-color-border-information:var(--ga-color-information);--ga-color-icon-information:var(--ga-color-information);--ga-color-information:var(--ga-color-blue-60);--ga-color-border-action:var(--ga-color-primary);--ga-color-border-action-hover:var(--ga-color-primary-60);--ga-color-border-action-hover-2:var(--ga-color-secondary-30);--ga-color-border-disabled:var(--ga-color-neutral);--ga-color-border-error:var(--ga-color-error);--ga-color-border-focus:var(--ga-color-primary);--ga-color-border-primary:var(--ga-color-neutral-60);--ga-color-border-secondary:var(--ga-color-secondary-30);--ga-color-border-selected:var(--ga-color-green-60);--ga-color-border-success:var(--ga-color-success);--ga-color-border-tertiary:var(--ga-color-neutral);--ga-color-border-warning:var(--ga-color-warning);--ga-color-categorical-graph-01:#6769d8;--ga-color-categorical-graph-02:#479fc6;--ga-color-categorical-graph-03:var(--ga-color-teal-70);--ga-color-categorical-graph-04:#c0497d;--ga-color-categorical-graph-05:#041255;--ga-color-categorical-graph-06:#dc756b;--ga-color-categorical-graph-07:var(--ga-color-rose-40);--ga-color-categorical-graph-08:#984319;--ga-color-categorical-graph-09:var(--ga-color-indigo-40);--ga-color-categorical-graph-10:#610f08;--ga-color-cyan-60:#377ea0;--ga-color-icon-action-hover:var(--ga-color-primary-60);--ga-color-primary-60:var(--ga-color-cyan-60);--ga-color-surface-progress-2:var(--ga-color-primary-60);--ga-color-cyan-70:#2a6480;--ga-color-primary-70:var(--ga-color-cyan-70);--ga-color-surface-progress:var(--ga-color-primary-70);--ga-color-text-body-secondary:var(--ga-color-primary-70);--ga-color-cyan-80:#1f4e66;--ga-color-icon-action:var(--ga-color-primary);--ga-color-primary:var(--ga-color-cyan-80);--ga-color-surface-action:var(--ga-color-primary);--ga-color-text-action:var(--ga-color-primary);--ga-color-cyan-90:#133445;--ga-color-icon-primary:var(--ga-color-primary-90);--ga-color-primary-90:var(--ga-color-cyan-90);--ga-color-surface-action-hover:var(--ga-color-primary-90);--ga-color-text-action-hover:var(--ga-color-primary-90);--ga-color-text-body:var(--ga-color-primary-90);--ga-color-text-error:var(--ga-color-primary-90);--ga-color-text-headings:var(--ga-color-primary-90);--ga-color-text-information:var(--ga-color-primary-90);--ga-color-text-success:var(--ga-color-primary-90);--ga-color-text-warning:var(--ga-color-primary-90);--ga-color-diverging-graph-01:#281986;--ga-color-diverging-graph-02:#3d37a3;--ga-color-diverging-graph-03:#504fba;--ga-color-diverging-graph-04:#6769d8;--ga-color-diverging-graph-05:#8489f5;--ga-color-diverging-graph-06:var(--ga-color-indigo-40);--ga-color-diverging-graph-07:#c5cbfb;--ga-color-diverging-graph-08:var(--ga-color-indigo-10);--ga-color-diverging-graph-09:var(--ga-color-teal-30);--ga-color-diverging-graph-10:var(--ga-color-teal-40);--ga-color-diverging-graph-11:var(--ga-color-teal-50);--ga-color-diverging-graph-12:var(--ga-color-teal-60);--ga-color-diverging-graph-13:var(--ga-color-teal-70);--ga-color-diverging-graph-14:var(--ga-color-teal-80);--ga-color-diverging-graph-15:var(--ga-color-teal-90);--ga-color-error:var(--ga-color-red-60);--ga-color-icon-error:var(--ga-color-error);--ga-color-error-accent:var(--ga-color-utility-red-accent);--ga-color-green-10:#eef5ee;--ga-color-success-accent:var(--ga-color-utility-green-accent);--ga-color-surface-selected:var(--ga-color-green-10);--ga-color-surface-success:var(--ga-color-success-accent);--ga-color-utility-green-accent:var(--ga-color-green-10);--ga-color-green-40:#9bc59b;--ga-color-utility-green:var(--ga-color-green-40);--ga-color-green-60:#448548;--ga-color-icon-success:var(--ga-color-success);--ga-color-success:var(--ga-color-green-60);--ga-color-grey-10:#f2f2f2;--ga-color-utility-grey-accent:var(--ga-color-grey-10);--ga-color-grey-40:#b9b9b9;--ga-color-text-disabled:var(--ga-color-utility-grey);--ga-color-utility-grey:var(--ga-color-grey-40);--ga-color-icon-disabled:var(--ga-color-neutral);--ga-color-icon-on-action:var(--ga-color-secondary);--ga-color-icon-on-disabled:var(--ga-color-neutral-60);--ga-color-icon-on-primary:var(--ga-color-white);--ga-color-icon-warning:var(--ga-color-warning);--ga-color-indigo-10:#f0f2fe;--ga-color-utility-indigo-accent:var(--ga-color-indigo-10);--ga-color-indigo-40:#adb4f9;--ga-color-utility-indigo:var(--ga-color-indigo-40);--ga-color-lime-10:#edf6dd;--ga-color-utility-lime-accent:var(--ga-color-lime-10);--ga-color-lime-40:#a5c656;--ga-color-utility-lime:var(--ga-color-lime-40);--ga-color-miscellaneous-overlay:#70778891;--ga-color-miscellaneous-skeleton-element:var(--ga-color-neutral-10);--ga-color-miscellaneous-skeleton-highlight:var(--ga-color-neutral-20);--ga-color-neutral:var(--ga-color-neutral-30);--ga-color-neutral-10:#f2f3f5;--ga-color-surface-page:var(--ga-color-neutral-10);--ga-color-neutral-20:#e2e4e9;--ga-color-surface-container:var(--ga-color-neutral-20);--ga-color-surface-disabled:var(--ga-color-neutral-20);--ga-color-neutral-30:#cccfd7;--ga-color-neutral-60:#6f7687;--ga-color-surface-disable-selected:var(--ga-color-neutral-60);--ga-color-text-disable-selected:var(--ga-color-neutral-60);--ga-color-text-on-disabled:var(--ga-color-neutral-60);--ga-color-orange-10:#fcf0e7;--ga-color-secondary-10:var(--ga-color-orange-10);--ga-color-surface-warning:var(--ga-color-utility-orange-accent);--ga-color-text-on-action:var(--ga-color-secondary-10);--ga-color-utility-orange-accent:var(--ga-color-orange-10);--ga-color-warning-accent:var(--ga-color-utility-orange-accent);--ga-color-orange-20:#fae0ce;--ga-color-secondary:var(--ga-color-orange-20);--ga-color-surface-action-hover-2:var(--ga-color-orange-20);--ga-color-text-menu:var(--ga-color-secondary);--ga-color-orange-30:#f5c3a1;--ga-color-secondary-30:var(--ga-color-orange-30);--ga-color-surface-highlight:var(--ga-color-secondary-30);--ga-color-orange-40:#f2a676;--ga-color-utility-orange:var(--ga-color-orange-40);--ga-color-orange-60:#bb5822;--ga-color-warning:var(--ga-color-orange-60);--ga-color-pink-10:#fbeefc;--ga-color-utility-pink-accent:var(--ga-color-pink-10);--ga-color-pink-40:#e79dee;--ga-color-utility-pink:var(--ga-color-pink-40);--ga-color-purple-10:#f3f1fe;--ga-color-utility-purple-accent:var(--ga-color-purple-10);--ga-color-purple-40:#c3acf9;--ga-color-utility-purple:var(--ga-color-purple-40);--ga-color-purple-80:#591ab5;--ga-color-text-link-visited:var(--ga-color-purple-80);--ga-color-red-10:#fcf1ee;--ga-color-surface-error:var(--ga-color-utility-red-accent);--ga-color-utility-red-accent:var(--ga-color-red-10);--ga-color-red-40:#eca79e;--ga-color-utility-red:var(--ga-color-red-40);--ga-color-red-60:#cc453e;--ga-color-rose-10:#fcf0f4;--ga-color-utility-rose-accent:var(--ga-color-rose-10);--ga-color-rose-40:#efa1bd;--ga-color-utility-rose:var(--ga-color-rose-40);--ga-color-sequential-graph-10:var(--ga-color-teal-10);--ga-color-sequential-graph-20:var(--ga-color-teal-20);--ga-color-sequential-graph-30:var(--ga-color-teal-30);--ga-color-sequential-graph-40:var(--ga-color-teal-40);--ga-color-sequential-graph-50:var(--ga-color-teal-50);--ga-color-sequential-graph-60:var(--ga-color-teal-60);--ga-color-sequential-graph-70:var(--ga-color-teal-70);--ga-color-sequential-graph-80:var(--ga-color-teal-80);--ga-color-sequential-graph-90:var(--ga-color-teal-90);--ga-color-sequential-graph-100:var(--ga-color-teal-100);--ga-color-surface-primary:var(--ga-color-white);--ga-color-teal-10:#ecf5f4;--ga-color-utility-teal-accent:var(--ga-color-teal-10);--ga-color-teal-20:#d5e8e6;--ga-color-teal-30:#b4d7d4;--ga-color-teal-40:#92c3c0;--ga-color-utility-teal:var(--ga-color-teal-40);--ga-color-teal-50:#51a39e;--ga-color-teal-60:#3a837e;--ga-color-teal-70:#2c6764;--ga-color-teal-80:#21514e;--ga-color-teal-90:#143734;--ga-color-teal-100:#081f1f;--ga-color-white:#fff;--ga-duration-0:0ms;--ga-duration-fast:100ms;--ga-transition-state:var(--ga-duration-fast) 0ms var(--ga-easing-standard);--ga-duration-instant:50ms;--ga-transition-hover:var(--ga-duration-instant) 0ms var(--ga-easing-standard);--ga-duration-moderate:150ms;--ga-transition-dismiss:var(--ga-duration-moderate) 0ms var(--ga-easing-exit);--ga-transition-reveal:var(--ga-duration-moderate) 0ms var(--ga-easing-entrance);--ga-duration-slow:250ms;--ga-transition-overlay-in:var(--ga-duration-slow) 0ms var(--ga-easing-entrance);--ga-transition-overlay-out:var(--ga-duration-slow) 0ms var(--ga-easing-exit);--ga-duration-slower:400ms;--ga-transition-backdrop:var(--ga-duration-slower) 0ms var(--ga-easing-standard);--ga-easing-entrance:cubic-bezier(0,0,0.38,0.9);--ga-easing-exit:cubic-bezier(0.2,0,1,0.9);--ga-easing-standard:cubic-bezier(0.2,0,0.38,0.9);--ga-font-family-primary:"Inter",system-ui,sans-serif;--ga-font-weight-bold:700;--ga-font-weight-medium:500;--ga-font-weight-normal:400;--ga-font-weight-semibold:600;--ga-radius:4px;--ga-radius-round:999px;--ga-radius-sharp:calc(0.02rem * var(--ga-base-scaling-factor,1));--ga-shadow-east:-2px 0 5px 0 #1334451a,-8px 0 8px 0 #13344517,-19px 0 11px 0 #1334450d,-34px 0 14px 0 #13344503,-53px 0 15px 0 #13344500;--ga-shadow-north:0 4px 8px 0 #1334451a,0 15px 15px 0 #13344517,0 34px 21px 0 #1334450d,0 61px 24px 0 #13344503,0 95px 27px 0 #13344500;--ga-shadow-south:0 -1px 1px 0 #13344514,0 -2px 2px 0 #13344512,0 -6px 3px 0 #1334450a,0 -10px 4px 0 #13344503,0 -15px 4px 0 #13344500;--ga-shadow-west:1px 0 3px 0 #1334451a,5px 0 5px 0 #13344517,12px 0 7px 0 #1334450d,21px 0 8px 0 #13344503,33px 0 9px 0 #13344500;--ga-size-0:0;--ga-size-1:calc(0.0625rem * var(--ga-base-scaling-factor,1));--ga-size-2:calc(0.125rem * var(--ga-base-scaling-factor,1));--ga-size-4:calc(0.25rem * var(--ga-base-scaling-factor,1));--ga-size-6:calc(0.375rem * var(--ga-base-scaling-factor,1));--ga-size-8:calc(0.5rem * var(--ga-base-scaling-factor,1));--ga-size-10:calc(0.625rem * var(--ga-base-scaling-factor,1));--ga-size-11:calc(0.6875rem * var(--ga-base-scaling-factor,1));--ga-size-12:calc(0.75rem * var(--ga-base-scaling-factor,1));--ga-size-14:calc(0.875rem * var(--ga-base-scaling-factor,1));--ga-size-16:calc(1rem * var(--ga-base-scaling-factor,1));--ga-size-18:calc(1.125rem * var(--ga-base-scaling-factor,1));--ga-size-20:calc(1.25rem * var(--ga-base-scaling-factor,1));--ga-size-24:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-size-28:calc(1.75rem * var(--ga-base-scaling-factor,1));--ga-size-32:calc(2rem * var(--ga-base-scaling-factor,1));--ga-size-36:calc(2.25rem * var(--ga-base-scaling-factor,1));--ga-size-40:calc(2.5rem * var(--ga-base-scaling-factor,1));--ga-size-44:calc(2.75rem * var(--ga-base-scaling-factor,1));--ga-size-48:calc(3rem * var(--ga-base-scaling-factor,1));--ga-size-56:calc(3.5rem * var(--ga-base-scaling-factor,1));--ga-size-64:calc(4rem * var(--ga-base-scaling-factor,1));--ga-size-80:calc(5rem * var(--ga-base-scaling-factor,1));--ga-size-96:calc(6rem * var(--ga-base-scaling-factor,1));--ga-size-112:calc(7rem * var(--ga-base-scaling-factor,1));--ga-size-128:calc(8rem * var(--ga-base-scaling-factor,1));--ga-size-144:calc(9rem * var(--ga-base-scaling-factor,1));--ga-size-160:calc(10rem * var(--ga-base-scaling-factor,1));--ga-size-192:calc(12rem * var(--ga-base-scaling-factor,1));--ga-size-224:calc(14rem * var(--ga-base-scaling-factor,1));--ga-size-256:calc(16rem * var(--ga-base-scaling-factor,1));--ga-size-288:calc(18rem * var(--ga-base-scaling-factor,1));--ga-size-320:calc(20rem * var(--ga-base-scaling-factor,1));--ga-size-352:calc(22rem * var(--ga-base-scaling-factor,1));--ga-size-384:calc(24rem * var(--ga-base-scaling-factor,1));--ga-size-416:calc(26rem * var(--ga-base-scaling-factor,1));--ga-size-border-width-lg:4px;--ga-size-border-width-md:2px;--ga-size-border-width-none:0;--ga-size-border-width-sm:1px;--ga-size-spacing-00:0;--ga-size-spacing-01:calc(0.125rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-02:calc(0.25rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-03:calc(0.5rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-04:calc(0.75rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-05:calc(1rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-06:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-07:calc(2rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-08:calc(2.5rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-09:calc(3rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-10:calc(4rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-11:calc(5rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-12:calc(6rem * var(--ga-base-scaling-factor,1));--ga-size-spacing-13:calc(10rem * var(--ga-base-scaling-factor,1));--ga-text-2xl-font-size:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-text-2xl-font-style:normal;--ga-text-2xl-line-height:calc(2rem * var(--ga-base-scaling-factor,1));--ga-text-2xl-font-family:inherit;--ga-text-2xl-font-weight:400;--ga-text-2xl-letter-spacing:calc(-0.019rem * var(--ga-base-scaling-factor,1));--ga-text-2xl:var(--ga-text-2xl-font-style) var(--ga-text-2xl-font-weight) var(--ga-text-2xl-font-size)/var(--ga-text-2xl-line-height) var(--ga-text-2xl-font-family);--ga-text-3xl-font-size:calc(2rem * var(--ga-base-scaling-factor,1));--ga-text-3xl-font-style:normal;--ga-text-3xl-line-height:calc(2.5rem * var(--ga-base-scaling-factor,1));--ga-text-3xl-font-family:inherit;--ga-text-3xl-font-weight:400;--ga-text-3xl-letter-spacing:calc(-0.022rem * var(--ga-base-scaling-factor,1));--ga-text-3xl:var(--ga-text-3xl-font-style) var(--ga-text-3xl-font-weight) var(--ga-text-3xl-font-size)/var(--ga-text-3xl-line-height) var(--ga-text-3xl-font-family);--ga-text-lg-font-size:calc(1rem * var(--ga-base-scaling-factor,1));--ga-text-lg-font-style:normal;--ga-text-lg-line-height:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-text-lg-font-family:inherit;--ga-text-lg-font-weight:400;--ga-text-lg-letter-spacing:calc(-0.011rem * var(--ga-base-scaling-factor,1));--ga-text-lg:var(--ga-text-lg-font-style) var(--ga-text-lg-font-weight) var(--ga-text-lg-font-size)/var(--ga-text-lg-line-height) var(--ga-text-lg-font-family);--ga-text-md-font-size:calc(0.875rem * var(--ga-base-scaling-factor,1));--ga-text-md-font-style:normal;--ga-text-md-line-height:calc(1.25rem * var(--ga-base-scaling-factor,1));--ga-text-md-font-family:inherit;--ga-text-md-font-weight:400;--ga-text-md-letter-spacing:calc(-0.006rem * var(--ga-base-scaling-factor,1));--ga-text-md:var(--ga-text-md-font-style) var(--ga-text-md-font-weight) var(--ga-text-md-font-size)/var(--ga-text-md-line-height) var(--ga-text-md-font-family);--ga-text-sm-font-size:calc(0.75rem * var(--ga-base-scaling-factor,1));--ga-text-sm-font-style:normal;--ga-text-sm-line-height:calc(1.25rem * var(--ga-base-scaling-factor,1));--ga-text-sm-font-family:inherit;--ga-text-sm-font-weight:400;--ga-text-sm-letter-spacing:0;--ga-text-sm:var(--ga-text-sm-font-style) var(--ga-text-sm-font-weight) var(--ga-text-sm-font-size)/var(--ga-text-sm-line-height) var(--ga-text-sm-font-family);--ga-text-xl-font-size:calc(1.125rem * var(--ga-base-scaling-factor,1));--ga-text-xl-font-style:normal;--ga-text-xl-line-height:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-text-xl-font-family:inherit;--ga-text-xl-font-weight:400;--ga-text-xl-letter-spacing:calc(-0.017rem * var(--ga-base-scaling-factor,1));--ga-text-xl:var(--ga-text-xl-font-style) var(--ga-text-xl-font-weight) var(--ga-text-xl-font-size)/var(--ga-text-xl-line-height) var(--ga-text-xl-font-family);--ga-text-xs-font-size:calc(0.6875rem * var(--ga-base-scaling-factor,1));--ga-text-xs-font-style:normal;--ga-text-xs-line-height:calc(1rem * var(--ga-base-scaling-factor,1));--ga-text-xs-font-family:inherit;--ga-text-xs-font-weight:400;--ga-text-xs-letter-spacing:calc(0.005rem * var(--ga-base-scaling-factor,1));--ga-text-xs:var(--ga-text-xs-font-style) var(--ga-text-xs-font-weight) var(--ga-text-xs-font-size)/var(--ga-text-xs-line-height) var(--ga-text-xs-font-family);--vsn-customer-onboarding-wizard-font-family:var(--font-family,Inter,ui-sans-serif,system-ui,sans-serif);--ga-text-sm-size:var(--ga-text-sm-font-size);--ga-text-md-size:var(--ga-text-md-font-size);--ga-text-md-tracking:var(--ga-text-md-letter-spacing);--ga-text-xl-size:var(--ga-text-xl-font-size);--ga-text-xl-tracking:var(--ga-text-xl-letter-spacing);--ga-text-2xl-size:var(--ga-text-2xl-font-size);--ga-text-2xl-tracking:var(--ga-text-2xl-letter-spacing);--ga-size-content-2xs:calc(11.25rem * var(--ga-base-scaling-factor,1));--ga-size-content-xs:calc(15rem * var(--ga-base-scaling-factor,1));--ga-size-content-sm:calc(22.5rem * var(--ga-base-scaling-factor,1));--ga-color-utility-green-light:var(--ga-color-green-10);--ga-shadow-dropdown:var(--ga-shadow-south);}@media (width >= 48rem){:host{--ga-text-2xl-font-size:calc(1.5rem * var(--ga-base-scaling-factor,1));--ga-text-2xl-font-style:normal;--ga-text-2xl-line-height:calc(2.5rem * var(--ga-base-scaling-factor,1));--ga-text-2xl-font-family:inherit;--ga-text-2xl-font-weight:400;--ga-text-2xl-letter-spacing:calc(-0.019rem * var(--ga-base-scaling-factor,1));--ga-text-2xl:var(--ga-text-2xl-font-style) var(--ga-text-2xl-font-weight) var(--ga-text-2xl-font-size)/var(--ga-text-2xl-line-height) var(--ga-text-2xl-font-family);--ga-text-3xl-font-size:calc(2.25rem * var(--ga-base-scaling-factor,1));--ga-text-3xl-font-style:normal;--ga-text-3xl-line-height:calc(3rem * var(--ga-base-scaling-factor,1));--ga-text-3xl-font-family:inherit;--ga-text-3xl-font-weight:400;--ga-text-3xl-letter-spacing:calc(-0.022rem * var(--ga-base-scaling-factor,1));--ga-text-3xl:var(--ga-text-3xl-font-style) var(--ga-text-3xl-font-weight) var(--ga-text-3xl-font-size)/var(--ga-text-3xl-line-height) var(--ga-text-3xl-font-family);--ga-text-xl-font-size:calc(1.25rem * var(--ga-base-scaling-factor,1));--ga-text-xl-font-style:normal;--ga-text-xl-line-height:calc(2rem * var(--ga-base-scaling-factor,1));--ga-text-xl-font-family:inherit;--ga-text-xl-font-weight:400;--ga-text-xl-letter-spacing:calc(-0.017rem * var(--ga-base-scaling-factor,1));--ga-text-xl:var(--ga-text-xl-font-style) var(--ga-text-xl-font-weight) var(--ga-text-xl-font-size)/var(--ga-text-xl-line-height) var(--ga-text-xl-font-family);}}`, R = S`button{padding:var(--ga-size-spacing-04) var(--ga-size-spacing-07);border-radius:var(--ga-radius);font-size:var(--ga-text-md-size);font-weight:var(--ga-font-weight-medium);cursor:pointer;transition:background-color var(--ga-transition-hover),border-color var(--ga-transition-hover);border:var(--ga-size-border-width-sm) solid transparent;white-space:nowrap;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.btn-primary{background:var(--ga-color-surface-action);color:var(--ga-color-secondary-10);border-color:var(--ga-color-surface-action);}.btn-primary:hover:not(:disabled){background:var(--ga-color-surface-action-hover);border-color:var(--ga-color-surface-action-hover);}.btn-primary:disabled{opacity:0.5;cursor:not-allowed;}.btn-secondary{background:var(--ga-color-white);color:var(--ga-color-text-body);border-color:var(--ga-color-cyan-80);}.btn-secondary:hover{background:var(--ga-color-secondary-10);}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:var(--ga-size-border-width-md) solid var(--ga-color-border-focus);outline-offset:var(--ga-size-border-width-md);}`, c = {
5
5
  circle: () => y`
6
6
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
7
7
  <circle cx="12" cy="12" r="10"/>
@@ -207,6 +207,10 @@ const N = S`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
207
207
  requestFailed: {
208
208
  title: "Request Failed",
209
209
  message: "Request failed. Please try again."
210
+ },
211
+ missingConfiguration: {
212
+ title: "Configuration Error",
213
+ message: "The wizard could not start. Please contact your administrator."
210
214
  }
211
215
  }
212
216
  },
@@ -316,6 +320,10 @@ const N = S`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
316
320
  requestFailed: {
317
321
  title: "Anmodning mislykkedes",
318
322
  message: "Anmodning mislykkedes. Prøv venligst igen."
323
+ },
324
+ missingConfiguration: {
325
+ title: "Konfigurationsfejl",
326
+ message: "Guiden kunne ikke starte. Kontakt venligst din administrator."
319
327
  }
320
328
  }
321
329
  },
@@ -425,6 +433,10 @@ const N = S`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
425
433
  requestFailed: {
426
434
  title: "Pyyntö epäonnistui",
427
435
  message: "Pyyntö epäonnistui. Yritä uudelleen."
436
+ },
437
+ missingConfiguration: {
438
+ title: "Konfigurointivirhe",
439
+ message: "Ohjattua toimintoa ei voitu käynnistää. Ota yhteyttä järjestelmänvalvojaasi."
428
440
  }
429
441
  }
430
442
  },
@@ -534,6 +546,10 @@ const N = S`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
534
546
  requestFailed: {
535
547
  title: "Forespørsel mislyktes",
536
548
  message: "Forespørsel mislyktes. Vennligst prøv igjen."
549
+ },
550
+ missingConfiguration: {
551
+ title: "Konfigurasjonsfeil",
552
+ message: "Veiviseren kunne ikke starte. Kontakt administratoren din."
537
553
  }
538
554
  }
539
555
  },
@@ -643,6 +659,10 @@ const N = S`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
643
659
  requestFailed: {
644
660
  title: "Verzoek mislukt",
645
661
  message: "Verzoek mislukt. Probeer het opnieuw."
662
+ },
663
+ missingConfiguration: {
664
+ title: "Configuratiefout",
665
+ message: "De wizard kon niet starten. Neem contact op met uw beheerder."
646
666
  }
647
667
  }
648
668
  },
@@ -752,6 +772,10 @@ const N = S`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
752
772
  requestFailed: {
753
773
  title: "Begäran misslyckades",
754
774
  message: "Begäran misslyckades. Försök igen."
775
+ },
776
+ missingConfiguration: {
777
+ title: "Konfigurationsfel",
778
+ message: "Guiden kunde inte starta. Kontakta din administratör."
755
779
  }
756
780
  }
757
781
  }
@@ -798,7 +822,7 @@ class D extends Error {
798
822
  super(`HTTP ${t}: ${a}`), this.status = t, this.name = "HttpError";
799
823
  }
800
824
  }
801
- class T {
825
+ class F {
802
826
  constructor(t, a = {}, i) {
803
827
  if (this.authToken = null, !t)
804
828
  throw new Error("[HttpService] baseUrl is required");
@@ -829,23 +853,23 @@ class T {
829
853
  * @param method - HTTP method
830
854
  * @param retryFn - Function to retry the request
831
855
  */
832
- emitHttpError(t, a, i, r, o) {
856
+ emitHttpError(t, a, i, r, s) {
833
857
  var L;
834
858
  if (t !== 401 && t !== 403)
835
859
  return;
836
- const s = {
860
+ const o = {
837
861
  status: t,
838
862
  statusText: a,
839
863
  message: `HTTP ${t}: ${a}`,
840
864
  endpoint: i,
841
865
  method: r,
842
- retry: o
843
- }, v = new CustomEvent("http-error", {
844
- detail: s,
866
+ retry: s
867
+ }, m = new CustomEvent("http-error", {
868
+ detail: o,
845
869
  bubbles: !0,
846
870
  composed: !0
847
871
  });
848
- (L = this.eventTarget) == null || L.dispatchEvent(v);
872
+ (L = this.eventTarget) == null || L.dispatchEvent(m);
849
873
  }
850
874
  /**
851
875
  * Emit error message event for internal error handling
@@ -857,21 +881,21 @@ class T {
857
881
  * @param method - HTTP method
858
882
  */
859
883
  emitErrorMessage(t, a, i, r) {
860
- var v;
861
- const o = {
884
+ var m;
885
+ const s = {
862
886
  status: t,
863
887
  errorKey: a,
864
888
  endpoint: i,
865
889
  method: r
866
- }, s = new CustomEvent("error-message", {
867
- detail: o,
890
+ }, o = new CustomEvent("error-message", {
891
+ detail: s,
868
892
  bubbles: !0,
869
893
  composed: !0
870
894
  });
871
- (v = this.eventTarget) == null || v.dispatchEvent(s);
895
+ (m = this.eventTarget) == null || m.dispatchEvent(o);
872
896
  }
873
897
  async request(t, a = {}) {
874
- const { method: i = "GET", headers: r = {}, body: o, timeout: s = 3e4 } = a, v = new AbortController(), L = setTimeout(() => v.abort(), s), z = {
898
+ const { method: i = "GET", headers: r = {}, body: s, timeout: o = 3e4 } = a, m = new AbortController(), L = setTimeout(() => m.abort(), o), z = {
875
899
  ...this.defaultHeaders,
876
900
  ...r
877
901
  };
@@ -880,8 +904,8 @@ class T {
880
904
  const g = await fetch(`${this.baseUrl}${t}`, {
881
905
  method: i,
882
906
  headers: z,
883
- body: o ? JSON.stringify(o) : void 0,
884
- signal: v.signal
907
+ body: s ? JSON.stringify(s) : void 0,
908
+ signal: m.signal
885
909
  });
886
910
  if (clearTimeout(L), !g.ok) {
887
911
  if (g.status === 401 || g.status === 403)
@@ -894,8 +918,8 @@ class T {
894
918
  // Retry function
895
919
  );
896
920
  else if (!(a.suppressErrorStatuses ?? []).includes(g.status)) {
897
- const O = this.getErrorKey(g.status);
898
- this.emitErrorMessage(g.status, O, t, i);
921
+ const T = this.getErrorKey(g.status);
922
+ this.emitErrorMessage(g.status, T, t, i);
899
923
  }
900
924
  throw new D(g.status, g.statusText);
901
925
  }
@@ -1031,13 +1055,13 @@ class T {
1031
1055
  return this.request(t, { method: "PATCH", body: a, headers: i });
1032
1056
  }
1033
1057
  }
1034
- const j = S`button{padding:var(--ga-size-spacing-04) var(--ga-size-spacing-07);border-radius:var(--ga-radius);font-size:var(--ga-text-md-size);font-weight:var(--ga-font-weight-medium);cursor:pointer;transition:background-color var(--ga-transition-hover),border-color var(--ga-transition-hover);border:var(--ga-size-border-width-sm) solid transparent;white-space:nowrap;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.btn-primary{background:var(--ga-color-surface-action);color:var(--ga-color-secondary-10);border-color:var(--ga-color-surface-action);}.btn-primary:hover:not(:disabled){background:var(--ga-color-surface-action-hover);border-color:var(--ga-color-surface-action-hover);}.btn-primary:disabled{opacity:0.5;cursor:not-allowed;}.btn-secondary{background:var(--ga-color-white);color:var(--ga-color-text-body);border-color:var(--ga-color-cyan-80);}.btn-secondary:hover{background:var(--ga-color-secondary-10);}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:var(--ga-size-border-width-md) solid var(--ga-color-border-focus);outline-offset:var(--ga-size-border-width-md);}`, P = S`:host{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;}.step-content{text-align:left;flex:1;min-height:0;overflow-y:auto;}.step-content h2{font-size:var(--ga-text-2xl-size);line-height:var(--ga-text-2xl-line-height);letter-spacing:var(--ga-text-2xl-tracking);font-weight:var(--ga-font-weight-normal);margin:0 0 var(--ga-size-spacing-03);color:var(--ga-color-text-headings);}.wizard-actions{display:flex;justify-content:flex-end;align-items:center;margin-top:var(--ga-size-spacing-05);padding-top:var(--ga-size-spacing-05);border-top:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);gap:var(--ga-size-spacing-05);flex-shrink:0;}.field-error{display:flex;align-items:center;gap:var(--ga-size-spacing-02);margin-top:var(--ga-size-spacing-01);color:var(--ga-color-icon-error);font-size:var(--ga-text-sm-size);font-family:var(--vsn-customer-onboarding-wizard-font-family);line-height:var(--ga-text-sm-line-height);}.field-error svg{width:var(--ga-size-spacing-04);height:var(--ga-size-spacing-04);flex-shrink:0;}.field-error-text{color:var(--ga-color-text-body);}.field-error--empty{visibility:hidden;}`;
1058
+ const P = S`:host{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;}.step-content{text-align:left;flex:1;min-height:0;overflow-y:auto;}.step-content h2{font-size:var(--ga-text-2xl-size);line-height:var(--ga-text-2xl-line-height);letter-spacing:var(--ga-text-2xl-tracking);font-weight:var(--ga-font-weight-normal);margin:0 0 var(--ga-size-spacing-03);color:var(--ga-color-text-headings);}.wizard-actions{display:flex;justify-content:flex-end;align-items:center;margin-top:var(--ga-size-spacing-05);padding-top:var(--ga-size-spacing-05);border-top:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);gap:var(--ga-size-spacing-05);flex-shrink:0;}.field-error{display:flex;align-items:center;gap:var(--ga-size-spacing-02);margin-top:var(--ga-size-spacing-01);color:var(--ga-color-icon-error);font-size:var(--ga-text-sm-size);font-family:var(--vsn-customer-onboarding-wizard-font-family);line-height:var(--ga-text-sm-line-height);}.field-error svg{width:var(--ga-size-spacing-04);height:var(--ga-size-spacing-04);flex-shrink:0;}.field-error-text{color:var(--ga-color-text-body);}.field-error--empty{visibility:hidden;}`;
1035
1059
  var M = Object.defineProperty, V = Object.getOwnPropertyDescriptor, I = (e, t, a, i) => {
1036
- for (var r = i > 1 ? void 0 : i ? V(t, a) : t, o = e.length - 1, s; o >= 0; o--)
1037
- (s = e[o]) && (r = (i ? s(t, a, r) : s(r)) || r);
1060
+ for (var r = i > 1 ? void 0 : i ? V(t, a) : t, s = e.length - 1, o; s >= 0; s--)
1061
+ (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
1038
1062
  return i && r && M(t, a, r), r;
1039
1063
  };
1040
- let R = class extends E {
1064
+ let j = class extends E {
1041
1065
  constructor() {
1042
1066
  super(...arguments), this.userName = "User";
1043
1067
  }
@@ -1080,28 +1104,28 @@ let R = class extends E {
1080
1104
  `;
1081
1105
  }
1082
1106
  };
1083
- R.styles = [
1107
+ j.styles = [
1084
1108
  N,
1085
- j,
1109
+ R,
1086
1110
  P,
1087
1111
  S`.wizard-content{display:flex;flex-direction:column;gap:var(--ga-size-spacing-06);flex:1 1 270px;min-height:0;text-align:left;align-self:center;width:100%;max-width:var(--ga-size-content-sm);padding:0;overflow-y:auto;}.wizard-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;}.wizard-content h2.welcome-message{font-size:var(--ga-text-2xl-size);line-height:var(--ga-text-2xl-line-height);letter-spacing:var(--ga-text-2xl-tracking);font-weight:var(--ga-font-weight-normal);margin:0;color:var(--ga-color-text-headings);}.wizard-actions{border-top:none;padding-top:0;margin-top:0;}h2[tabindex="-1"]:focus{outline:none;}`
1088
1112
  ];
1089
1113
  I([
1090
1114
  d({ type: String })
1091
- ], R.prototype, "userName", 2);
1115
+ ], j.prototype, "userName", 2);
1092
1116
  I([
1093
1117
  d({ type: Object })
1094
- ], R.prototype, "translations", 2);
1095
- R = I([
1118
+ ], j.prototype, "translations", 2);
1119
+ j = I([
1096
1120
  A("wizard-step-welcome")
1097
- ], R);
1098
- var _ = Object.defineProperty, W = Object.getOwnPropertyDescriptor, h = (e, t, a, i) => {
1099
- for (var r = i > 1 ? void 0 : i ? W(t, a) : t, o = e.length - 1, s; o >= 0; o--)
1100
- (s = e[o]) && (r = (i ? s(t, a, r) : s(r)) || r);
1121
+ ], j);
1122
+ var _ = Object.defineProperty, K = Object.getOwnPropertyDescriptor, v = (e, t, a, i) => {
1123
+ for (var r = i > 1 ? void 0 : i ? K(t, a) : t, s = e.length - 1, o; s >= 0; s--)
1124
+ (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
1101
1125
  return i && r && _(t, a, r), r;
1102
1126
  };
1103
1127
  const C = ["NO", "SE", "DK", "FI", "NL"];
1104
- let m = class extends E {
1128
+ let u = class extends E {
1105
1129
  constructor() {
1106
1130
  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;
1107
1131
  }
@@ -1212,17 +1236,17 @@ let m = class extends E {
1212
1236
  e.preventDefault(), this.selectCountry(t);
1213
1237
  else if (e.key === "ArrowDown") {
1214
1238
  e.preventDefault();
1215
- const r = C.indexOf(t), o = C[Math.min(r + 1, C.length - 1)];
1216
- this.editCountryCode = o, this.updateComplete.then(() => {
1217
- var s, v;
1218
- (v = (s = this.shadowRoot) == null ? void 0 : s.querySelector(`[data-country-code="${o}"]`)) == null || v.focus();
1239
+ const r = C.indexOf(t), s = C[Math.min(r + 1, C.length - 1)];
1240
+ this.editCountryCode = s, this.updateComplete.then(() => {
1241
+ var o, m;
1242
+ (m = (o = this.shadowRoot) == null ? void 0 : o.querySelector(`[data-country-code="${s}"]`)) == null || m.focus();
1219
1243
  });
1220
1244
  } else if (e.key === "ArrowUp") {
1221
1245
  e.preventDefault();
1222
- const r = C.indexOf(t), o = C[Math.max(r - 1, 0)];
1223
- this.editCountryCode = o, this.updateComplete.then(() => {
1224
- var s, v;
1225
- (v = (s = this.shadowRoot) == null ? void 0 : s.querySelector(`[data-country-code="${o}"]`)) == null || v.focus();
1246
+ const r = C.indexOf(t), s = C[Math.max(r - 1, 0)];
1247
+ this.editCountryCode = s, this.updateComplete.then(() => {
1248
+ var o, m;
1249
+ (m = (o = this.shadowRoot) == null ? void 0 : o.querySelector(`[data-country-code="${s}"]`)) == null || m.focus();
1226
1250
  });
1227
1251
  } else e.key === "Escape" && (e.stopPropagation(), (i = (a = this.shadowRoot) == null ? void 0 : a.querySelector(".select-trigger")) == null || i.focus(), this.countryDropdownOpen = !1);
1228
1252
  }
@@ -1270,7 +1294,7 @@ let m = class extends E {
1270
1294
  </button>
1271
1295
  </div>
1272
1296
  `;
1273
- const t = this.localCustomer ?? this.customer, a = this.subscriptions.content.flatMap((r) => r.products.map((o) => o.name)), i = t.name.split(" ").map((r) => r[0]).join("").toUpperCase().substring(0, 2);
1297
+ const t = this.localCustomer ?? this.customer, a = this.subscriptions.content.flatMap((r) => r.products.map((s) => s.name)), i = t.name.split(" ").map((r) => r[0]).join("").toUpperCase().substring(0, 2);
1274
1298
  return n`
1275
1299
  <div class="step-content" @keydown=${this.handleStepKeydown}>
1276
1300
  <h2 tabindex="-1">${e.company.title}</h2>
@@ -1395,7 +1419,7 @@ let m = class extends E {
1395
1419
  tabindex="0"
1396
1420
  data-country-code=${r}
1397
1421
  @click=${() => this.selectCountry(r)}
1398
- @keydown=${(o) => this.handleOptionKeydown(o, r)}
1422
+ @keydown=${(s) => this.handleOptionKeydown(s, r)}
1399
1423
  >
1400
1424
  <span class="dropdown-option-icon" aria-hidden="true">${r === this.editCountryCode ? c.check() : ""}</span>
1401
1425
  ${this.getCountryLabel(r)}
@@ -1491,15 +1515,15 @@ let m = class extends E {
1491
1515
  `)}
1492
1516
  </ul>
1493
1517
  ${(() => {
1494
- var s;
1495
- const r = ((s = this.subscriptions.content[0]) == null ? void 0 : s.partnerName) ?? "";
1518
+ var o;
1519
+ const r = ((o = this.subscriptions.content[0]) == null ? void 0 : o.partnerName) ?? "";
1496
1520
  if (!this.editingContact || !r) return "";
1497
- const o = e.company.managePlanMessage.split("{partnerName}");
1521
+ const s = e.company.managePlanMessage.split("{partnerName}");
1498
1522
  return n`
1499
1523
  <div class="plan-notification" role="note">
1500
1524
  <div class="plan-notification-icon" aria-hidden="true">${c.info()}</div>
1501
1525
  <p class="plan-notification-text">
1502
- ${o[0]}<strong>${r}</strong>${o[1]}
1526
+ ${s[0]}<strong>${r}</strong>${s[1]}
1503
1527
  </p>
1504
1528
  </div>`;
1505
1529
  })()}
@@ -1518,71 +1542,71 @@ let m = class extends E {
1518
1542
  `;
1519
1543
  }
1520
1544
  };
1521
- m.styles = [
1545
+ u.styles = [
1522
1546
  N,
1523
- j,
1547
+ R,
1524
1548
  P,
1525
1549
  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;}`
1526
1550
  ];
1527
- h([
1551
+ v([
1528
1552
  d({ type: Object })
1529
- ], m.prototype, "translations", 2);
1530
- h([
1553
+ ], u.prototype, "translations", 2);
1554
+ v([
1531
1555
  d({ type: String })
1532
- ], m.prototype, "locale", 2);
1533
- h([
1556
+ ], u.prototype, "locale", 2);
1557
+ v([
1534
1558
  d({ type: Object })
1535
- ], m.prototype, "customer", 2);
1536
- h([
1559
+ ], u.prototype, "customer", 2);
1560
+ v([
1537
1561
  d({ type: Object })
1538
- ], m.prototype, "subscriptions", 2);
1539
- h([
1562
+ ], u.prototype, "subscriptions", 2);
1563
+ v([
1540
1564
  l()
1541
- ], m.prototype, "editingContact", 2);
1542
- h([
1565
+ ], u.prototype, "editingContact", 2);
1566
+ v([
1543
1567
  l()
1544
- ], m.prototype, "countryDropdownOpen", 2);
1545
- h([
1568
+ ], u.prototype, "countryDropdownOpen", 2);
1569
+ v([
1546
1570
  l()
1547
- ], m.prototype, "fieldErrors", 2);
1548
- h([
1571
+ ], u.prototype, "fieldErrors", 2);
1572
+ v([
1549
1573
  l()
1550
- ], m.prototype, "editName", 2);
1551
- h([
1574
+ ], u.prototype, "editName", 2);
1575
+ v([
1552
1576
  l()
1553
- ], m.prototype, "editAddress1", 2);
1554
- h([
1577
+ ], u.prototype, "editAddress1", 2);
1578
+ v([
1555
1579
  l()
1556
- ], m.prototype, "editAddress2", 2);
1557
- h([
1580
+ ], u.prototype, "editAddress2", 2);
1581
+ v([
1558
1582
  l()
1559
- ], m.prototype, "editPostalCode", 2);
1560
- h([
1583
+ ], u.prototype, "editPostalCode", 2);
1584
+ v([
1561
1585
  l()
1562
- ], m.prototype, "editCity", 2);
1563
- h([
1586
+ ], u.prototype, "editCity", 2);
1587
+ v([
1564
1588
  l()
1565
- ], m.prototype, "editCountryCode", 2);
1566
- h([
1589
+ ], u.prototype, "editCountryCode", 2);
1590
+ v([
1567
1591
  l()
1568
- ], m.prototype, "editWebUrl", 2);
1569
- h([
1592
+ ], u.prototype, "editWebUrl", 2);
1593
+ v([
1570
1594
  l()
1571
- ], m.prototype, "editContactEmail", 2);
1572
- h([
1595
+ ], u.prototype, "editContactEmail", 2);
1596
+ v([
1573
1597
  l()
1574
- ], m.prototype, "localCustomer", 2);
1575
- m = h([
1598
+ ], u.prototype, "localCustomer", 2);
1599
+ u = v([
1576
1600
  A("wizard-step1-company")
1577
- ], m);
1578
- var K = Object.defineProperty, G = Object.getOwnPropertyDescriptor, x = (e, t, a, i) => {
1579
- for (var r = i > 1 ? void 0 : i ? G(t, a) : t, o = e.length - 1, s; o >= 0; o--)
1580
- (s = e[o]) && (r = (i ? s(t, a, r) : s(r)) || r);
1581
- return i && r && K(t, a, r), r;
1601
+ ], u);
1602
+ var W = Object.defineProperty, G = Object.getOwnPropertyDescriptor, x = (e, t, a, i) => {
1603
+ for (var r = i > 1 ? void 0 : i ? G(t, a) : t, s = e.length - 1, o; s >= 0; s--)
1604
+ (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
1605
+ return i && r && W(t, a, r), r;
1582
1606
  };
1583
1607
  let f = class extends E {
1584
1608
  constructor() {
1585
- 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;
1609
+ 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;
1586
1610
  }
1587
1611
  firstUpdated() {
1588
1612
  this.updateComplete.then(() => {
@@ -1590,15 +1614,15 @@ let f = class extends E {
1590
1614
  (t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("h2")) == null || t.focus();
1591
1615
  });
1592
1616
  }
1593
- updated(e) {
1594
- e.has("httpService") || e.has("customerId") ? this.loadExistingAdmins() : e.has("currentUser") && this.existingAdmins.length > 0 && (this.existingAdmins = this.sortAdmins([...this.existingAdmins]));
1617
+ willUpdate(e) {
1618
+ e.has("httpService") || e.has("customerId") ? this.loadExistingAdmins() : e.has("currentUserEmail") && this.existingAdmins.length > 0 && (this.existingAdmins = this.sortAdmins([...this.existingAdmins]));
1595
1619
  }
1596
1620
  sortAdmins(e) {
1597
1621
  var a;
1598
- const t = (a = this.currentUser) == null ? void 0 : a.email.toLowerCase();
1622
+ const t = (a = this.currentUserEmail) == null ? void 0 : a.toLowerCase();
1599
1623
  return t ? e.sort((i, r) => {
1600
- const o = i.email.toLowerCase() === t, s = r.email.toLowerCase() === t;
1601
- return o && s ? 0 : o ? -1 : s ? 1 : 0;
1624
+ const s = i.email.toLowerCase() === t, o = r.email.toLowerCase() === t;
1625
+ return s && o ? 0 : s ? -1 : o ? 1 : 0;
1602
1626
  }) : e;
1603
1627
  }
1604
1628
  async loadExistingAdmins() {
@@ -1683,8 +1707,8 @@ let f = class extends E {
1683
1707
  clearRowFieldError(e, t) {
1684
1708
  const a = this.rowErrors.get(e);
1685
1709
  if (!(a != null && a[t])) return;
1686
- const { [t]: i, ...r } = a, o = new Map(this.rowErrors);
1687
- Object.keys(r).length === 0 ? o.delete(e) : o.set(e, r), this.rowErrors = o;
1710
+ const { [t]: i, ...r } = a, s = new Map(this.rowErrors);
1711
+ Object.keys(r).length === 0 ? s.delete(e) : s.set(e, r), this.rowErrors = s;
1688
1712
  }
1689
1713
  validateRowEmail(e, t) {
1690
1714
  const a = this.translations;
@@ -1701,7 +1725,7 @@ let f = class extends E {
1701
1725
  return e;
1702
1726
  }
1703
1727
  async lookupUser(e) {
1704
- var i, r, o, s, v, L;
1728
+ var i, r, s, o, m, L;
1705
1729
  const t = this.rows.find((z) => z.id === e);
1706
1730
  if (!t || !this.httpService) return;
1707
1731
  if (!this.validateRowEmail(e, t.email)) {
@@ -1715,9 +1739,9 @@ let f = class extends E {
1715
1739
  if (!g || g.email.trim() !== a) return;
1716
1740
  z ? (this.rows = this.rows.map(
1717
1741
  (k) => k.id === e ? { ...k, state: "found", firstName: z.firstName, lastName: z.lastName } : k
1718
- ), await this.updateComplete, (s = (o = this.shadowRoot) == null ? void 0 : o.querySelector(`button[data-done-row-id="${e}"]`)) == null || s.focus()) : (this.rows = this.rows.map(
1742
+ ), 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(
1719
1743
  (k) => k.id === e ? { ...k, state: "not-found", firstName: "", lastName: "" } : k
1720
- ), await this.updateComplete, (L = (v = this.shadowRoot) == null ? void 0 : v.querySelector(`input[data-row-id="${e}"]`)) == null || L.focus());
1744
+ ), await this.updateComplete, (L = (m = this.shadowRoot) == null ? void 0 : m.querySelector(`input[data-row-id="${e}"]`)) == null || L.focus());
1721
1745
  } catch {
1722
1746
  } finally {
1723
1747
  const z = new Set(this.lookingUpIds);
@@ -1757,8 +1781,8 @@ let f = class extends E {
1757
1781
  );
1758
1782
  const i = new Map(this.rowErrors);
1759
1783
  i.delete(t.id), this.rowErrors = i, this.updateComplete.then(() => {
1760
- var r, o;
1761
- (o = (r = this.shadowRoot) == null ? void 0 : r.querySelector(`[data-edit-row-id="${t.id}"]`)) == null || o.focus();
1784
+ var r, s;
1785
+ (s = (r = this.shadowRoot) == null ? void 0 : r.querySelector(`[data-edit-row-id="${t.id}"]`)) == null || s.focus();
1762
1786
  });
1763
1787
  } else
1764
1788
  this.removeRow(t.id), this.updateComplete.then(() => {
@@ -1771,8 +1795,7 @@ let f = class extends E {
1771
1795
  this.dispatchEvent(new CustomEvent("save-and-close", { bubbles: !0, composed: !0 }));
1772
1796
  }
1773
1797
  renderExistingAdminRow(e, t) {
1774
- var r;
1775
- const a = this.translations, i = ((r = this.currentUser) == null ? void 0 : r.email.toLowerCase()) === e.email.toLowerCase();
1798
+ const a = this.translations, i = !!this.currentUserEmail && this.currentUserEmail.toLowerCase() === e.email.toLowerCase();
1776
1799
  return n`
1777
1800
  <div class="admin-row admin-row--done">
1778
1801
  <span class="row-num">${t}</span>
@@ -1797,24 +1820,24 @@ let f = class extends E {
1797
1820
  `;
1798
1821
  }
1799
1822
  renderLookupRow(e, t) {
1800
- const a = this.translations, i = this.lookingUpIds.has(e.id), r = e.email.trim().length > 0, o = this.rowErrors.get(e.id) ?? {};
1823
+ const a = this.translations, i = this.lookingUpIds.has(e.id), r = e.email.trim().length > 0, s = this.rowErrors.get(e.id) ?? {};
1801
1824
  return n`
1802
1825
  <div class="admin-row">
1803
1826
  <span class="row-num">${t}</span>
1804
1827
  <div class="cell-email">
1805
1828
  <input
1806
- class="grid-input ${o.email ? "has-error" : ""}"
1829
+ class="grid-input ${s.email ? "has-error" : ""}"
1807
1830
  type="email"
1808
1831
  data-email-row-id=${e.id}
1809
1832
  .value=${e.email}
1810
1833
  placeholder=${a.company.emailLabel}
1811
1834
  aria-label=${a.company.emailLabel}
1812
- aria-invalid=${o.email ? "true" : "false"}
1813
- aria-describedby=${o.email ? "admin-error-email-" + e.id : p}
1814
- @input=${(s) => this.updateRowEmail(e.id, s.target.value)}
1815
- @blur=${(s) => this.validateRowEmail(e.id, s.target.value)}
1835
+ aria-invalid=${s.email ? "true" : "false"}
1836
+ aria-describedby=${s.email ? "admin-error-email-" + e.id : p}
1837
+ @input=${(o) => this.updateRowEmail(e.id, o.target.value)}
1838
+ @blur=${(o) => this.validateRowEmail(e.id, o.target.value)}
1816
1839
  />
1817
- <span class="field-error ${o.email ? "" : "field-error--empty"}" role=${o.email ? "alert" : p} aria-hidden=${o.email ? "false" : "true"} id=${"admin-error-email-" + e.id}><span aria-hidden="true">${c.octagonAlert()}</span><span class="field-error-text">${o.email ?? ""}</span></span>
1840
+ <span class="field-error ${s.email ? "" : "field-error--empty"}" role=${s.email ? "alert" : p} aria-hidden=${s.email ? "false" : "true"} id=${"admin-error-email-" + e.id}><span aria-hidden="true">${c.octagonAlert()}</span><span class="field-error-text">${s.email ?? ""}</span></span>
1818
1841
  </div>
1819
1842
  <div class="cell-lookup-btn">
1820
1843
  <button
@@ -1884,8 +1907,8 @@ let f = class extends E {
1884
1907
  aria-invalid=${r.email ? "true" : "false"}
1885
1908
  aria-describedby=${r.email ? "admin-error-email-" + e.id : p}
1886
1909
  ?disabled=${i}
1887
- @input=${(o) => this.updateRowEmail(e.id, o.target.value)}
1888
- @blur=${(o) => this.validateRowEmail(e.id, o.target.value)}
1910
+ @input=${(s) => this.updateRowEmail(e.id, s.target.value)}
1911
+ @blur=${(s) => this.validateRowEmail(e.id, s.target.value)}
1889
1912
  />
1890
1913
  <span class="field-error ${r.email ? "" : "field-error--empty"}" role=${r.email ? "alert" : p} aria-hidden=${r.email ? "false" : "true"} id=${"admin-error-email-" + e.id}><span aria-hidden="true">${c.octagonAlert()}</span><span class="field-error-text">${r.email ?? ""}</span></span>
1891
1914
  </div>
@@ -2064,7 +2087,7 @@ let f = class extends E {
2064
2087
  };
2065
2088
  f.styles = [
2066
2089
  N,
2067
- j,
2090
+ R,
2068
2091
  P,
2069
2092
  S`.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-07);}.admin-table{background:var(--ga-color-surface-page);border-radius:var(--ga-radius);overflow:hidden;}.admin-row{display:flex;align-items:flex-start;gap:var(--ga-size-spacing-04);padding:var(--ga-size-spacing-03) var(--ga-size-spacing-05);min-height:var(--ga-size-56);}.admin-row + .admin-row{border-top:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-20);}.admin-row--done{align-items:center;}.row-num{font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);width:var(--ga-size-spacing-05);text-align:right;flex-shrink:0;align-self:flex-start;padding-top:var(--ga-size-spacing-04);}.admin-row--done .row-num{align-self:auto;padding-top:0;}.cell-email{flex:0 0 var(--ga-size-content-xs);min-width:0;}.cell-name,.cell-name-last{flex:1 1 0;min-width:0;}.cell-lookup-btn{flex:1 1 0;}.cell-action{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--ga-size-spacing-02);min-width:calc(var(--ga-size-spacing-12) + var(--ga-size-spacing-03));}.name-text{font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding:0 var(--ga-size-spacing-02);}.grid-input{background:var(--ga-color-white);border:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);border-radius:var(--ga-radius);height:var(--ga-size-40);padding:0 var(--ga-size-spacing-04);font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);width:100%;box-sizing:border-box;outline:none;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.grid-input:focus{border-color:var(--ga-color-border-focus);outline:var(--ga-size-border-width-md) solid var(--ga-color-border-focus);outline-offset:var(--ga-size-border-width-md);}.grid-input.has-error{border-color:var(--ga-color-border-error);background:var(--ga-color-surface-error);}.grid-input.has-error:focus{border-color:var(--ga-color-border-error);}.you-tag{display:inline-flex;align-items:center;gap:var(--ga-size-spacing-02);background:var(--ga-color-utility-green-light);border:var(--ga-size-border-width-sm) solid var(--ga-color-utility-green);border-radius:var(--ga-radius);padding:var(--ga-size-spacing-01) var(--ga-size-spacing-02);font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);white-space:nowrap;}.you-tag svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);flex-shrink:0;}.btn-add-name{background:transparent;border:var(--ga-size-border-width-sm) solid var(--ga-color-primary);border-radius:var(--ga-radius);color:var(--ga-color-primary);font-size:var(--ga-text-sm-size);font-weight:500;height:var(--ga-size-40);padding:0 var(--ga-size-spacing-04);cursor:pointer;white-space:nowrap;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.btn-add-name:hover:not(:disabled){background:var(--ga-color-surface-page);}.btn-add-name:focus-visible,.btn-done:focus-visible,.btn-edit:focus-visible,.btn-icon:focus-visible,.btn-add-row:focus-visible{outline:var(--ga-size-border-width-md) solid var(--ga-color-border-focus);outline-offset:var(--ga-size-border-width-md);}.btn-add-name:disabled{border-color:var(--ga-color-border-disabled);color:var(--ga-color-text-disabled);cursor:not-allowed;}.btn-done{background:var(--ga-color-primary-70);color:var(--ga-color-secondary-10);border:var(--ga-size-border-width-sm) solid var(--ga-color-primary-70);border-radius:var(--ga-radius);font-size:var(--ga-text-sm-size);font-weight:500;height:var(--ga-size-40);padding:0 var(--ga-size-spacing-04);cursor:pointer;white-space:nowrap;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.btn-done:hover{background:var(--ga-color-primary-90);border-color:var(--ga-color-primary-90);}.btn-edit{background:var(--ga-color-white);color:var(--ga-color-text-body);border:var(--ga-size-border-width-sm) solid var(--ga-color-cyan-80);border-radius:var(--ga-radius);font-size:var(--ga-text-sm-size);font-weight:500;height:var(--ga-size-40);padding:0 var(--ga-size-spacing-04);cursor:pointer;white-space:nowrap;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.btn-edit:hover{background:var(--ga-color-secondary-10);}.btn-icon{background:transparent;border:none;padding:var(--ga-size-spacing-02);cursor:pointer;color:var(--ga-color-primary);display:flex;align-items:center;justify-content:center;border-radius:var(--ga-radius);}.btn-icon:hover{background:var(--ga-color-surface-page);}.btn-icon svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);}.table-footer{border-top:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-20);padding:var(--ga-size-spacing-03) var(--ga-size-spacing-05);display:flex;align-items:center;}.btn-add-row{display:inline-flex;align-items:center;gap:var(--ga-size-spacing-02);background:transparent;border:var(--ga-size-border-width-sm) solid var(--ga-color-primary);color:var(--ga-color-primary);font-size:var(--ga-text-md-size);font-weight:500;padding:var(--ga-size-spacing-03) var(--ga-size-spacing-05);cursor:pointer;border-radius:var(--ga-radius);font-family:var(--vsn-customer-onboarding-wizard-font-family);}.btn-add-row:hover:not(:disabled){background:var(--ga-color-surface-page);}.btn-add-row:disabled{color:var(--ga-color-text-disabled);border-color:var(--ga-color-neutral-30);cursor:not-allowed;}.btn-add-row svg{width:var(--ga-size-16);height:var(--ga-size-16);}.admin-row:not(.admin-row--done) .name-text{line-height:var(--ga-size-40);}h2[tabindex="-1"]:focus{outline:none;}`
2070
2093
  ];
@@ -2081,8 +2104,8 @@ x([
2081
2104
  d({ type: String })
2082
2105
  ], f.prototype, "locale", 2);
2083
2106
  x([
2084
- d({ type: Object })
2085
- ], f.prototype, "currentUser", 2);
2107
+ d({ type: String })
2108
+ ], f.prototype, "currentUserEmail", 2);
2086
2109
  x([
2087
2110
  l()
2088
2111
  ], f.prototype, "existingAdmins", 2);
@@ -2108,8 +2131,8 @@ f = x([
2108
2131
  A("wizard-step2-administrators")
2109
2132
  ], f);
2110
2133
  var Y = Object.defineProperty, H = Object.getOwnPropertyDescriptor, $ = (e, t, a, i) => {
2111
- for (var r = i > 1 ? void 0 : i ? H(t, a) : t, o = e.length - 1, s; o >= 0; o--)
2112
- (s = e[o]) && (r = (i ? s(t, a, r) : s(r)) || r);
2134
+ for (var r = i > 1 ? void 0 : i ? H(t, a) : t, s = e.length - 1, o; s >= 0; s--)
2135
+ (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
2113
2136
  return i && r && Y(t, a, r), r;
2114
2137
  };
2115
2138
  let w = class extends E {
@@ -2122,7 +2145,7 @@ let w = class extends E {
2122
2145
  (t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("h2")) == null || t.focus();
2123
2146
  });
2124
2147
  }
2125
- updated(e) {
2148
+ willUpdate(e) {
2126
2149
  (e.has("httpService") || e.has("partnerId")) && this.loadConsultants();
2127
2150
  }
2128
2151
  async loadConsultants() {
@@ -2240,7 +2263,7 @@ let w = class extends E {
2240
2263
  };
2241
2264
  w.styles = [
2242
2265
  N,
2243
- j,
2266
+ R,
2244
2267
  P,
2245
2268
  S`.step-content > p{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);color:var(--ga-color-text-body);margin:0 0 var(--ga-size-spacing-07);}.search-row{display:flex;justify-content:flex-end;margin-bottom:var(--ga-size-spacing-03);}.search-wrapper{position:relative;width:var(--ga-size-content-xs);}.search-icon{position:absolute;left:var(--ga-size-spacing-03);top:50%;transform:translateY(-50%);color:var(--ga-color-icon-action);display:flex;align-items:center;pointer-events:none;}.search-icon svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);}.search-input{width:100%;box-sizing:border-box;height:var(--ga-size-40);padding:0 var(--ga-size-spacing-04) 0 var(--ga-size-spacing-07);border:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);border-radius:var(--ga-radius);background:var(--ga-color-white);font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);outline:none;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.search-input::placeholder{color:var(--ga-color-neutral-60);}.search-input:focus{border-color:var(--ga-color-border-focus);}.consultant-list{background:var(--ga-color-surface-page);border-radius:var(--ga-radius);overflow:hidden;}.consultant-row{display:flex;align-items:center;gap:var(--ga-size-spacing-03);height:var(--ga-size-56);padding:0 var(--ga-size-spacing-05);cursor:pointer;}.consultant-row + .consultant-row{border-top:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-20);}.consultant-row--selected{background:var(--ga-color-surface-selected);}.consultant-row:hover:not(.consultant-row--selected){background:var(--ga-color-neutral-10);}.consultant-row:focus-within .checkbox-visual{outline:var(--ga-size-border-width-md) solid var(--ga-color-border-focus);outline-offset:var(--ga-size-border-width-sm);}.checkbox-visual{flex-shrink:0;width:var(--ga-size-16);height:var(--ga-size-16);border:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);border-radius:var(--ga-radius);background:var(--ga-color-white);display:flex;align-items:center;justify-content:center;pointer-events:none;}.checkbox-visual--checked{background:var(--ga-color-primary-70);border-color:var(--ga-color-primary-70);}.checkbox-visual svg{width:var(--ga-size-12);height:var(--ga-size-12);color:var(--ga-color-white);stroke-width:var(--ga-size-border-width-lg);}.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;}.consultant-name,.consultant-email{min-width:0;font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.consultant-name{flex:7 1 0;}.consultant-email{flex:5 1 0;text-align:left;}.loading-row,.no-results-row{padding:var(--ga-size-spacing-05);text-align:center;font-size:var(--ga-text-sm-size);color:var(--ga-color-neutral-60);}h2[tabindex="-1"]:focus{outline:none;}`
2246
2269
  ];
@@ -2277,9 +2300,9 @@ $([
2277
2300
  w = $([
2278
2301
  A("wizard-step3-partner-access")
2279
2302
  ], w);
2280
- var Z = Object.defineProperty, J = Object.getOwnPropertyDescriptor, F = (e, t, a, i) => {
2281
- for (var r = i > 1 ? void 0 : i ? J(t, a) : t, o = e.length - 1, s; o >= 0; o--)
2282
- (s = e[o]) && (r = (i ? s(t, a, r) : s(r)) || r);
2303
+ var Z = Object.defineProperty, J = Object.getOwnPropertyDescriptor, O = (e, t, a, i) => {
2304
+ for (var r = i > 1 ? void 0 : i ? J(t, a) : t, s = e.length - 1, o; s >= 0; s--)
2305
+ (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
2283
2306
  return i && r && Z(t, a, r), r;
2284
2307
  };
2285
2308
  let B = class extends E {
@@ -2328,24 +2351,24 @@ let B = class extends E {
2328
2351
  };
2329
2352
  B.styles = [
2330
2353
  N,
2331
- j,
2354
+ R,
2332
2355
  P,
2333
2356
  S`.complete-content{display:flex;flex-direction:column;gap:var(--ga-size-spacing-06);margin:0 auto;width:100%;max-width:var(--ga-size-content-sm);min-height:270px;}.complete-content h2{margin:0;}.complete-body 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-05);}.complete-body p:last-child{margin-bottom:0;}.wizard-actions{border-top:none;}h2[tabindex="-1"]:focus{outline:none;}`
2334
2357
  ];
2335
- F([
2358
+ O([
2336
2359
  d({ type: Object })
2337
2360
  ], B.prototype, "translations", 2);
2338
- B = F([
2361
+ B = O([
2339
2362
  A("wizard-step-complete")
2340
2363
  ], B);
2341
2364
  var Q = Object.defineProperty, X = Object.getOwnPropertyDescriptor, b = (e, t, a, i) => {
2342
- for (var r = i > 1 ? void 0 : i ? X(t, a) : t, o = e.length - 1, s; o >= 0; o--)
2343
- (s = e[o]) && (r = (i ? s(t, a, r) : s(r)) || r);
2365
+ for (var r = i > 1 ? void 0 : i ? X(t, a) : t, s = e.length - 1, o; s >= 0; s--)
2366
+ (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
2344
2367
  return i && r && Q(t, a, r), r;
2345
2368
  };
2346
- let u = class extends E {
2369
+ let h = class extends E {
2347
2370
  constructor() {
2348
- 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;
2371
+ 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;
2349
2372
  }
2350
2373
  get steps() {
2351
2374
  const e = this.i18n.getTranslations();
@@ -2356,7 +2379,16 @@ let u = class extends E {
2356
2379
  ];
2357
2380
  }
2358
2381
  connectedCallback() {
2359
- 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();
2382
+ super.connectedCallback(), this.currentStep = h.stepMap[this.step] ?? 0, this.i18n.setLocale(this.locale), this.setupErrorMessageListener();
2383
+ }
2384
+ firstUpdated() {
2385
+ this.updateComplete.then(() => {
2386
+ if (!this.httpService) {
2387
+ this.baseUrl || (console.error("[CustomerOnboardingWizard] baseUrl is required but was not provided."), this.errorState = { errorKey: "missingConfiguration" });
2388
+ return;
2389
+ }
2390
+ this.initializeWithAuth();
2391
+ });
2360
2392
  }
2361
2393
  disconnectedCallback() {
2362
2394
  super.disconnectedCallback(), this.removeErrorMessageListener();
@@ -2393,7 +2425,8 @@ let u = class extends E {
2393
2425
  console.warn("[CustomerOnboardingWizard] No authentication token provided by host application");
2394
2426
  return;
2395
2427
  }
2396
- this.httpService.setAuthToken(e), await this.loadUserProfile(), this.loadDataForStep(this.currentStep);
2428
+ if (!this.httpService) return;
2429
+ this.httpService.setAuthToken(e), this.loadDataForStep(this.currentStep);
2397
2430
  } catch (e) {
2398
2431
  console.error("Failed to initialize component:", e);
2399
2432
  }
@@ -2420,26 +2453,13 @@ let u = class extends E {
2420
2453
  this.dispatchEvent(i);
2421
2454
  });
2422
2455
  }
2423
- /**
2424
- * Load user profile from API and set userName
2425
- * userName is populated from getUserProfile() API call
2426
- * Falls back to default 'User' if request fails
2427
- */
2428
- async loadUserProfile() {
2429
- try {
2430
- const e = await this.httpService.getUserProfile();
2431
- this.currentUserProfile = e, this.userName = `${e.firstName} ${e.lastName}`;
2432
- } catch (e) {
2433
- console.error("Failed to load user profile:", e);
2434
- }
2435
- }
2436
2456
  /**
2437
2457
  * Load customer data from API (details and subscriptions in parallel)
2438
2458
  * Falls back gracefully if customerId is missing or requests fail
2439
2459
  */
2440
2460
  async loadCustomerData() {
2441
- if (!this.customerId) {
2442
- console.warn("[CustomerOnboardingWizard] No customerId provided, skipping customer data load");
2461
+ if (!this.httpService || !this.customerId) {
2462
+ this.customerId || console.warn("[CustomerOnboardingWizard] No customerId provided, skipping customer data load");
2443
2463
  return;
2444
2464
  }
2445
2465
  const [e, t] = await Promise.allSettled([
@@ -2454,10 +2474,11 @@ let u = class extends E {
2454
2474
  * @param token - New OAuth2 access token
2455
2475
  */
2456
2476
  updateToken(e) {
2457
- this.httpService.setAuthToken(e);
2477
+ this.httpService ? this.httpService.setAuthToken(e) : this.pendingAuthToken = e;
2458
2478
  }
2459
2479
  willUpdate(e) {
2460
- e.has("locale") && (this.i18n.setLocale(this.locale) || (this.locale = this.i18n.getLocale()));
2480
+ var t;
2481
+ e.has("baseUrl") && this.baseUrl && !this.httpService && (this.httpService = new F(this.baseUrl, {}, this), this.pendingAuthToken !== void 0 && (this.httpService.setAuthToken(this.pendingAuthToken), this.pendingAuthToken = void 0), ((t = this.errorState) == null ? void 0 : t.errorKey) === "missingConfiguration" && (this.errorState = null), this.hasUpdated && this.initializeWithAuth()), e.has("locale") && this.i18n.setLocale(this.locale);
2461
2482
  }
2462
2483
  /**
2463
2484
  * Load data required for the given step number.
@@ -2492,6 +2513,7 @@ let u = class extends E {
2492
2513
  }
2493
2514
  }
2494
2515
  handleSaveAndClose() {
2516
+ var a;
2495
2517
  const t = {
2496
2518
  0: "welcome",
2497
2519
  1: "company",
@@ -2502,18 +2524,19 @@ let u = class extends E {
2502
2524
  detail: { completed: !1, currentStep: this.currentStep },
2503
2525
  bubbles: !0,
2504
2526
  composed: !0
2505
- })), t && this.taskId && this.httpService.saveProgress(this.taskId, t).catch(() => {
2506
- });
2527
+ })), t && this.taskId && ((a = this.httpService) == null || a.saveProgress(this.taskId, t).catch(() => {
2528
+ }));
2507
2529
  }
2508
2530
  handleEditCustomer(e) {
2509
- this.customerId && this.httpService.editCustomer(this.customerId, e.detail).catch(() => {
2510
- });
2531
+ var t;
2532
+ this.customerId && ((t = this.httpService) == null || t.editCustomer(this.customerId, e.detail).catch(() => {
2533
+ }));
2511
2534
  }
2512
2535
  navigate(e) {
2513
2536
  window.location.href = e;
2514
2537
  }
2515
2538
  handleClose(e) {
2516
- var r;
2539
+ var r, s;
2517
2540
  const a = ((r = e.detail) == null ? void 0 : r.redirect) === !0 ? this.adminUrl : "";
2518
2541
  this.dispatchEvent(new CustomEvent("wizard-closed", {
2519
2542
  detail: { completed: !0 },
@@ -2522,12 +2545,12 @@ let u = class extends E {
2522
2545
  }));
2523
2546
  const i = (o) => {
2524
2547
  try {
2525
- const { protocol: s } = new URL(o);
2526
- (s === "https:" || s === "http:") && this.navigate(o);
2548
+ const { protocol: m } = new URL(o);
2549
+ (m === "https:" || m === "http:") && this.navigate(o);
2527
2550
  } catch {
2528
2551
  }
2529
2552
  };
2530
- this.taskId ? this.httpService.deleteTask(this.taskId).then(() => {
2553
+ this.taskId ? (s = this.httpService) == null || s.deleteTask(this.taskId).then(() => {
2531
2554
  this.visible = !1, a && i(a);
2532
2555
  }).catch(() => {
2533
2556
  this.visible = !1;
@@ -2577,6 +2600,12 @@ let u = class extends E {
2577
2600
  <div class="wizard-container" role="dialog" aria-modal="true" aria-labelledby="wizard-title" @keydown=${this.handleWizardKeydown}>
2578
2601
  <h1 class="wizard-title" id="wizard-title">${e.wizard.title}</h1>
2579
2602
  ${this.renderErrorBanner(e)}
2603
+ ${!this.httpService && this.hasUpdated ? n`
2604
+ <div class="error-actions">
2605
+ <button type="button" class="btn-secondary" @click=${this.handleSaveAndClose}>${e.common.close}</button>
2606
+ </div>
2607
+ ` : p}
2608
+ ${this.httpService ? n`
2580
2609
  ${this.renderStepIndicators(e)}
2581
2610
 
2582
2611
  <div class="wizard-body">
@@ -2607,7 +2636,7 @@ let u = class extends E {
2607
2636
  .httpService=${this.httpService}
2608
2637
  .customerId=${this.customerId}
2609
2638
  .locale=${this.locale}
2610
- .currentUser=${this.currentUserProfile}
2639
+ .currentUserEmail=${this.userEmail}
2611
2640
  @next=${this.handleNext}
2612
2641
  @save-and-close=${this.handleSaveAndClose}
2613
2642
  ></wizard-step2-administrators>
@@ -2632,6 +2661,7 @@ let u = class extends E {
2632
2661
  ></wizard-step-complete>
2633
2662
  ` : ""}
2634
2663
  </div>
2664
+ ` : p}
2635
2665
  </div>
2636
2666
  </div>
2637
2667
  ` : ""}
@@ -2662,63 +2692,64 @@ let u = class extends E {
2662
2692
  `;
2663
2693
  }
2664
2694
  };
2665
- u.stepMap = {
2695
+ h.stepMap = {
2666
2696
  welcome: 0,
2667
2697
  company: 1,
2668
2698
  administrators: 2,
2669
2699
  "partner-access": 3,
2670
2700
  complete: 4
2671
2701
  };
2672
- u.styles = [
2702
+ h.styles = [
2673
2703
  N,
2674
- 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;}`
2704
+ R,
2705
+ 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;}`
2675
2706
  ];
2676
2707
  b([
2677
2708
  d({ type: String })
2678
- ], u.prototype, "locale", 2);
2709
+ ], h.prototype, "locale", 2);
2679
2710
  b([
2680
2711
  d({ type: String })
2681
- ], u.prototype, "baseUrl", 2);
2712
+ ], h.prototype, "baseUrl", 2);
2682
2713
  b([
2683
2714
  d({ type: String })
2684
- ], u.prototype, "adminUrl", 2);
2715
+ ], h.prototype, "adminUrl", 2);
2685
2716
  b([
2686
2717
  d({ type: String })
2687
- ], u.prototype, "taskId", 2);
2718
+ ], h.prototype, "taskId", 2);
2688
2719
  b([
2689
2720
  d({ type: String })
2690
- ], u.prototype, "customerId", 2);
2721
+ ], h.prototype, "customerId", 2);
2691
2722
  b([
2692
2723
  d({ type: String })
2693
- ], u.prototype, "step", 2);
2724
+ ], h.prototype, "step", 2);
2694
2725
  b([
2695
- l()
2696
- ], u.prototype, "userName", 2);
2726
+ d({ attribute: "user-name" })
2727
+ ], h.prototype, "userName", 2);
2697
2728
  b([
2698
- l()
2699
- ], u.prototype, "currentUserProfile", 2);
2729
+ d({ attribute: "user-email" })
2730
+ ], h.prototype, "userEmail", 2);
2700
2731
  b([
2701
2732
  l()
2702
- ], u.prototype, "currentStep", 2);
2733
+ ], h.prototype, "currentStep", 2);
2703
2734
  b([
2704
2735
  l()
2705
- ], u.prototype, "completedSteps", 2);
2736
+ ], h.prototype, "completedSteps", 2);
2706
2737
  b([
2707
2738
  l()
2708
- ], u.prototype, "errorState", 2);
2739
+ ], h.prototype, "errorState", 2);
2709
2740
  b([
2710
2741
  l()
2711
- ], u.prototype, "customer", 2);
2742
+ ], h.prototype, "customer", 2);
2712
2743
  b([
2713
2744
  l()
2714
- ], u.prototype, "customerSubscriptions", 2);
2745
+ ], h.prototype, "customerSubscriptions", 2);
2715
2746
  b([
2716
2747
  l()
2717
- ], u.prototype, "visible", 2);
2718
- u = b([
2748
+ ], h.prototype, "visible", 2);
2749
+ h = b([
2719
2750
  A("vsn-customer-onboarding-wizard")
2720
- ], u);
2751
+ ], h);
2721
2752
  export {
2722
- u as CustomerOnboardingWizard,
2723
- T as HttpService
2753
+ h as CustomerOnboardingWizard,
2754
+ F as HttpService
2724
2755
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@visma-swno/customer-onboarding-wizard",
3
- "version": "1.0.12",
3
+ "version": "1.0.14",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -36,5 +36,8 @@
36
36
  },
37
37
  "publishConfig": {
38
38
  "access": "public"
39
+ },
40
+ "allowScripts": {
41
+ "esbuild@0.25.12": true
39
42
  }
40
43
  }