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