@visma-swno/customer-onboarding-wizard 1.0.1 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -3
- package/dist/core/http.service.d.ts +2 -0
- package/dist/core/i18n.service.d.ts +8 -2
- package/dist/index.js +48 -138
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -24,9 +24,11 @@ npm install @visma-swno/customer-onboarding-wizard
|
|
|
24
24
|
```html
|
|
25
25
|
<vsn-customer-onboarding-wizard
|
|
26
26
|
baseUrl="https://api.example.com"
|
|
27
|
-
taskId="task-12345"
|
|
28
27
|
customerId="customer-67890"
|
|
29
|
-
|
|
28
|
+
taskId="task-12345"
|
|
29
|
+
locale="en-US"
|
|
30
|
+
step="welcome"
|
|
31
|
+
adminUrl="https://admin.example.com/customer/user-access">
|
|
30
32
|
</vsn-customer-onboarding-wizard>
|
|
31
33
|
```
|
|
32
34
|
|
|
@@ -46,7 +48,7 @@ import { CustomerOnboardingWizard } from '@visma-swno/customer-onboarding-wizard
|
|
|
46
48
|
| `baseUrl` | String | `''` | **Yes** | Base URL for API calls (e.g., 'https://api.example.com') |
|
|
47
49
|
| `taskId` | String | `''` | No | Onboarding task ID. Required for saving progress (`save and close`) and completing the wizard; omitting it skips those API calls |
|
|
48
50
|
| `customerId` | String | `''` | **Yes** | Customer ID used to load company information in Step 1 (Company) |
|
|
49
|
-
| `locale` | String | `'en-
|
|
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` |
|
|
50
52
|
| `step` | String | `'welcome'` | No | Initial step to navigate to: `welcome`, `company`, `administrators`, `partner-access`, `complete` |
|
|
51
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. |
|
|
52
54
|
|
|
@@ -27,6 +27,7 @@ export interface CustomerInfo {
|
|
|
27
27
|
customer: {
|
|
28
28
|
customerId: string;
|
|
29
29
|
name: string;
|
|
30
|
+
organizationNumber: string;
|
|
30
31
|
address1: string;
|
|
31
32
|
address2: string;
|
|
32
33
|
postalCode: string;
|
|
@@ -77,6 +78,7 @@ export interface ConsultantsResponse {
|
|
|
77
78
|
*/
|
|
78
79
|
export interface EditCustomerRequest {
|
|
79
80
|
name: string;
|
|
81
|
+
organizationNumber?: string;
|
|
80
82
|
address1?: string;
|
|
81
83
|
address2?: string;
|
|
82
84
|
postalCode?: string;
|
|
@@ -2,8 +2,11 @@
|
|
|
2
2
|
* I18n Service
|
|
3
3
|
* Handles internationalization for the customer onboarding wizard
|
|
4
4
|
* Supported locales: da-DK, en-GB, en-US, fi-FI, nb-NO, nl-NL, sv-SE
|
|
5
|
+
* Note: en-GB is accepted but served using en-US translations.
|
|
5
6
|
*/
|
|
6
7
|
export type SupportedLocale = 'da-DK' | 'en-GB' | 'en-US' | 'fi-FI' | 'nb-NO' | 'nl-NL' | 'sv-SE';
|
|
8
|
+
/** Locales that have a dedicated translations entry (en-GB is mapped to en-US). */
|
|
9
|
+
export type ResolvedLocale = Exclude<SupportedLocale, 'en-GB'>;
|
|
7
10
|
export interface Translations {
|
|
8
11
|
wizard: {
|
|
9
12
|
title: string;
|
|
@@ -29,6 +32,7 @@ export interface Translations {
|
|
|
29
32
|
saveChanges: string;
|
|
30
33
|
cancelEdit: string;
|
|
31
34
|
companyNameLabel: string;
|
|
35
|
+
organizationNumberLabel: string;
|
|
32
36
|
address1Label: string;
|
|
33
37
|
postalCodeLabel: string;
|
|
34
38
|
cityLabel: string;
|
|
@@ -115,13 +119,15 @@ export declare class I18nService {
|
|
|
115
119
|
private currentLocale;
|
|
116
120
|
/**
|
|
117
121
|
* Set the current locale
|
|
118
|
-
* Returns true when the locale is supported, otherwise falls back to en-
|
|
122
|
+
* Returns true when the locale is supported, otherwise falls back to en-US and returns false.
|
|
123
|
+
* Note: en-GB is mapped to en-US translations.
|
|
119
124
|
*/
|
|
120
125
|
setLocale(locale: SupportedLocale | string): boolean;
|
|
121
126
|
/**
|
|
122
127
|
* Get the current locale
|
|
128
|
+
* Returns the resolved locale (en-GB is returned as 'en-US').
|
|
123
129
|
*/
|
|
124
|
-
getLocale():
|
|
130
|
+
getLocale(): ResolvedLocale;
|
|
125
131
|
/**
|
|
126
132
|
* Get translations for the current locale
|
|
127
133
|
*/
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { css as $, svg as v, LitElement as S, html as n, nothing as
|
|
1
|
+
import { css as $, svg as v, LitElement as S, html as n, nothing as F } from "lit";
|
|
2
2
|
import { property as g, customElement as L, state as l } from "lit/decorators.js";
|
|
3
3
|
$`: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
4
|
const E = $`: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:0.02rem;--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:0.0625rem;--ga-size-2:0.125rem;--ga-size-4:0.25rem;--ga-size-6:0.375rem;--ga-size-8:0.5rem;--ga-size-10:0.625rem;--ga-size-11:0.6875rem;--ga-size-12:0.75rem;--ga-size-14:0.875rem;--ga-size-16:1rem;--ga-size-18:1.125rem;--ga-size-20:1.25rem;--ga-size-24:1.5rem;--ga-size-28:1.75rem;--ga-size-32:2rem;--ga-size-36:2.25rem;--ga-size-40:2.5rem;--ga-size-44:2.75rem;--ga-size-48:3rem;--ga-size-56:3.5rem;--ga-size-64:4rem;--ga-size-80:5rem;--ga-size-96:6rem;--ga-size-112:7rem;--ga-size-128:8rem;--ga-size-144:9rem;--ga-size-160:10rem;--ga-size-192:12rem;--ga-size-224:14rem;--ga-size-256:16rem;--ga-size-288:18rem;--ga-size-320:20rem;--ga-size-352:22rem;--ga-size-384:24rem;--ga-size-416:26rem;--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:0.125rem;--ga-size-spacing-02:0.25rem;--ga-size-spacing-03:0.5rem;--ga-size-spacing-04:0.75rem;--ga-size-spacing-05:1rem;--ga-size-spacing-06:1.5rem;--ga-size-spacing-07:2rem;--ga-size-spacing-08:2.5rem;--ga-size-spacing-09:3rem;--ga-size-spacing-10:4rem;--ga-size-spacing-11:5rem;--ga-size-spacing-12:6rem;--ga-size-spacing-13:10rem;--ga-text-2xl-font-size:1.5rem;--ga-text-2xl-font-style:normal;--ga-text-2xl-line-height:2rem;--ga-text-2xl-font-family:inherit;--ga-text-2xl-font-weight:400;--ga-text-2xl-letter-spacing:-0.019rem;--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:2rem;--ga-text-3xl-font-style:normal;--ga-text-3xl-line-height:2.5rem;--ga-text-3xl-font-family:inherit;--ga-text-3xl-font-weight:400;--ga-text-3xl-letter-spacing:-0.022rem;--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:1rem;--ga-text-lg-font-style:normal;--ga-text-lg-line-height:1.5rem;--ga-text-lg-font-family:inherit;--ga-text-lg-font-weight:400;--ga-text-lg-letter-spacing:-0.011rem;--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:0.875rem;--ga-text-md-font-style:normal;--ga-text-md-line-height:1.25rem;--ga-text-md-font-family:inherit;--ga-text-md-font-weight:400;--ga-text-md-letter-spacing:-0.006rem;--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:0.75rem;--ga-text-sm-font-style:normal;--ga-text-sm-line-height:1.25rem;--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:1.125rem;--ga-text-xl-font-style:normal;--ga-text-xl-line-height:1.5rem;--ga-text-xl-font-family:inherit;--ga-text-xl-font-weight:400;--ga-text-xl-letter-spacing:-0.017rem;--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:0.6875rem;--ga-text-xs-font-style:normal;--ga-text-xs-line-height:1rem;--ga-text-xs-font-family:inherit;--ga-text-xs-font-weight:400;--ga-text-xs-letter-spacing:0.005rem;--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:11.25rem;--ga-size-content-xs:15rem;--ga-size-content-sm:22.5rem;--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:1.5rem;--ga-text-2xl-font-style:normal;--ga-text-2xl-line-height:2.5rem;--ga-text-2xl-font-family:inherit;--ga-text-2xl-font-weight:400;--ga-text-2xl-letter-spacing:-0.019rem;--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:2.25rem;--ga-text-3xl-font-style:normal;--ga-text-3xl-line-height:3rem;--ga-text-3xl-font-family:inherit;--ga-text-3xl-font-weight:400;--ga-text-3xl-letter-spacing:-0.022rem;--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:1.25rem;--ga-text-xl-font-style:normal;--ga-text-xl-line-height:2rem;--ga-text-xl-font-family:inherit;--ga-text-xl-font-weight:400;--ga-text-xl-letter-spacing:-0.017rem;--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);}}`, d = {
|
|
@@ -101,110 +101,6 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
|
|
|
101
101
|
</svg>
|
|
102
102
|
`
|
|
103
103
|
}, I = {
|
|
104
|
-
"en-GB": {
|
|
105
|
-
wizard: {
|
|
106
|
-
title: "Set up your company"
|
|
107
|
-
},
|
|
108
|
-
steps: {
|
|
109
|
-
company: "Company",
|
|
110
|
-
administrators: "Administrators",
|
|
111
|
-
partnerAccess: "Partner Access",
|
|
112
|
-
progressLabel: "Setup progress"
|
|
113
|
-
},
|
|
114
|
-
welcome: {
|
|
115
|
-
greeting: "Welcome to Visma Software,",
|
|
116
|
-
description: "Let's get your company account ready. This setup takes about 5 minutes and helps you hit the ground running."
|
|
117
|
-
},
|
|
118
|
-
company: {
|
|
119
|
-
title: "Your company",
|
|
120
|
-
description: "Confirm your company details. This information will be used for your profile and system identity. You can always edit this later in settings.",
|
|
121
|
-
placeholder: "Company information placeholder",
|
|
122
|
-
contactLabel: "Contact",
|
|
123
|
-
editContactLabel: "Edit contact",
|
|
124
|
-
subscriptionLabel: "Your subscription includes",
|
|
125
|
-
address2Placeholder: "Address Line 2 (Optional)",
|
|
126
|
-
saveChanges: "Save changes",
|
|
127
|
-
cancelEdit: "Cancel",
|
|
128
|
-
companyNameLabel: "Company name",
|
|
129
|
-
address1Label: "Address",
|
|
130
|
-
postalCodeLabel: "Postal code",
|
|
131
|
-
cityLabel: "City",
|
|
132
|
-
countryLabel: "Country",
|
|
133
|
-
webUrlLabel: "Website",
|
|
134
|
-
emailLabel: "Email",
|
|
135
|
-
editFormLabel: "Edit company details",
|
|
136
|
-
addressGroupLabel: "Postal code and city",
|
|
137
|
-
managePlanMessage: "Manage your plan by reaching out to your partner {partnerName}.",
|
|
138
|
-
fieldRequired: "This field is required.",
|
|
139
|
-
emailInvalid: "Please enter a valid email address."
|
|
140
|
-
},
|
|
141
|
-
administrators: {
|
|
142
|
-
title: "Administrators",
|
|
143
|
-
description: "Invite colleagues to help manage your company account and users. You can always add more administrators or adjust permissions later in the Admin settings.",
|
|
144
|
-
addAdministratorButton: "Add Administrator",
|
|
145
|
-
addNameButton: "Add name",
|
|
146
|
-
firstNameLabel: "First name",
|
|
147
|
-
lastNameLabel: "Last name",
|
|
148
|
-
youLabel: "You",
|
|
149
|
-
deleteRowLabel: "Delete administrator",
|
|
150
|
-
confirmSingular: "Confirm {count} Administrator",
|
|
151
|
-
confirmPlural: "Confirm {count} Administrators",
|
|
152
|
-
doneButton: "Done",
|
|
153
|
-
editButton: "Edit"
|
|
154
|
-
},
|
|
155
|
-
partnerAccess: {
|
|
156
|
-
title: "Give access to consultants",
|
|
157
|
-
description: "Invite consultants from {partnerName}, and give them access to help you configure the system. You can manage or revoke their access at any time.",
|
|
158
|
-
findConsultantPlaceholder: "Find consultant",
|
|
159
|
-
loading: "Loading consultants...",
|
|
160
|
-
confirmSingular: "Confirm {count} consultant",
|
|
161
|
-
confirmPlural: "Confirm {count} consultants"
|
|
162
|
-
},
|
|
163
|
-
complete: {
|
|
164
|
-
title: "Setup complete!",
|
|
165
|
-
message1: "We have invited your administrators and partners to join you. Your company is now ready.",
|
|
166
|
-
message2: "Please see our admin page to see where you can make further changes.",
|
|
167
|
-
goToAdminButton: "Go to Admin Page"
|
|
168
|
-
},
|
|
169
|
-
common: {
|
|
170
|
-
saveAndClose: "Save and close",
|
|
171
|
-
startSetup: "Start Set Up",
|
|
172
|
-
confirm: "Confirm",
|
|
173
|
-
close: "Close",
|
|
174
|
-
loading: "Loading customer information...",
|
|
175
|
-
dismissError: "Dismiss error"
|
|
176
|
-
},
|
|
177
|
-
errors: {
|
|
178
|
-
invalidRequest: {
|
|
179
|
-
title: "Invalid Request",
|
|
180
|
-
message: "Invalid request. Please check your input."
|
|
181
|
-
},
|
|
182
|
-
validationError: {
|
|
183
|
-
title: "Validation Error",
|
|
184
|
-
message: "Validation error. Please check your input."
|
|
185
|
-
},
|
|
186
|
-
notFound: {
|
|
187
|
-
title: "Not Found",
|
|
188
|
-
message: "Resource not found."
|
|
189
|
-
},
|
|
190
|
-
serverError: {
|
|
191
|
-
title: "Server Error",
|
|
192
|
-
message: "Server error. Please try again later."
|
|
193
|
-
},
|
|
194
|
-
requestTimeout: {
|
|
195
|
-
title: "Request Timeout",
|
|
196
|
-
message: "Request timeout. Please try again."
|
|
197
|
-
},
|
|
198
|
-
networkError: {
|
|
199
|
-
title: "Network Error",
|
|
200
|
-
message: "Network error. Please check your connection."
|
|
201
|
-
},
|
|
202
|
-
requestFailed: {
|
|
203
|
-
title: "Request Failed",
|
|
204
|
-
message: "Request failed. Please try again."
|
|
205
|
-
}
|
|
206
|
-
}
|
|
207
|
-
},
|
|
208
104
|
"en-US": {
|
|
209
105
|
wizard: {
|
|
210
106
|
title: "Set up your company"
|
|
@@ -230,6 +126,7 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
|
|
|
230
126
|
saveChanges: "Save changes",
|
|
231
127
|
cancelEdit: "Cancel",
|
|
232
128
|
companyNameLabel: "Company name",
|
|
129
|
+
organizationNumberLabel: "Organization number",
|
|
233
130
|
address1Label: "Address",
|
|
234
131
|
postalCodeLabel: "Postal code",
|
|
235
132
|
cityLabel: "City",
|
|
@@ -334,6 +231,7 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
|
|
|
334
231
|
saveChanges: "Gem ændringer",
|
|
335
232
|
cancelEdit: "Annuller",
|
|
336
233
|
companyNameLabel: "Virksomhedsnavn",
|
|
234
|
+
organizationNumberLabel: "Organisationsnummer",
|
|
337
235
|
address1Label: "Adresse",
|
|
338
236
|
postalCodeLabel: "Postnummer",
|
|
339
237
|
cityLabel: "By",
|
|
@@ -438,6 +336,7 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
|
|
|
438
336
|
saveChanges: "Tallenna muutokset",
|
|
439
337
|
cancelEdit: "Peruuta",
|
|
440
338
|
companyNameLabel: "Yrityksen nimi",
|
|
339
|
+
organizationNumberLabel: "Y-tunnus",
|
|
441
340
|
address1Label: "Osoite",
|
|
442
341
|
postalCodeLabel: "Postinumero",
|
|
443
342
|
cityLabel: "Kaupunki",
|
|
@@ -542,6 +441,7 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
|
|
|
542
441
|
saveChanges: "Lagre endringer",
|
|
543
442
|
cancelEdit: "Avbryt",
|
|
544
443
|
companyNameLabel: "Selskapsnavn",
|
|
444
|
+
organizationNumberLabel: "Organisasjonsnummer",
|
|
545
445
|
address1Label: "Adresse",
|
|
546
446
|
postalCodeLabel: "Postnummer",
|
|
547
447
|
cityLabel: "By",
|
|
@@ -646,6 +546,7 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
|
|
|
646
546
|
saveChanges: "Wijzigingen opslaan",
|
|
647
547
|
cancelEdit: "Annuleren",
|
|
648
548
|
companyNameLabel: "Bedrijfsnaam",
|
|
549
|
+
organizationNumberLabel: "Organisatienummer",
|
|
649
550
|
address1Label: "Adres",
|
|
650
551
|
postalCodeLabel: "Postcode",
|
|
651
552
|
cityLabel: "Stad",
|
|
@@ -750,6 +651,7 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
|
|
|
750
651
|
saveChanges: "Spara ändringar",
|
|
751
652
|
cancelEdit: "Avbryt",
|
|
752
653
|
companyNameLabel: "Företagsnamn",
|
|
654
|
+
organizationNumberLabel: "Organisationsnummer",
|
|
753
655
|
address1Label: "Adress",
|
|
754
656
|
postalCodeLabel: "Postnummer",
|
|
755
657
|
cityLabel: "Stad",
|
|
@@ -830,19 +732,22 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
|
|
|
830
732
|
}
|
|
831
733
|
}
|
|
832
734
|
};
|
|
833
|
-
class
|
|
735
|
+
class T {
|
|
834
736
|
constructor() {
|
|
835
|
-
this.currentLocale = "en-
|
|
737
|
+
this.currentLocale = "en-US";
|
|
836
738
|
}
|
|
837
739
|
/**
|
|
838
740
|
* Set the current locale
|
|
839
|
-
* Returns true when the locale is supported, otherwise falls back to en-
|
|
741
|
+
* Returns true when the locale is supported, otherwise falls back to en-US and returns false.
|
|
742
|
+
* Note: en-GB is mapped to en-US translations.
|
|
840
743
|
*/
|
|
841
744
|
setLocale(t) {
|
|
842
|
-
|
|
745
|
+
const a = t === "en-GB" ? "en-US" : t;
|
|
746
|
+
return Object.prototype.hasOwnProperty.call(I, a) ? (this.currentLocale = a, !0) : (console.warn(`Locale "${t}" not supported. Falling back to en-US.`), this.currentLocale = "en-US", !1);
|
|
843
747
|
}
|
|
844
748
|
/**
|
|
845
749
|
* Get the current locale
|
|
750
|
+
* Returns the resolved locale (en-GB is returned as 'en-US').
|
|
846
751
|
*/
|
|
847
752
|
getLocale() {
|
|
848
753
|
return this.currentLocale;
|
|
@@ -965,8 +870,8 @@ class O {
|
|
|
965
870
|
// Retry function
|
|
966
871
|
);
|
|
967
872
|
else if (!(a.suppressErrorStatuses ?? []).includes(c.status)) {
|
|
968
|
-
const
|
|
969
|
-
this.emitErrorMessage(c.status,
|
|
873
|
+
const U = this.getErrorKey(c.status);
|
|
874
|
+
this.emitErrorMessage(c.status, U, t, r);
|
|
970
875
|
}
|
|
971
876
|
throw new B(c.status, c.statusText);
|
|
972
877
|
}
|
|
@@ -1090,8 +995,8 @@ class O {
|
|
|
1090
995
|
return this.request(t, { method: "PATCH", body: a, headers: r });
|
|
1091
996
|
}
|
|
1092
997
|
}
|
|
1093
|
-
const j = $`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);}`,
|
|
1094
|
-
var M = Object.defineProperty, V = Object.getOwnPropertyDescriptor,
|
|
998
|
+
const j = $`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);}`, R = $`:host{display:block;}.step-content{text-align:left;}.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-09);gap:var(--ga-size-spacing-05);}.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;}`;
|
|
999
|
+
var M = Object.defineProperty, V = Object.getOwnPropertyDescriptor, q = (e, t, a, r) => {
|
|
1095
1000
|
for (var i = r > 1 ? void 0 : r ? V(t, a) : t, o = e.length - 1, s; o >= 0; o--)
|
|
1096
1001
|
(s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
|
|
1097
1002
|
return r && i && M(t, a, i), i;
|
|
@@ -1140,20 +1045,20 @@ let N = class extends S {
|
|
|
1140
1045
|
N.styles = [
|
|
1141
1046
|
E,
|
|
1142
1047
|
j,
|
|
1143
|
-
|
|
1048
|
+
R,
|
|
1144
1049
|
$`.wizard-content{text-align:left;padding:var(--ga-size-spacing-08) 0 var(--ga-size-spacing-06);}.welcome-wrapper{width:var(--ga-size-content-sm);margin:0 auto;text-align:left;}.welcome-wrapper 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;}.welcome-wrapper 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:400;margin:0 0 var(--ga-size-spacing-06);color:var(--ga-color-text-headings);}`
|
|
1145
1050
|
];
|
|
1146
|
-
|
|
1051
|
+
q([
|
|
1147
1052
|
g({ type: String })
|
|
1148
1053
|
], N.prototype, "userName", 2);
|
|
1149
|
-
|
|
1054
|
+
q([
|
|
1150
1055
|
g({ type: Object })
|
|
1151
1056
|
], N.prototype, "translations", 2);
|
|
1152
|
-
N =
|
|
1057
|
+
N = q([
|
|
1153
1058
|
L("wizard-step-welcome")
|
|
1154
1059
|
], N);
|
|
1155
|
-
var _ = Object.defineProperty,
|
|
1156
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
1060
|
+
var _ = Object.defineProperty, K = Object.getOwnPropertyDescriptor, u = (e, t, a, r) => {
|
|
1061
|
+
for (var i = r > 1 ? void 0 : r ? K(t, a) : t, o = e.length - 1, s; o >= 0; o--)
|
|
1157
1062
|
(s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
|
|
1158
1063
|
return r && i && _(t, a, i), i;
|
|
1159
1064
|
};
|
|
@@ -1201,6 +1106,7 @@ let p = class extends S {
|
|
|
1201
1106
|
}, this.editingContact = !1;
|
|
1202
1107
|
const t = {
|
|
1203
1108
|
name: this.editName,
|
|
1109
|
+
organizationNumber: e.organizationNumber,
|
|
1204
1110
|
address1: this.editAddress1,
|
|
1205
1111
|
address2: this.editAddress2,
|
|
1206
1112
|
postalCode: this.editPostalCode,
|
|
@@ -1319,7 +1225,11 @@ let p = class extends S {
|
|
|
1319
1225
|
}}
|
|
1320
1226
|
/>
|
|
1321
1227
|
${this.fieldErrors.name ? n`<span class="field-error">${d.octagonAlert()}<span class="field-error-text">${this.fieldErrors.name}</span></span>` : ""}
|
|
1322
|
-
|
|
1228
|
+
<span class="org-number" aria-label=${e.company.organizationNumberLabel} title=${e.company.organizationNumberLabel}>${r.organizationNumber}</span>
|
|
1229
|
+
</div>` : n`<div class="company-name-wrapper">
|
|
1230
|
+
<h3 class="company-name">${r.name}</h3>
|
|
1231
|
+
<span class="org-number" aria-label=${e.company.organizationNumberLabel} title=${e.company.organizationNumberLabel}>${r.organizationNumber}</span>
|
|
1232
|
+
</div>`}
|
|
1323
1233
|
</div>
|
|
1324
1234
|
|
|
1325
1235
|
<div class="company-columns">
|
|
@@ -1525,8 +1435,8 @@ let p = class extends S {
|
|
|
1525
1435
|
p.styles = [
|
|
1526
1436
|
E,
|
|
1527
1437
|
j,
|
|
1528
|
-
|
|
1529
|
-
$`: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-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-contact-btn{all:unset;display:flex;align-items:center;justify-content:center;width:var(--ga-size-spacing-07);height:var(--ga-size-spacing-07);border:var(--ga-size-border-width-sm) solid var(--ga-color-border-primary);border-radius:var(--ga-radius);cursor:pointer;color:var(--ga-color-text-body);}.edit-contact-btn:hover{background:var(--ga-color-neutral-10);}.edit-contact-btn:focus-visible{outline:var(--ga-size-border-width-md) solid var(--ga-color-primary);outline-offset:var(--ga-size-border-width-md);}.edit-contact-btn svg{width:var(--ga-size-spacing-05);height: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;}.company-name-input{width:100%;}.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:var(--ga-size-border-width-sm) solid var(--ga-color-border-primary);border-radius:var(--ga-radius);background:var(--ga-color-white);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;}`
|
|
1438
|
+
R,
|
|
1439
|
+
$`: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-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-contact-btn{all:unset;display:flex;align-items:center;justify-content:center;width:var(--ga-size-spacing-07);height:var(--ga-size-spacing-07);border:var(--ga-size-border-width-sm) solid var(--ga-color-border-primary);border-radius:var(--ga-radius);cursor:pointer;color:var(--ga-color-text-body);}.edit-contact-btn:hover{background:var(--ga-color-neutral-10);}.edit-contact-btn:focus-visible{outline:var(--ga-size-border-width-md) solid var(--ga-color-primary);outline-offset:var(--ga-size-border-width-md);}.edit-contact-btn svg{width:var(--ga-size-spacing-05);height: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);}.company-name-input{width:100%;}.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:var(--ga-size-border-width-sm) solid var(--ga-color-border-primary);border-radius:var(--ga-radius);background:var(--ga-color-white);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;}`
|
|
1530
1440
|
];
|
|
1531
1441
|
u([
|
|
1532
1442
|
g({ type: Object })
|
|
@@ -1576,8 +1486,8 @@ u([
|
|
|
1576
1486
|
p = u([
|
|
1577
1487
|
L("wizard-step1-company")
|
|
1578
1488
|
], p);
|
|
1579
|
-
var W = Object.defineProperty,
|
|
1580
|
-
for (var i = r > 1 ? void 0 : r ?
|
|
1489
|
+
var W = Object.defineProperty, G = Object.getOwnPropertyDescriptor, y = (e, t, a, r) => {
|
|
1490
|
+
for (var i = r > 1 ? void 0 : r ? G(t, a) : t, o = e.length - 1, s; o >= 0; o--)
|
|
1581
1491
|
(s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
|
|
1582
1492
|
return r && i && W(t, a, i), i;
|
|
1583
1493
|
};
|
|
@@ -1762,7 +1672,7 @@ let h = class extends S {
|
|
|
1762
1672
|
<span>${d.userRound()}</span>
|
|
1763
1673
|
<span>${a.administrators.youLabel}</span>
|
|
1764
1674
|
</div>
|
|
1765
|
-
` :
|
|
1675
|
+
` : F}
|
|
1766
1676
|
</div>
|
|
1767
1677
|
</div>
|
|
1768
1678
|
`;
|
|
@@ -2025,7 +1935,7 @@ let h = class extends S {
|
|
|
2025
1935
|
h.styles = [
|
|
2026
1936
|
E,
|
|
2027
1937
|
j,
|
|
2028
|
-
|
|
1938
|
+
R,
|
|
2029
1939
|
$`.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);}`
|
|
2030
1940
|
];
|
|
2031
1941
|
y([
|
|
@@ -2135,7 +2045,7 @@ let b = class extends S {
|
|
|
2135
2045
|
@change=${() => this.toggleConsultant(e.id)}
|
|
2136
2046
|
/>
|
|
2137
2047
|
<span class="checkbox-visual ${t ? "checkbox-visual--checked" : ""}">
|
|
2138
|
-
${t ? d.check() :
|
|
2048
|
+
${t ? d.check() : F}
|
|
2139
2049
|
</span>
|
|
2140
2050
|
<span class="consultant-name">${a}</span>
|
|
2141
2051
|
<span class="consultant-email">${e.email}</span>
|
|
@@ -2194,7 +2104,7 @@ let b = class extends S {
|
|
|
2194
2104
|
b.styles = [
|
|
2195
2105
|
E,
|
|
2196
2106
|
j,
|
|
2197
|
-
|
|
2107
|
+
R,
|
|
2198
2108
|
$`.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{flex:1 1 0;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-email{text-align:left;}.loading-row{padding:var(--ga-size-spacing-05);text-align:center;font-size:var(--ga-text-sm-size);color:var(--ga-color-neutral-60);}`
|
|
2199
2109
|
];
|
|
2200
2110
|
k([
|
|
@@ -2230,12 +2140,12 @@ k([
|
|
|
2230
2140
|
b = k([
|
|
2231
2141
|
L("wizard-step3-partner-access")
|
|
2232
2142
|
], b);
|
|
2233
|
-
var Z = Object.defineProperty, J = Object.getOwnPropertyDescriptor,
|
|
2143
|
+
var Z = Object.defineProperty, J = Object.getOwnPropertyDescriptor, D = (e, t, a, r) => {
|
|
2234
2144
|
for (var i = r > 1 ? void 0 : r ? J(t, a) : t, o = e.length - 1, s; o >= 0; o--)
|
|
2235
2145
|
(s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
|
|
2236
2146
|
return r && i && Z(t, a, i), i;
|
|
2237
2147
|
};
|
|
2238
|
-
let
|
|
2148
|
+
let P = class extends S {
|
|
2239
2149
|
handleClose() {
|
|
2240
2150
|
this.dispatchEvent(new CustomEvent("close", {
|
|
2241
2151
|
bubbles: !0,
|
|
@@ -2270,18 +2180,18 @@ let R = class extends S {
|
|
|
2270
2180
|
`;
|
|
2271
2181
|
}
|
|
2272
2182
|
};
|
|
2273
|
-
|
|
2183
|
+
P.styles = [
|
|
2274
2184
|
E,
|
|
2275
2185
|
j,
|
|
2276
|
-
|
|
2186
|
+
R,
|
|
2277
2187
|
$`.step-content h2{font-weight:var(--ga-font-weight-semibold);margin:0 0 var(--ga-size-spacing-06);}.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-04);}.primary-action{margin-top:var(--ga-size-spacing-06);}`
|
|
2278
2188
|
];
|
|
2279
|
-
|
|
2189
|
+
D([
|
|
2280
2190
|
g({ type: Object })
|
|
2281
|
-
],
|
|
2282
|
-
|
|
2191
|
+
], P.prototype, "translations", 2);
|
|
2192
|
+
P = D([
|
|
2283
2193
|
L("wizard-step-complete")
|
|
2284
|
-
],
|
|
2194
|
+
], P);
|
|
2285
2195
|
var Q = Object.defineProperty, X = Object.getOwnPropertyDescriptor, f = (e, t, a, r) => {
|
|
2286
2196
|
for (var i = r > 1 ? void 0 : r ? X(t, a) : t, o = e.length - 1, s; o >= 0; o--)
|
|
2287
2197
|
(s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
|
|
@@ -2289,7 +2199,7 @@ var Q = Object.defineProperty, X = Object.getOwnPropertyDescriptor, f = (e, t, a
|
|
|
2289
2199
|
};
|
|
2290
2200
|
let m = class extends S {
|
|
2291
2201
|
constructor() {
|
|
2292
|
-
super(...arguments), this.locale = "en-
|
|
2202
|
+
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.customerInfo = null, this.visible = !0, this.i18n = new T(), this.errorMessageListener = null;
|
|
2293
2203
|
}
|
|
2294
2204
|
get steps() {
|
|
2295
2205
|
const e = this.i18n.getTranslations();
|
|
@@ -2510,7 +2420,7 @@ let m = class extends S {
|
|
|
2510
2420
|
<div class="steps-row" role="list" aria-label=${e.steps.progressLabel}>
|
|
2511
2421
|
${this.steps.map((t) => n`
|
|
2512
2422
|
<div class="step-wrapper" role="listitem">
|
|
2513
|
-
<div class="step-indicator ${this.getStepClass(t.id)}" aria-current=${this.currentStep === t.id ? "step" :
|
|
2423
|
+
<div class="step-indicator ${this.getStepClass(t.id)}" aria-current=${this.currentStep === t.id ? "step" : F}>
|
|
2514
2424
|
<div class="step-icon">
|
|
2515
2425
|
${this.completedSteps.has(t.id) ? d.circleCheckBig() : this.currentStep === t.id ? d.circleDotDashed() : d.circleDashed()}
|
|
2516
2426
|
</div>
|