@visma-swno/customer-onboarding-wizard 1.0.2 → 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 +2 -2
- package/dist/core/i18n.service.d.ts +7 -2
- package/dist/index.js +49 -151
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -26,7 +26,7 @@ npm install @visma-swno/customer-onboarding-wizard
|
|
|
26
26
|
baseUrl="https://api.example.com"
|
|
27
27
|
customerId="customer-67890"
|
|
28
28
|
taskId="task-12345"
|
|
29
|
-
locale="en-
|
|
29
|
+
locale="en-US"
|
|
30
30
|
step="welcome"
|
|
31
31
|
adminUrl="https://admin.example.com/customer/user-access">
|
|
32
32
|
</vsn-customer-onboarding-wizard>
|
|
@@ -48,7 +48,7 @@ import { CustomerOnboardingWizard } from '@visma-swno/customer-onboarding-wizard
|
|
|
48
48
|
| `baseUrl` | String | `''` | **Yes** | Base URL for API calls (e.g., 'https://api.example.com') |
|
|
49
49
|
| `taskId` | String | `''` | No | Onboarding task ID. Required for saving progress (`save and close`) and completing the wizard; omitting it skips those API calls |
|
|
50
50
|
| `customerId` | String | `''` | **Yes** | Customer ID used to load company information in Step 1 (Company) |
|
|
51
|
-
| `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` |
|
|
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
54
|
|
|
@@ -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;
|
|
@@ -116,13 +119,15 @@ export declare class I18nService {
|
|
|
116
119
|
private currentLocale;
|
|
117
120
|
/**
|
|
118
121
|
* Set the current locale
|
|
119
|
-
* 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.
|
|
120
124
|
*/
|
|
121
125
|
setLocale(locale: SupportedLocale | string): boolean;
|
|
122
126
|
/**
|
|
123
127
|
* Get the current locale
|
|
128
|
+
* Returns the resolved locale (en-GB is returned as 'en-US').
|
|
124
129
|
*/
|
|
125
|
-
getLocale():
|
|
130
|
+
getLocale(): ResolvedLocale;
|
|
126
131
|
/**
|
|
127
132
|
* Get translations for the current locale
|
|
128
133
|
*/
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { css as $, svg as v, LitElement as
|
|
2
|
-
import { property as g, customElement as
|
|
1
|
+
import { css as $, svg as v, LitElement as S, html as n, nothing as F } from "lit";
|
|
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 = {
|
|
5
5
|
circle: () => v`
|
|
@@ -101,111 +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
|
-
organizationNumberLabel: "Organization number",
|
|
130
|
-
address1Label: "Address",
|
|
131
|
-
postalCodeLabel: "Postal code",
|
|
132
|
-
cityLabel: "City",
|
|
133
|
-
countryLabel: "Country",
|
|
134
|
-
webUrlLabel: "Website",
|
|
135
|
-
emailLabel: "Email",
|
|
136
|
-
editFormLabel: "Edit company details",
|
|
137
|
-
addressGroupLabel: "Postal code and city",
|
|
138
|
-
managePlanMessage: "Manage your plan by reaching out to your partner {partnerName}.",
|
|
139
|
-
fieldRequired: "This field is required.",
|
|
140
|
-
emailInvalid: "Please enter a valid email address."
|
|
141
|
-
},
|
|
142
|
-
administrators: {
|
|
143
|
-
title: "Administrators",
|
|
144
|
-
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.",
|
|
145
|
-
addAdministratorButton: "Add Administrator",
|
|
146
|
-
addNameButton: "Add name",
|
|
147
|
-
firstNameLabel: "First name",
|
|
148
|
-
lastNameLabel: "Last name",
|
|
149
|
-
youLabel: "You",
|
|
150
|
-
deleteRowLabel: "Delete administrator",
|
|
151
|
-
confirmSingular: "Confirm {count} Administrator",
|
|
152
|
-
confirmPlural: "Confirm {count} Administrators",
|
|
153
|
-
doneButton: "Done",
|
|
154
|
-
editButton: "Edit"
|
|
155
|
-
},
|
|
156
|
-
partnerAccess: {
|
|
157
|
-
title: "Give access to consultants",
|
|
158
|
-
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.",
|
|
159
|
-
findConsultantPlaceholder: "Find consultant",
|
|
160
|
-
loading: "Loading consultants...",
|
|
161
|
-
confirmSingular: "Confirm {count} consultant",
|
|
162
|
-
confirmPlural: "Confirm {count} consultants"
|
|
163
|
-
},
|
|
164
|
-
complete: {
|
|
165
|
-
title: "Setup complete!",
|
|
166
|
-
message1: "We have invited your administrators and partners to join you. Your company is now ready.",
|
|
167
|
-
message2: "Please see our admin page to see where you can make further changes.",
|
|
168
|
-
goToAdminButton: "Go to Admin Page"
|
|
169
|
-
},
|
|
170
|
-
common: {
|
|
171
|
-
saveAndClose: "Save and close",
|
|
172
|
-
startSetup: "Start Set Up",
|
|
173
|
-
confirm: "Confirm",
|
|
174
|
-
close: "Close",
|
|
175
|
-
loading: "Loading customer information...",
|
|
176
|
-
dismissError: "Dismiss error"
|
|
177
|
-
},
|
|
178
|
-
errors: {
|
|
179
|
-
invalidRequest: {
|
|
180
|
-
title: "Invalid Request",
|
|
181
|
-
message: "Invalid request. Please check your input."
|
|
182
|
-
},
|
|
183
|
-
validationError: {
|
|
184
|
-
title: "Validation Error",
|
|
185
|
-
message: "Validation error. Please check your input."
|
|
186
|
-
},
|
|
187
|
-
notFound: {
|
|
188
|
-
title: "Not Found",
|
|
189
|
-
message: "Resource not found."
|
|
190
|
-
},
|
|
191
|
-
serverError: {
|
|
192
|
-
title: "Server Error",
|
|
193
|
-
message: "Server error. Please try again later."
|
|
194
|
-
},
|
|
195
|
-
requestTimeout: {
|
|
196
|
-
title: "Request Timeout",
|
|
197
|
-
message: "Request timeout. Please try again."
|
|
198
|
-
},
|
|
199
|
-
networkError: {
|
|
200
|
-
title: "Network Error",
|
|
201
|
-
message: "Network error. Please check your connection."
|
|
202
|
-
},
|
|
203
|
-
requestFailed: {
|
|
204
|
-
title: "Request Failed",
|
|
205
|
-
message: "Request failed. Please try again."
|
|
206
|
-
}
|
|
207
|
-
}
|
|
208
|
-
},
|
|
209
104
|
"en-US": {
|
|
210
105
|
wizard: {
|
|
211
106
|
title: "Set up your company"
|
|
@@ -837,19 +732,22 @@ const E = $`:host{--ga-color-black:#000;--ga-color-blue-10:#edf4fe;--ga-color-in
|
|
|
837
732
|
}
|
|
838
733
|
}
|
|
839
734
|
};
|
|
840
|
-
class
|
|
735
|
+
class T {
|
|
841
736
|
constructor() {
|
|
842
|
-
this.currentLocale = "en-
|
|
737
|
+
this.currentLocale = "en-US";
|
|
843
738
|
}
|
|
844
739
|
/**
|
|
845
740
|
* Set the current locale
|
|
846
|
-
* 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.
|
|
847
743
|
*/
|
|
848
744
|
setLocale(t) {
|
|
849
|
-
|
|
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);
|
|
850
747
|
}
|
|
851
748
|
/**
|
|
852
749
|
* Get the current locale
|
|
750
|
+
* Returns the resolved locale (en-GB is returned as 'en-US').
|
|
853
751
|
*/
|
|
854
752
|
getLocale() {
|
|
855
753
|
return this.currentLocale;
|
|
@@ -972,8 +870,8 @@ class O {
|
|
|
972
870
|
// Retry function
|
|
973
871
|
);
|
|
974
872
|
else if (!(a.suppressErrorStatuses ?? []).includes(c.status)) {
|
|
975
|
-
const
|
|
976
|
-
this.emitErrorMessage(c.status,
|
|
873
|
+
const U = this.getErrorKey(c.status);
|
|
874
|
+
this.emitErrorMessage(c.status, U, t, r);
|
|
977
875
|
}
|
|
978
876
|
throw new B(c.status, c.statusText);
|
|
979
877
|
}
|
|
@@ -1097,13 +995,13 @@ class O {
|
|
|
1097
995
|
return this.request(t, { method: "PATCH", body: a, headers: r });
|
|
1098
996
|
}
|
|
1099
997
|
}
|
|
1100
|
-
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);}`,
|
|
1101
|
-
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) => {
|
|
1102
1000
|
for (var i = r > 1 ? void 0 : r ? V(t, a) : t, o = e.length - 1, s; o >= 0; o--)
|
|
1103
1001
|
(s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
|
|
1104
1002
|
return r && i && M(t, a, i), i;
|
|
1105
1003
|
};
|
|
1106
|
-
let N = class extends
|
|
1004
|
+
let N = class extends S {
|
|
1107
1005
|
constructor() {
|
|
1108
1006
|
super(...arguments), this.userName = "User";
|
|
1109
1007
|
}
|
|
@@ -1147,25 +1045,25 @@ let N = class extends L {
|
|
|
1147
1045
|
N.styles = [
|
|
1148
1046
|
E,
|
|
1149
1047
|
j,
|
|
1150
|
-
|
|
1048
|
+
R,
|
|
1151
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);}`
|
|
1152
1050
|
];
|
|
1153
|
-
|
|
1051
|
+
q([
|
|
1154
1052
|
g({ type: String })
|
|
1155
1053
|
], N.prototype, "userName", 2);
|
|
1156
|
-
|
|
1054
|
+
q([
|
|
1157
1055
|
g({ type: Object })
|
|
1158
1056
|
], N.prototype, "translations", 2);
|
|
1159
|
-
N =
|
|
1160
|
-
|
|
1057
|
+
N = q([
|
|
1058
|
+
L("wizard-step-welcome")
|
|
1161
1059
|
], N);
|
|
1162
|
-
var _ = Object.defineProperty,
|
|
1163
|
-
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--)
|
|
1164
1062
|
(s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
|
|
1165
1063
|
return r && i && _(t, a, i), i;
|
|
1166
1064
|
};
|
|
1167
1065
|
const A = ["NO", "SE", "DK", "FI", "NL"];
|
|
1168
|
-
let p = class extends
|
|
1066
|
+
let p = class extends S {
|
|
1169
1067
|
constructor() {
|
|
1170
1068
|
super(...arguments), this.locale = "en-GB", this.customerInfo = null, 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;
|
|
1171
1069
|
}
|
|
@@ -1537,7 +1435,7 @@ let p = class extends L {
|
|
|
1537
1435
|
p.styles = [
|
|
1538
1436
|
E,
|
|
1539
1437
|
j,
|
|
1540
|
-
|
|
1438
|
+
R,
|
|
1541
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;}`
|
|
1542
1440
|
];
|
|
1543
1441
|
u([
|
|
@@ -1586,14 +1484,14 @@ u([
|
|
|
1586
1484
|
l()
|
|
1587
1485
|
], p.prototype, "localCustomer", 2);
|
|
1588
1486
|
p = u([
|
|
1589
|
-
|
|
1487
|
+
L("wizard-step1-company")
|
|
1590
1488
|
], p);
|
|
1591
|
-
var W = Object.defineProperty,
|
|
1592
|
-
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--)
|
|
1593
1491
|
(s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
|
|
1594
1492
|
return r && i && W(t, a, i), i;
|
|
1595
1493
|
};
|
|
1596
|
-
let h = class extends
|
|
1494
|
+
let h = class extends S {
|
|
1597
1495
|
constructor() {
|
|
1598
1496
|
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;
|
|
1599
1497
|
}
|
|
@@ -1774,7 +1672,7 @@ let h = class extends L {
|
|
|
1774
1672
|
<span>${d.userRound()}</span>
|
|
1775
1673
|
<span>${a.administrators.youLabel}</span>
|
|
1776
1674
|
</div>
|
|
1777
|
-
` :
|
|
1675
|
+
` : F}
|
|
1778
1676
|
</div>
|
|
1779
1677
|
</div>
|
|
1780
1678
|
`;
|
|
@@ -2037,7 +1935,7 @@ let h = class extends L {
|
|
|
2037
1935
|
h.styles = [
|
|
2038
1936
|
E,
|
|
2039
1937
|
j,
|
|
2040
|
-
|
|
1938
|
+
R,
|
|
2041
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);}`
|
|
2042
1940
|
];
|
|
2043
1941
|
y([
|
|
@@ -2077,14 +1975,14 @@ y([
|
|
|
2077
1975
|
l()
|
|
2078
1976
|
], h.prototype, "rowErrors", 2);
|
|
2079
1977
|
h = y([
|
|
2080
|
-
|
|
1978
|
+
L("wizard-step2-administrators")
|
|
2081
1979
|
], h);
|
|
2082
|
-
var
|
|
1980
|
+
var Y = Object.defineProperty, H = Object.getOwnPropertyDescriptor, k = (e, t, a, r) => {
|
|
2083
1981
|
for (var i = r > 1 ? void 0 : r ? H(t, a) : t, o = e.length - 1, s; o >= 0; o--)
|
|
2084
1982
|
(s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
|
|
2085
|
-
return r && i &&
|
|
1983
|
+
return r && i && Y(t, a, i), i;
|
|
2086
1984
|
};
|
|
2087
|
-
let b = class extends
|
|
1985
|
+
let b = class extends S {
|
|
2088
1986
|
constructor() {
|
|
2089
1987
|
super(...arguments), this.httpService = null, this.customerId = "", this.partnerId = "", this.partnerName = "", this.consultants = [], this.isLoading = !1, this.isConfirming = !1, this.selectedIds = /* @__PURE__ */ new Set(), this.searchTerm = "", this._loadSequence = 0;
|
|
2090
1988
|
}
|
|
@@ -2147,7 +2045,7 @@ let b = class extends L {
|
|
|
2147
2045
|
@change=${() => this.toggleConsultant(e.id)}
|
|
2148
2046
|
/>
|
|
2149
2047
|
<span class="checkbox-visual ${t ? "checkbox-visual--checked" : ""}">
|
|
2150
|
-
${t ? d.check() :
|
|
2048
|
+
${t ? d.check() : F}
|
|
2151
2049
|
</span>
|
|
2152
2050
|
<span class="consultant-name">${a}</span>
|
|
2153
2051
|
<span class="consultant-email">${e.email}</span>
|
|
@@ -2206,7 +2104,7 @@ let b = class extends L {
|
|
|
2206
2104
|
b.styles = [
|
|
2207
2105
|
E,
|
|
2208
2106
|
j,
|
|
2209
|
-
|
|
2107
|
+
R,
|
|
2210
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);}`
|
|
2211
2109
|
];
|
|
2212
2110
|
k([
|
|
@@ -2240,14 +2138,14 @@ k([
|
|
|
2240
2138
|
l()
|
|
2241
2139
|
], b.prototype, "searchTerm", 2);
|
|
2242
2140
|
b = k([
|
|
2243
|
-
|
|
2141
|
+
L("wizard-step3-partner-access")
|
|
2244
2142
|
], b);
|
|
2245
|
-
var Z = Object.defineProperty, J = Object.getOwnPropertyDescriptor,
|
|
2143
|
+
var Z = Object.defineProperty, J = Object.getOwnPropertyDescriptor, D = (e, t, a, r) => {
|
|
2246
2144
|
for (var i = r > 1 ? void 0 : r ? J(t, a) : t, o = e.length - 1, s; o >= 0; o--)
|
|
2247
2145
|
(s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
|
|
2248
2146
|
return r && i && Z(t, a, i), i;
|
|
2249
2147
|
};
|
|
2250
|
-
let
|
|
2148
|
+
let P = class extends S {
|
|
2251
2149
|
handleClose() {
|
|
2252
2150
|
this.dispatchEvent(new CustomEvent("close", {
|
|
2253
2151
|
bubbles: !0,
|
|
@@ -2282,26 +2180,26 @@ let R = class extends L {
|
|
|
2282
2180
|
`;
|
|
2283
2181
|
}
|
|
2284
2182
|
};
|
|
2285
|
-
|
|
2183
|
+
P.styles = [
|
|
2286
2184
|
E,
|
|
2287
2185
|
j,
|
|
2288
|
-
|
|
2186
|
+
R,
|
|
2289
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);}`
|
|
2290
2188
|
];
|
|
2291
|
-
|
|
2189
|
+
D([
|
|
2292
2190
|
g({ type: Object })
|
|
2293
|
-
],
|
|
2294
|
-
|
|
2295
|
-
|
|
2296
|
-
],
|
|
2191
|
+
], P.prototype, "translations", 2);
|
|
2192
|
+
P = D([
|
|
2193
|
+
L("wizard-step-complete")
|
|
2194
|
+
], P);
|
|
2297
2195
|
var Q = Object.defineProperty, X = Object.getOwnPropertyDescriptor, f = (e, t, a, r) => {
|
|
2298
2196
|
for (var i = r > 1 ? void 0 : r ? X(t, a) : t, o = e.length - 1, s; o >= 0; o--)
|
|
2299
2197
|
(s = e[o]) && (i = (r ? s(t, a, i) : s(i)) || i);
|
|
2300
2198
|
return r && i && Q(t, a, i), i;
|
|
2301
2199
|
};
|
|
2302
|
-
let m = class extends
|
|
2200
|
+
let m = class extends S {
|
|
2303
2201
|
constructor() {
|
|
2304
|
-
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;
|
|
2305
2203
|
}
|
|
2306
2204
|
get steps() {
|
|
2307
2205
|
const e = this.i18n.getTranslations();
|
|
@@ -2522,7 +2420,7 @@ let m = class extends L {
|
|
|
2522
2420
|
<div class="steps-row" role="list" aria-label=${e.steps.progressLabel}>
|
|
2523
2421
|
${this.steps.map((t) => n`
|
|
2524
2422
|
<div class="step-wrapper" role="listitem">
|
|
2525
|
-
<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}>
|
|
2526
2424
|
<div class="step-icon">
|
|
2527
2425
|
${this.completedSteps.has(t.id) ? d.circleCheckBig() : this.currentStep === t.id ? d.circleDotDashed() : d.circleDashed()}
|
|
2528
2426
|
</div>
|
|
@@ -2676,7 +2574,7 @@ f([
|
|
|
2676
2574
|
l()
|
|
2677
2575
|
], m.prototype, "visible", 2);
|
|
2678
2576
|
m = f([
|
|
2679
|
-
|
|
2577
|
+
L("vsn-customer-onboarding-wizard")
|
|
2680
2578
|
], m);
|
|
2681
2579
|
export {
|
|
2682
2580
|
m as CustomerOnboardingWizard,
|