@eric-emg/symphiq-components 1.2.310 → 1.2.312
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.
|
@@ -54308,17 +54308,13 @@ class SymphiqConnectGaDashboardComponent {
|
|
|
54308
54308
|
}
|
|
54309
54309
|
}
|
|
54310
54310
|
}, ...(ngDevMode ? [{ debugName: "embeddedScrollEffect" }] : []));
|
|
54311
|
-
this.previousPropertiesLength = 0;
|
|
54312
54311
|
this.propertiesReceivedEffect = effect(() => {
|
|
54313
54312
|
const properties = this.gaProperties();
|
|
54314
54313
|
const currentLength = properties?.length ?? 0;
|
|
54315
|
-
|
|
54316
|
-
if (this.internalConnecting() && currentLength > 0 && currentLength !== this.previousPropertiesLength) {
|
|
54317
|
-
console.log('[ConnectGA] resetting internalConnecting and isReconnecting to false');
|
|
54314
|
+
if (this.internalConnecting() && currentLength > 0) {
|
|
54318
54315
|
this.internalConnecting.set(false);
|
|
54319
54316
|
this.isReconnecting.set(false);
|
|
54320
54317
|
}
|
|
54321
|
-
this.previousPropertiesLength = currentLength;
|
|
54322
54318
|
}, ...(ngDevMode ? [{ debugName: "propertiesReceivedEffect", allowSignalWrites: true }] : [{ allowSignalWrites: true }]));
|
|
54323
54319
|
this.scrollProgress = computed(() => this.headerScrollService.scrollProgress(), ...(ngDevMode ? [{ debugName: "scrollProgress" }] : []));
|
|
54324
54320
|
this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
|
|
@@ -54383,43 +54379,30 @@ class SymphiqConnectGaDashboardComponent {
|
|
|
54383
54379
|
}
|
|
54384
54380
|
}
|
|
54385
54381
|
reconnectWithDifferentAccount() {
|
|
54386
|
-
console.log('[ConnectGA] reconnectWithDifferentAccount called');
|
|
54387
54382
|
this.isReconnecting.set(true);
|
|
54388
54383
|
const element = this.scrollElement();
|
|
54389
|
-
console.log('[ConnectGA] scrollElement:', element);
|
|
54390
54384
|
if (element) {
|
|
54391
54385
|
element.scrollTo({ top: 0, behavior: 'smooth' });
|
|
54392
|
-
console.log('[ConnectGA] scrolled via scrollElement');
|
|
54393
54386
|
}
|
|
54394
54387
|
else {
|
|
54395
54388
|
window.scrollTo({ top: 0, behavior: 'smooth' });
|
|
54396
|
-
console.log('[ConnectGA] scrolled via window');
|
|
54397
54389
|
}
|
|
54398
54390
|
}
|
|
54399
54391
|
cancelReconnectMode() {
|
|
54400
|
-
console.log('[ConnectGA] cancelReconnectMode called');
|
|
54401
54392
|
this.isReconnecting.set(false);
|
|
54402
54393
|
}
|
|
54403
54394
|
onGoogleButtonClick() {
|
|
54404
|
-
console.log('[ConnectGA] onGoogleButtonClick called');
|
|
54405
|
-
console.log('[ConnectGA] setting internalConnecting to true');
|
|
54406
54395
|
this.internalConnecting.set(true);
|
|
54407
|
-
console.log('[ConnectGA] internalConnecting value:', this.internalConnecting());
|
|
54408
|
-
console.log('[ConnectGA] isConnecting value:', this.isConnecting());
|
|
54409
54396
|
this.googleButtonClick.emit();
|
|
54410
54397
|
}
|
|
54411
54398
|
useDifferentGoogleAccount() {
|
|
54412
|
-
console.log('[ConnectGA] useDifferentGoogleAccount called');
|
|
54413
54399
|
this.isReconnecting.set(true);
|
|
54414
54400
|
const element = this.scrollElement();
|
|
54415
|
-
console.log('[ConnectGA] scrollElement:', element);
|
|
54416
54401
|
if (element) {
|
|
54417
54402
|
element.scrollTo({ top: 0, behavior: 'smooth' });
|
|
54418
|
-
console.log('[ConnectGA] scrolled via scrollElement');
|
|
54419
54403
|
}
|
|
54420
54404
|
else {
|
|
54421
54405
|
window.scrollTo({ top: 0, behavior: 'smooth' });
|
|
54422
|
-
console.log('[ConnectGA] scrolled via window');
|
|
54423
54406
|
}
|
|
54424
54407
|
}
|
|
54425
54408
|
getContainerClasses() {
|
|
@@ -54624,7 +54607,7 @@ class SymphiqConnectGaDashboardComponent {
|
|
|
54624
54607
|
i0.ɵɵlistener("scroll", function SymphiqConnectGaDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
|
|
54625
54608
|
} if (rf & 2) {
|
|
54626
54609
|
i0.ɵɵclassProp("light", ctx.isLightMode())("dark", !ctx.isLightMode());
|
|
54627
|
-
} }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], showNextStepAction: [1, "showNextStepAction"], gaProperties: [1, "gaProperties"], gaAccounts: [1, "gaAccounts"], selectedGaPropertyId: [1, "selectedGaPropertyId"], isConnectingToGoogle: [1, "isConnectingToGoogle"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", googleButtonClick: "googleButtonClick", onPropertySelect: "onPropertySelect", onPropertyChange: "onPropertyChange" }, decls: 26, vars: 41, consts: [[3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [1, "sticky", "top-0", "z-50", 3, "ngClass"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "flex", "items-center", "justify-between"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-3"], [1, "flex-1", "min-w-0", "mr-4"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "pb-32"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-sm", 3, "ngClass"], [1, "px-8", "py-16", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "text-center"], ["size", "large", 3, "viewMode"], [1, "text-2xl", "sm:text-3xl", "font-bold", "
|
|
54610
|
+
} }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], showNextStepAction: [1, "showNextStepAction"], gaProperties: [1, "gaProperties"], gaAccounts: [1, "gaAccounts"], selectedGaPropertyId: [1, "selectedGaPropertyId"], isConnectingToGoogle: [1, "isConnectingToGoogle"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", googleButtonClick: "googleButtonClick", onPropertySelect: "onPropertySelect", onPropertyChange: "onPropertyChange" }, decls: 26, vars: 41, consts: [[3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [1, "sticky", "top-0", "z-50", 3, "ngClass"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "flex", "items-center", "justify-between"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-3"], [1, "flex-1", "min-w-0", "mr-4"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "pb-32"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-sm", 3, "ngClass"], [1, "px-8", "py-16", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "text-center", "gap-8"], ["size", "large", 3, "viewMode"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-4", 3, "ngClass"], [1, "text-base", "leading-relaxed", "max-w-md", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"], [1, "flex-1"], [1, "flex", "items-start", "justify-between", "gap-4", "mb-4"], [1, "text-2xl", "sm:text-3xl", "font-bold", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-semibold", "text-sm", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", "flex-shrink-0", 3, "ngClass"], [1, "text-base", "leading-relaxed", "mb-6", 3, "ngClass"], [1, "mb-6"], ["type", "button", 1, "gsi-material-button", 3, "click"], [1, "gsi-material-button-state"], [1, "gsi-material-button-content-wrapper"], [1, "gsi-material-button-icon"], ["version", "1.1", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 48 48", 0, "xmlns", "xlink", "http://www.w3.org/1999/xlink", 2, "display", "block"], ["fill", "#EA4335", "d", "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"], ["fill", "#4285F4", "d", "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"], ["fill", "#FBBC05", "d", "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"], ["fill", "#34A853", "d", "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"], ["fill", "none", "d", "M0 0h48v48H0z"], [1, "gsi-material-button-contents"], [1, "p-4", "rounded-lg", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-6", "rounded-lg", "border", "overflow-hidden", 3, "ngClass"], [1, "px-4", "py-4", "cursor-pointer", "flex", "items-center", "justify-between", "gap-3", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "text-base", "font-semibold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-300", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "px-4", "pb-4", "pt-2", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-4", 3, "ngClass"], [1, "font-bold"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-semibold", "text-sm", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", "flex-shrink-0", 3, "click", "ngClass"], [1, "text-center", "py-8"], ["role", "radiogroup", "aria-label", "Google Analytics Properties", 1, "space-y-3"], ["tabindex", "0", "role", "radio", 1, "block", 3, "ngClass"], [1, "my-6", "border-t", 3, "ngClass"], ["type", "button", 1, "w-full", "px-4", "py-3", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"], ["tabindex", "0", "role", "radio", 1, "block", 3, "click", "keydown.enter", "keydown.space", "ngClass"], [1, "flex", "items-center", "gap-4", "p-4"], [1, "w-5", "h-5", "rounded-full", "border-2", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", "bg-current"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-2", "mb-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], [1, "truncate", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mt-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"], [1, "text-base", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex", "items-start", "justify-between", "mb-6"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-2", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"], [1, "rounded-xl", "border-2", "p-6", "mb-6", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-4"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "border", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mb-3"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", 3, "ngClass"], [1, "text-lg", 3, "ngClass"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "disabled", "ngClass"], ["type", "button", 1, "flex-1", "sm:flex-none", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "click", "ngClass"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "click", "disabled", "ngClass"]], template: function SymphiqConnectGaDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
54628
54611
|
i0.ɵɵelementStart(0, "div", 0);
|
|
54629
54612
|
i0.ɵɵelement(1, "div", 1);
|
|
54630
54613
|
i0.ɵɵelementStart(2, "div", 2)(3, "header", 3)(4, "div", 4)(5, "div", 5)(6, "div", 6)(7, "div")(8, "h1", 0);
|
|
@@ -54755,12 +54738,12 @@ class SymphiqConnectGaDashboardComponent {
|
|
|
54755
54738
|
@if (isConnecting()) {
|
|
54756
54739
|
<div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden mb-8">
|
|
54757
54740
|
<div [ngClass]="contentClasses()" class="px-8 py-16">
|
|
54758
|
-
<div class="flex flex-col items-center justify-center text-center">
|
|
54741
|
+
<div class="flex flex-col items-center justify-center text-center gap-8">
|
|
54759
54742
|
<symphiq-indeterminate-spinner
|
|
54760
54743
|
[viewMode]="viewMode()"
|
|
54761
54744
|
size="large"
|
|
54762
54745
|
/>
|
|
54763
|
-
<h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold
|
|
54746
|
+
<h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold mb-4">
|
|
54764
54747
|
Connecting to Google
|
|
54765
54748
|
</h2>
|
|
54766
54749
|
<p [ngClass]="textClasses()" class="text-base leading-relaxed max-w-md">
|