@eric-emg/symphiq-components 1.2.306 → 1.2.308
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/fesm2022/symphiq-components.mjs +671 -585
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +24 -20
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/styles.css +3 -0
|
@@ -53761,398 +53761,433 @@ class SymphiqCreateAccountDashboardComponent {
|
|
|
53761
53761
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqCreateAccountDashboardComponent, { className: "SymphiqCreateAccountDashboardComponent", filePath: "lib/components/create-account-dashboard/symphiq-create-account-dashboard.component.ts", lineNumber: 642 }); })();
|
|
53762
53762
|
|
|
53763
53763
|
const _forTrack0$l = ($index, $item) => $item.id;
|
|
53764
|
-
function
|
|
53764
|
+
function SymphiqConnectGaDashboardComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
|
|
53765
|
+
i0.ɵɵelementStart(0, "div", 12)(1, "div", 14)(2, "div", 15);
|
|
53766
|
+
i0.ɵɵelement(3, "symphiq-indeterminate-spinner", 16);
|
|
53767
|
+
i0.ɵɵelementStart(4, "h2", 17);
|
|
53768
|
+
i0.ɵɵtext(5, " Connecting to Google ");
|
|
53769
|
+
i0.ɵɵelementEnd();
|
|
53770
|
+
i0.ɵɵelementStart(6, "p", 18);
|
|
53771
|
+
i0.ɵɵtext(7, " Please complete the sign-in process in the popup window. Once authorized, your Google Analytics properties will appear here. ");
|
|
53772
|
+
i0.ɵɵelementEnd()()()();
|
|
53773
|
+
} if (rf & 2) {
|
|
53774
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
53775
|
+
i0.ɵɵproperty("ngClass", ctx_r0.containerClasses());
|
|
53776
|
+
i0.ɵɵadvance();
|
|
53777
|
+
i0.ɵɵproperty("ngClass", ctx_r0.contentClasses());
|
|
53778
|
+
i0.ɵɵadvance(2);
|
|
53779
|
+
i0.ɵɵproperty("viewMode", ctx_r0.viewMode());
|
|
53780
|
+
i0.ɵɵadvance();
|
|
53781
|
+
i0.ɵɵproperty("ngClass", ctx_r0.titleClasses());
|
|
53782
|
+
i0.ɵɵadvance(2);
|
|
53783
|
+
i0.ɵɵproperty("ngClass", ctx_r0.textClasses());
|
|
53784
|
+
} }
|
|
53785
|
+
function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
53765
53786
|
i0.ɵɵtext(0, " Change Google Account ");
|
|
53766
53787
|
} }
|
|
53767
|
-
function
|
|
53788
|
+
function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
53768
53789
|
i0.ɵɵtext(0, " Connect Google Analytics 4 ");
|
|
53769
53790
|
} }
|
|
53770
|
-
function
|
|
53771
|
-
const
|
|
53772
|
-
i0.ɵɵelementStart(0, "button",
|
|
53773
|
-
i0.ɵɵlistener("click", function
|
|
53791
|
+
function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_11_Template(rf, ctx) { if (rf & 1) {
|
|
53792
|
+
const _r3 = i0.ɵɵgetCurrentView();
|
|
53793
|
+
i0.ɵɵelementStart(0, "button", 54);
|
|
53794
|
+
i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.cancelReconnectMode()); });
|
|
53774
53795
|
i0.ɵɵtext(1, " Cancel ");
|
|
53775
53796
|
i0.ɵɵelementEnd();
|
|
53776
53797
|
} if (rf & 2) {
|
|
53777
|
-
const
|
|
53778
|
-
i0.ɵɵproperty("ngClass",
|
|
53798
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
53799
|
+
i0.ɵɵproperty("ngClass", ctx_r0.headerCancelButtonClasses());
|
|
53779
53800
|
} }
|
|
53780
|
-
function
|
|
53801
|
+
function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
53781
53802
|
i0.ɵɵtext(0, " Sign in with a different Google account to access other Google Analytics properties. ");
|
|
53782
53803
|
} }
|
|
53783
|
-
function
|
|
53804
|
+
function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
53784
53805
|
i0.ɵɵtext(0, " Integrating Google Analytics is essential. We use it to pull the majority of your data in a read-only format, ensuring no changes are made to your analytics. Please make sure you have access to the Google Analytics property associated with this shop to ensure proper integration. ");
|
|
53785
53806
|
} }
|
|
53786
|
-
function
|
|
53787
|
-
const
|
|
53788
|
-
i0.ɵɵelementStart(0, "div", 12)(1, "div",
|
|
53807
|
+
function SymphiqConnectGaDashboardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
|
|
53808
|
+
const _r2 = i0.ɵɵgetCurrentView();
|
|
53809
|
+
i0.ɵɵelementStart(0, "div", 12)(1, "div", 19)(2, "div", 20)(3, "div", 21);
|
|
53789
53810
|
i0.ɵɵnamespaceSVG();
|
|
53790
|
-
i0.ɵɵelementStart(4, "svg",
|
|
53791
|
-
i0.ɵɵelement(5, "path",
|
|
53811
|
+
i0.ɵɵelementStart(4, "svg", 22);
|
|
53812
|
+
i0.ɵɵelement(5, "path", 23);
|
|
53792
53813
|
i0.ɵɵelementEnd()();
|
|
53793
53814
|
i0.ɵɵnamespaceHTML();
|
|
53794
|
-
i0.ɵɵelementStart(6, "div",
|
|
53795
|
-
i0.ɵɵconditionalCreate(9,
|
|
53815
|
+
i0.ɵɵelementStart(6, "div", 24)(7, "div", 25)(8, "h2", 26);
|
|
53816
|
+
i0.ɵɵconditionalCreate(9, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_9_Template, 1, 0)(10, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_10_Template, 1, 0);
|
|
53796
53817
|
i0.ɵɵelementEnd();
|
|
53797
|
-
i0.ɵɵconditionalCreate(11,
|
|
53818
|
+
i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_11_Template, 2, 1, "button", 27);
|
|
53798
53819
|
i0.ɵɵelementEnd();
|
|
53799
|
-
i0.ɵɵelementStart(12, "p",
|
|
53800
|
-
i0.ɵɵconditionalCreate(13,
|
|
53820
|
+
i0.ɵɵelementStart(12, "p", 28);
|
|
53821
|
+
i0.ɵɵconditionalCreate(13, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_13_Template, 1, 0)(14, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_Template, 1, 0);
|
|
53801
53822
|
i0.ɵɵelementEnd();
|
|
53802
|
-
i0.ɵɵelementStart(15, "div",
|
|
53803
|
-
i0.ɵɵlistener("click", function
|
|
53804
|
-
i0.ɵɵelement(17, "div",
|
|
53805
|
-
i0.ɵɵelementStart(18, "div",
|
|
53823
|
+
i0.ɵɵelementStart(15, "div", 29)(16, "button", 30);
|
|
53824
|
+
i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_22_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.googleButtonClick.emit()); });
|
|
53825
|
+
i0.ɵɵelement(17, "div", 31);
|
|
53826
|
+
i0.ɵɵelementStart(18, "div", 32)(19, "div", 33);
|
|
53806
53827
|
i0.ɵɵnamespaceSVG();
|
|
53807
|
-
i0.ɵɵelementStart(20, "svg",
|
|
53808
|
-
i0.ɵɵelement(21, "path",
|
|
53828
|
+
i0.ɵɵelementStart(20, "svg", 34);
|
|
53829
|
+
i0.ɵɵelement(21, "path", 35)(22, "path", 36)(23, "path", 37)(24, "path", 38)(25, "path", 39);
|
|
53809
53830
|
i0.ɵɵelementEnd()();
|
|
53810
53831
|
i0.ɵɵnamespaceHTML();
|
|
53811
|
-
i0.ɵɵelementStart(26, "span",
|
|
53832
|
+
i0.ɵɵelementStart(26, "span", 40);
|
|
53812
53833
|
i0.ɵɵtext(27, "Continue with Google");
|
|
53813
53834
|
i0.ɵɵelementEnd()()()();
|
|
53814
|
-
i0.ɵɵelementStart(28, "div",
|
|
53835
|
+
i0.ɵɵelementStart(28, "div", 41);
|
|
53815
53836
|
i0.ɵɵnamespaceSVG();
|
|
53816
|
-
i0.ɵɵelementStart(29, "svg",
|
|
53817
|
-
i0.ɵɵelement(30, "path",
|
|
53837
|
+
i0.ɵɵelementStart(29, "svg", 42);
|
|
53838
|
+
i0.ɵɵelement(30, "path", 43);
|
|
53818
53839
|
i0.ɵɵelementEnd();
|
|
53819
53840
|
i0.ɵɵnamespaceHTML();
|
|
53820
|
-
i0.ɵɵelementStart(31, "div",
|
|
53841
|
+
i0.ɵɵelementStart(31, "div", 24)(32, "p", 44)(33, "strong", 45);
|
|
53821
53842
|
i0.ɵɵtext(34, "Note:");
|
|
53822
53843
|
i0.ɵɵelementEnd();
|
|
53823
53844
|
i0.ɵɵtext(35, " When you click \"Continue with Google\", you'll be asked to sign in to your Google account and select the Analytics property associated with your shop. ");
|
|
53824
53845
|
i0.ɵɵelementEnd()()();
|
|
53825
|
-
i0.ɵɵelementStart(36, "div",
|
|
53826
|
-
i0.ɵɵlistener("click", function
|
|
53827
|
-
i0.ɵɵelementStart(38, "span",
|
|
53846
|
+
i0.ɵɵelementStart(36, "div", 46)(37, "div", 47);
|
|
53847
|
+
i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_22_Template_div_click_37_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggleExpanded()); });
|
|
53848
|
+
i0.ɵɵelementStart(38, "span", 48);
|
|
53828
53849
|
i0.ɵɵtext(39, " How do we use your Google Analytics data? ");
|
|
53829
53850
|
i0.ɵɵelementEnd();
|
|
53830
53851
|
i0.ɵɵnamespaceSVG();
|
|
53831
|
-
i0.ɵɵelementStart(40, "svg",
|
|
53832
|
-
i0.ɵɵelement(41, "path",
|
|
53852
|
+
i0.ɵɵelementStart(40, "svg", 49);
|
|
53853
|
+
i0.ɵɵelement(41, "path", 50);
|
|
53833
53854
|
i0.ɵɵelementEnd()();
|
|
53834
53855
|
i0.ɵɵnamespaceHTML();
|
|
53835
|
-
i0.ɵɵelementStart(42, "div", 4)(43, "div",
|
|
53856
|
+
i0.ɵɵelementStart(42, "div", 4)(43, "div", 51)(44, "p", 52);
|
|
53836
53857
|
i0.ɵɵtext(45, " We request access to your Google Analytics data to aggregate this information into funnel stages and display trends within our application. This allows us to provide you with a clear overview of your web performance. By analyzing the data, we can map out recommendations, measure the impact of your current strategies, and suggest actionable next steps for improvement. ");
|
|
53837
53858
|
i0.ɵɵelementEnd();
|
|
53838
|
-
i0.ɵɵelementStart(46, "p",
|
|
53859
|
+
i0.ɵɵelementStart(46, "p", 44);
|
|
53839
53860
|
i0.ɵɵtext(47, " Symphiq's use and transfer to any other app of information received from Google APIs will adhere to ");
|
|
53840
|
-
i0.ɵɵelementStart(48, "strong",
|
|
53861
|
+
i0.ɵɵelementStart(48, "strong", 53);
|
|
53841
53862
|
i0.ɵɵtext(49, "Google API Services User Data Policy");
|
|
53842
53863
|
i0.ɵɵelementEnd();
|
|
53843
53864
|
i0.ɵɵtext(50, " including the Limited Use requirements. ");
|
|
53844
53865
|
i0.ɵɵelementEnd()()()()()()()();
|
|
53845
53866
|
} if (rf & 2) {
|
|
53846
|
-
const
|
|
53847
|
-
i0.ɵɵproperty("ngClass",
|
|
53867
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
53868
|
+
i0.ɵɵproperty("ngClass", ctx_r0.containerClasses());
|
|
53848
53869
|
i0.ɵɵadvance();
|
|
53849
|
-
i0.ɵɵproperty("ngClass",
|
|
53870
|
+
i0.ɵɵproperty("ngClass", ctx_r0.contentClasses());
|
|
53850
53871
|
i0.ɵɵadvance(2);
|
|
53851
|
-
i0.ɵɵproperty("ngClass",
|
|
53872
|
+
i0.ɵɵproperty("ngClass", ctx_r0.iconContainerClasses());
|
|
53852
53873
|
i0.ɵɵadvance(5);
|
|
53853
|
-
i0.ɵɵproperty("ngClass",
|
|
53874
|
+
i0.ɵɵproperty("ngClass", ctx_r0.titleClasses());
|
|
53854
53875
|
i0.ɵɵadvance();
|
|
53855
|
-
i0.ɵɵconditional(
|
|
53876
|
+
i0.ɵɵconditional(ctx_r0.isReconnecting() ? 9 : 10);
|
|
53856
53877
|
i0.ɵɵadvance(2);
|
|
53857
|
-
i0.ɵɵconditional(
|
|
53878
|
+
i0.ɵɵconditional(ctx_r0.isReconnecting() ? 11 : -1);
|
|
53858
53879
|
i0.ɵɵadvance();
|
|
53859
|
-
i0.ɵɵproperty("ngClass",
|
|
53880
|
+
i0.ɵɵproperty("ngClass", ctx_r0.textClasses());
|
|
53860
53881
|
i0.ɵɵadvance();
|
|
53861
|
-
i0.ɵɵconditional(
|
|
53882
|
+
i0.ɵɵconditional(ctx_r0.isReconnecting() ? 13 : 14);
|
|
53862
53883
|
i0.ɵɵadvance(15);
|
|
53863
|
-
i0.ɵɵproperty("ngClass",
|
|
53884
|
+
i0.ɵɵproperty("ngClass", ctx_r0.noteBoxClasses());
|
|
53864
53885
|
i0.ɵɵadvance();
|
|
53865
|
-
i0.ɵɵproperty("ngClass",
|
|
53886
|
+
i0.ɵɵproperty("ngClass", ctx_r0.noteIconClasses());
|
|
53866
53887
|
i0.ɵɵadvance(3);
|
|
53867
|
-
i0.ɵɵproperty("ngClass",
|
|
53888
|
+
i0.ɵɵproperty("ngClass", ctx_r0.noteTextClasses());
|
|
53868
53889
|
i0.ɵɵadvance(4);
|
|
53869
|
-
i0.ɵɵproperty("ngClass",
|
|
53890
|
+
i0.ɵɵproperty("ngClass", ctx_r0.expandableCardClasses());
|
|
53870
53891
|
i0.ɵɵadvance();
|
|
53871
|
-
i0.ɵɵproperty("ngClass",
|
|
53892
|
+
i0.ɵɵproperty("ngClass", ctx_r0.expandableHeaderClasses());
|
|
53872
53893
|
i0.ɵɵadvance();
|
|
53873
|
-
i0.ɵɵproperty("ngClass",
|
|
53894
|
+
i0.ɵɵproperty("ngClass", ctx_r0.expandableHeaderTextClasses());
|
|
53874
53895
|
i0.ɵɵadvance(2);
|
|
53875
|
-
i0.ɵɵclassProp("rotate-180",
|
|
53876
|
-
i0.ɵɵproperty("ngClass",
|
|
53896
|
+
i0.ɵɵclassProp("rotate-180", ctx_r0.isExpanded());
|
|
53897
|
+
i0.ɵɵproperty("ngClass", ctx_r0.chevronClasses());
|
|
53877
53898
|
i0.ɵɵadvance(2);
|
|
53878
|
-
i0.ɵɵclassProp("max-h-0", !
|
|
53899
|
+
i0.ɵɵclassProp("max-h-0", !ctx_r0.isExpanded())("opacity-0", !ctx_r0.isExpanded())("max-h-[1000px]", ctx_r0.isExpanded())("opacity-100", ctx_r0.isExpanded());
|
|
53879
53900
|
i0.ɵɵadvance();
|
|
53880
|
-
i0.ɵɵproperty("ngClass",
|
|
53901
|
+
i0.ɵɵproperty("ngClass", ctx_r0.expandedContentClasses());
|
|
53881
53902
|
i0.ɵɵadvance();
|
|
53882
|
-
i0.ɵɵproperty("ngClass",
|
|
53903
|
+
i0.ɵɵproperty("ngClass", ctx_r0.expandedTextClasses());
|
|
53883
53904
|
i0.ɵɵadvance(2);
|
|
53884
|
-
i0.ɵɵproperty("ngClass",
|
|
53905
|
+
i0.ɵɵproperty("ngClass", ctx_r0.expandedTextClasses());
|
|
53885
53906
|
} }
|
|
53886
|
-
function
|
|
53907
|
+
function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
53887
53908
|
i0.ɵɵtext(0, " Change Google Analytics Property ");
|
|
53888
53909
|
} }
|
|
53889
|
-
function
|
|
53910
|
+
function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
53890
53911
|
i0.ɵɵtext(0, " Choose Your Property ");
|
|
53891
53912
|
} }
|
|
53892
|
-
function
|
|
53913
|
+
function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_11_Template(rf, ctx) { if (rf & 1) {
|
|
53893
53914
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
53894
|
-
i0.ɵɵelementStart(0, "button",
|
|
53895
|
-
i0.ɵɵlistener("click", function
|
|
53915
|
+
i0.ɵɵelementStart(0, "button", 54);
|
|
53916
|
+
i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.cancelEditMode()); });
|
|
53896
53917
|
i0.ɵɵtext(1, " Cancel ");
|
|
53897
53918
|
i0.ɵɵelementEnd();
|
|
53898
53919
|
} if (rf & 2) {
|
|
53899
|
-
const
|
|
53900
|
-
i0.ɵɵproperty("ngClass",
|
|
53920
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
53921
|
+
i0.ɵɵproperty("ngClass", ctx_r0.headerCancelButtonClasses());
|
|
53901
53922
|
} }
|
|
53902
|
-
function
|
|
53903
|
-
i0.ɵɵelement(0, "div",
|
|
53923
|
+
function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
53924
|
+
i0.ɵɵelement(0, "div", 65);
|
|
53904
53925
|
} }
|
|
53905
|
-
function
|
|
53906
|
-
i0.ɵɵelementStart(0, "div",
|
|
53926
|
+
function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
53927
|
+
i0.ɵɵelementStart(0, "div", 70);
|
|
53907
53928
|
i0.ɵɵnamespaceSVG();
|
|
53908
|
-
i0.ɵɵelementStart(1, "svg",
|
|
53909
|
-
i0.ɵɵelement(2, "path",
|
|
53929
|
+
i0.ɵɵelementStart(1, "svg", 71);
|
|
53930
|
+
i0.ɵɵelement(2, "path", 72);
|
|
53910
53931
|
i0.ɵɵelementEnd();
|
|
53911
53932
|
i0.ɵɵnamespaceHTML();
|
|
53912
|
-
i0.ɵɵelementStart(3, "span",
|
|
53933
|
+
i0.ɵɵelementStart(3, "span", 69);
|
|
53913
53934
|
i0.ɵɵtext(4);
|
|
53914
53935
|
i0.ɵɵelementEnd()();
|
|
53915
53936
|
} if (rf & 2) {
|
|
53916
|
-
const
|
|
53937
|
+
const ctx_r0 = i0.ɵɵnextContext(5);
|
|
53917
53938
|
i0.ɵɵadvance();
|
|
53918
|
-
i0.ɵɵproperty("ngClass",
|
|
53939
|
+
i0.ɵɵproperty("ngClass", ctx_r0.accountNameClasses());
|
|
53919
53940
|
i0.ɵɵadvance(2);
|
|
53920
|
-
i0.ɵɵproperty("ngClass",
|
|
53941
|
+
i0.ɵɵproperty("ngClass", ctx_r0.accountNameClasses());
|
|
53921
53942
|
i0.ɵɵadvance();
|
|
53922
53943
|
i0.ɵɵtextInterpolate1(" Account: ", ctx.name || "Unnamed Account", " ");
|
|
53923
53944
|
} }
|
|
53924
|
-
function
|
|
53925
|
-
i0.ɵɵconditionalCreate(0,
|
|
53945
|
+
function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
53946
|
+
i0.ɵɵconditionalCreate(0, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Conditional_10_Conditional_0_Template, 5, 3, "div", 70);
|
|
53926
53947
|
} if (rf & 2) {
|
|
53927
53948
|
let tmp_13_0;
|
|
53928
|
-
const
|
|
53929
|
-
const
|
|
53930
|
-
i0.ɵɵconditional((tmp_13_0 =
|
|
53949
|
+
const property_r7 = i0.ɵɵnextContext().$implicit;
|
|
53950
|
+
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
53951
|
+
i0.ɵɵconditional((tmp_13_0 = ctx_r0.getAccountForProperty(property_r7)) ? 0 : -1, tmp_13_0);
|
|
53931
53952
|
} }
|
|
53932
|
-
function
|
|
53933
|
-
const
|
|
53934
|
-
i0.ɵɵelementStart(0, "label",
|
|
53935
|
-
i0.ɵɵlistener("click", function
|
|
53936
|
-
i0.ɵɵelementStart(1, "div",
|
|
53937
|
-
i0.ɵɵconditionalCreate(3,
|
|
53953
|
+
function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
53954
|
+
const _r6 = i0.ɵɵgetCurrentView();
|
|
53955
|
+
i0.ɵɵelementStart(0, "label", 62);
|
|
53956
|
+
i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Template_label_click_0_listener() { const property_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.selectProperty(property_r7.id)); })("keydown.enter", function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Template_label_keydown_enter_0_listener() { const property_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.selectProperty(property_r7.id)); })("keydown.space", function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Template_label_keydown_space_0_listener($event) { const property_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); ctx_r0.selectProperty(property_r7.id); return i0.ɵɵresetView($event.preventDefault()); });
|
|
53957
|
+
i0.ɵɵelementStart(1, "div", 63)(2, "div", 64);
|
|
53958
|
+
i0.ɵɵconditionalCreate(3, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Conditional_3_Template, 1, 0, "div", 65);
|
|
53938
53959
|
i0.ɵɵelementEnd();
|
|
53939
|
-
i0.ɵɵelementStart(4, "div",
|
|
53960
|
+
i0.ɵɵelementStart(4, "div", 66)(5, "div", 67);
|
|
53940
53961
|
i0.ɵɵnamespaceSVG();
|
|
53941
|
-
i0.ɵɵelementStart(6, "svg",
|
|
53942
|
-
i0.ɵɵelement(7, "path",
|
|
53962
|
+
i0.ɵɵelementStart(6, "svg", 68);
|
|
53963
|
+
i0.ɵɵelement(7, "path", 23);
|
|
53943
53964
|
i0.ɵɵelementEnd();
|
|
53944
53965
|
i0.ɵɵnamespaceHTML();
|
|
53945
|
-
i0.ɵɵelementStart(8, "div",
|
|
53966
|
+
i0.ɵɵelementStart(8, "div", 69);
|
|
53946
53967
|
i0.ɵɵtext(9);
|
|
53947
53968
|
i0.ɵɵelementEnd()();
|
|
53948
|
-
i0.ɵɵconditionalCreate(10,
|
|
53969
|
+
i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Conditional_10_Template, 1, 1);
|
|
53949
53970
|
i0.ɵɵelementEnd()()();
|
|
53950
53971
|
} if (rf & 2) {
|
|
53951
|
-
const
|
|
53952
|
-
const
|
|
53953
|
-
i0.ɵɵproperty("ngClass",
|
|
53954
|
-
i0.ɵɵattribute("aria-checked",
|
|
53972
|
+
const property_r7 = ctx.$implicit;
|
|
53973
|
+
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
53974
|
+
i0.ɵɵproperty("ngClass", ctx_r0.propertyCardClasses(property_r7.id));
|
|
53975
|
+
i0.ɵɵattribute("aria-checked", ctx_r0.isEditingProperty() ? ctx_r0.currentEditingPropertyId() === property_r7.id : ctx_r0.selectedGaPropertyId() ? ctx_r0.selectedGaPropertyId() === property_r7.id : ctx_r0.currentSelectingPropertyId() === property_r7.id);
|
|
53955
53976
|
i0.ɵɵadvance(2);
|
|
53956
|
-
i0.ɵɵproperty("ngClass",
|
|
53977
|
+
i0.ɵɵproperty("ngClass", ctx_r0.radioIndicatorClasses(property_r7.id));
|
|
53957
53978
|
i0.ɵɵadvance();
|
|
53958
|
-
i0.ɵɵconditional((
|
|
53979
|
+
i0.ɵɵconditional((ctx_r0.isEditingProperty() ? ctx_r0.currentEditingPropertyId() === property_r7.id : ctx_r0.selectedGaPropertyId() ? ctx_r0.selectedGaPropertyId() === property_r7.id : ctx_r0.currentSelectingPropertyId() === property_r7.id) ? 3 : -1);
|
|
53959
53980
|
i0.ɵɵadvance(3);
|
|
53960
|
-
i0.ɵɵproperty("ngClass",
|
|
53981
|
+
i0.ɵɵproperty("ngClass", ctx_r0.noteIconClasses());
|
|
53961
53982
|
i0.ɵɵadvance(2);
|
|
53962
|
-
i0.ɵɵproperty("ngClass",
|
|
53983
|
+
i0.ɵɵproperty("ngClass", ctx_r0.propertyNameClasses());
|
|
53963
53984
|
i0.ɵɵadvance();
|
|
53964
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
53985
|
+
i0.ɵɵtextInterpolate1(" ", property_r7.name || "Unnamed Property", " ");
|
|
53965
53986
|
i0.ɵɵadvance();
|
|
53966
|
-
i0.ɵɵconditional(
|
|
53987
|
+
i0.ɵɵconditional(property_r7.gaAccountId ? 10 : -1);
|
|
53967
53988
|
} }
|
|
53968
|
-
function
|
|
53969
|
-
i0.ɵɵ
|
|
53970
|
-
i0.ɵɵ
|
|
53989
|
+
function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
53990
|
+
const _r5 = i0.ɵɵgetCurrentView();
|
|
53991
|
+
i0.ɵɵelementStart(0, "div", 56);
|
|
53992
|
+
i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Template, 11, 8, "label", 57, _forTrack0$l);
|
|
53993
|
+
i0.ɵɵelementEnd();
|
|
53994
|
+
i0.ɵɵelement(3, "div", 58);
|
|
53995
|
+
i0.ɵɵelementStart(4, "button", 59);
|
|
53996
|
+
i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.useDifferentGoogleAccount()); });
|
|
53997
|
+
i0.ɵɵnamespaceSVG();
|
|
53998
|
+
i0.ɵɵelementStart(5, "svg", 60);
|
|
53999
|
+
i0.ɵɵelement(6, "path", 61);
|
|
54000
|
+
i0.ɵɵelementEnd();
|
|
54001
|
+
i0.ɵɵtext(7, " Use Different Google Account ");
|
|
53971
54002
|
i0.ɵɵelementEnd();
|
|
53972
54003
|
} if (rf & 2) {
|
|
53973
|
-
const
|
|
54004
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
53974
54005
|
i0.ɵɵadvance();
|
|
53975
|
-
i0.ɵɵrepeater(
|
|
54006
|
+
i0.ɵɵrepeater(ctx_r0.sortedGaProperties());
|
|
54007
|
+
i0.ɵɵadvance(2);
|
|
54008
|
+
i0.ɵɵproperty("ngClass", ctx_r0.dividerClasses());
|
|
54009
|
+
i0.ɵɵadvance();
|
|
54010
|
+
i0.ɵɵproperty("ngClass", ctx_r0.useDifferentAccountButtonClasses());
|
|
53976
54011
|
} }
|
|
53977
|
-
function
|
|
53978
|
-
i0.ɵɵelementStart(0, "div",
|
|
54012
|
+
function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_15_Template(rf, ctx) { if (rf & 1) {
|
|
54013
|
+
i0.ɵɵelementStart(0, "div", 55)(1, "p", 73);
|
|
53979
54014
|
i0.ɵɵtext(2, " No properties found. Please connect your Google Analytics account. ");
|
|
53980
54015
|
i0.ɵɵelementEnd()();
|
|
53981
54016
|
} if (rf & 2) {
|
|
53982
|
-
const
|
|
54017
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
53983
54018
|
i0.ɵɵadvance();
|
|
53984
|
-
i0.ɵɵproperty("ngClass",
|
|
54019
|
+
i0.ɵɵproperty("ngClass", ctx_r0.emptyStateTextClasses());
|
|
53985
54020
|
} }
|
|
53986
|
-
function
|
|
53987
|
-
i0.ɵɵelementStart(0, "div", 12)(1, "div",
|
|
54021
|
+
function SymphiqConnectGaDashboardComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
|
|
54022
|
+
i0.ɵɵelementStart(0, "div", 12)(1, "div", 19)(2, "div", 20)(3, "div", 21);
|
|
53988
54023
|
i0.ɵɵnamespaceSVG();
|
|
53989
|
-
i0.ɵɵelementStart(4, "svg",
|
|
53990
|
-
i0.ɵɵelement(5, "path",
|
|
54024
|
+
i0.ɵɵelementStart(4, "svg", 22);
|
|
54025
|
+
i0.ɵɵelement(5, "path", 23);
|
|
53991
54026
|
i0.ɵɵelementEnd()();
|
|
53992
54027
|
i0.ɵɵnamespaceHTML();
|
|
53993
|
-
i0.ɵɵelementStart(6, "div",
|
|
53994
|
-
i0.ɵɵconditionalCreate(9,
|
|
54028
|
+
i0.ɵɵelementStart(6, "div", 24)(7, "div", 25)(8, "h2", 26);
|
|
54029
|
+
i0.ɵɵconditionalCreate(9, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_9_Template, 1, 0)(10, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_10_Template, 1, 0);
|
|
53995
54030
|
i0.ɵɵelementEnd();
|
|
53996
|
-
i0.ɵɵconditionalCreate(11,
|
|
54031
|
+
i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_11_Template, 2, 1, "button", 27);
|
|
53997
54032
|
i0.ɵɵelementEnd();
|
|
53998
|
-
i0.ɵɵelementStart(12, "p",
|
|
54033
|
+
i0.ɵɵelementStart(12, "p", 28);
|
|
53999
54034
|
i0.ɵɵtext(13, " Please choose the Google Analytics property you'd like to link to your shop. ");
|
|
54000
54035
|
i0.ɵɵelementEnd();
|
|
54001
|
-
i0.ɵɵconditionalCreate(14,
|
|
54036
|
+
i0.ɵɵconditionalCreate(14, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_Template, 8, 2)(15, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_15_Template, 3, 1, "div", 55);
|
|
54002
54037
|
i0.ɵɵelementEnd()()()();
|
|
54003
54038
|
} if (rf & 2) {
|
|
54004
|
-
const
|
|
54005
|
-
i0.ɵɵproperty("ngClass",
|
|
54039
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
54040
|
+
i0.ɵɵproperty("ngClass", ctx_r0.containerClasses());
|
|
54006
54041
|
i0.ɵɵadvance();
|
|
54007
|
-
i0.ɵɵproperty("ngClass",
|
|
54042
|
+
i0.ɵɵproperty("ngClass", ctx_r0.contentClasses());
|
|
54008
54043
|
i0.ɵɵadvance(2);
|
|
54009
|
-
i0.ɵɵproperty("ngClass",
|
|
54044
|
+
i0.ɵɵproperty("ngClass", ctx_r0.iconContainerClasses());
|
|
54010
54045
|
i0.ɵɵadvance(5);
|
|
54011
|
-
i0.ɵɵproperty("ngClass",
|
|
54046
|
+
i0.ɵɵproperty("ngClass", ctx_r0.titleClasses());
|
|
54012
54047
|
i0.ɵɵadvance();
|
|
54013
|
-
i0.ɵɵconditional(
|
|
54048
|
+
i0.ɵɵconditional(ctx_r0.isEditingProperty() ? 9 : 10);
|
|
54014
54049
|
i0.ɵɵadvance(2);
|
|
54015
|
-
i0.ɵɵconditional(
|
|
54050
|
+
i0.ɵɵconditional(ctx_r0.isEditingProperty() ? 11 : -1);
|
|
54016
54051
|
i0.ɵɵadvance();
|
|
54017
|
-
i0.ɵɵproperty("ngClass",
|
|
54052
|
+
i0.ɵɵproperty("ngClass", ctx_r0.textClasses());
|
|
54018
54053
|
i0.ɵɵadvance(2);
|
|
54019
|
-
i0.ɵɵconditional(
|
|
54054
|
+
i0.ɵɵconditional(ctx_r0.sortedGaProperties() && ctx_r0.sortedGaProperties().length > 0 ? 14 : 15);
|
|
54020
54055
|
} }
|
|
54021
|
-
function
|
|
54022
|
-
i0.ɵɵelementStart(0, "div",
|
|
54056
|
+
function SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_17_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
54057
|
+
i0.ɵɵelementStart(0, "div", 70);
|
|
54023
54058
|
i0.ɵɵnamespaceSVG();
|
|
54024
|
-
i0.ɵɵelementStart(1, "svg",
|
|
54025
|
-
i0.ɵɵelement(2, "path",
|
|
54059
|
+
i0.ɵɵelementStart(1, "svg", 71);
|
|
54060
|
+
i0.ɵɵelement(2, "path", 72);
|
|
54026
54061
|
i0.ɵɵelementEnd();
|
|
54027
54062
|
i0.ɵɵnamespaceHTML();
|
|
54028
54063
|
i0.ɵɵelementStart(3, "span", 0);
|
|
54029
54064
|
i0.ɵɵtext(4);
|
|
54030
54065
|
i0.ɵɵelementEnd()();
|
|
54031
54066
|
} if (rf & 2) {
|
|
54032
|
-
const
|
|
54067
|
+
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
54033
54068
|
i0.ɵɵadvance();
|
|
54034
|
-
i0.ɵɵproperty("ngClass",
|
|
54069
|
+
i0.ɵɵproperty("ngClass", ctx_r0.accountNameClasses());
|
|
54035
54070
|
i0.ɵɵadvance(2);
|
|
54036
|
-
i0.ɵɵproperty("ngClass",
|
|
54071
|
+
i0.ɵɵproperty("ngClass", ctx_r0.accountNameClasses());
|
|
54037
54072
|
i0.ɵɵadvance();
|
|
54038
54073
|
i0.ɵɵtextInterpolate1(" ", ctx.name || "Unnamed Account", " ");
|
|
54039
54074
|
} }
|
|
54040
|
-
function
|
|
54041
|
-
i0.ɵɵelementStart(0, "div",
|
|
54075
|
+
function SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
54076
|
+
i0.ɵɵelementStart(0, "div", 79)(1, "div", 81)(2, "div", 82);
|
|
54042
54077
|
i0.ɵɵtext(3, " Connected ");
|
|
54043
54078
|
i0.ɵɵelementEnd()();
|
|
54044
|
-
i0.ɵɵelementStart(4, "div",
|
|
54079
|
+
i0.ɵɵelementStart(4, "div", 83);
|
|
54045
54080
|
i0.ɵɵnamespaceSVG();
|
|
54046
|
-
i0.ɵɵelementStart(5, "svg",
|
|
54047
|
-
i0.ɵɵelement(6, "path",
|
|
54081
|
+
i0.ɵɵelementStart(5, "svg", 84);
|
|
54082
|
+
i0.ɵɵelement(6, "path", 23);
|
|
54048
54083
|
i0.ɵɵelementEnd();
|
|
54049
54084
|
i0.ɵɵnamespaceHTML();
|
|
54050
|
-
i0.ɵɵelementStart(7, "div")(8, "div",
|
|
54085
|
+
i0.ɵɵelementStart(7, "div")(8, "div", 85);
|
|
54051
54086
|
i0.ɵɵtext(9);
|
|
54052
54087
|
i0.ɵɵelementEnd();
|
|
54053
|
-
i0.ɵɵconditionalCreate(10,
|
|
54088
|
+
i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_17_Conditional_10_Template, 5, 3, "div", 70);
|
|
54054
54089
|
i0.ɵɵelementEnd()()();
|
|
54055
54090
|
} if (rf & 2) {
|
|
54056
54091
|
let tmp_8_0;
|
|
54057
|
-
const
|
|
54058
|
-
i0.ɵɵproperty("ngClass",
|
|
54092
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
54093
|
+
i0.ɵɵproperty("ngClass", ctx_r0.selectedPropertyCardClasses());
|
|
54059
54094
|
i0.ɵɵadvance(2);
|
|
54060
|
-
i0.ɵɵproperty("ngClass",
|
|
54095
|
+
i0.ɵɵproperty("ngClass", ctx_r0.statusBadgeClasses());
|
|
54061
54096
|
i0.ɵɵadvance(3);
|
|
54062
|
-
i0.ɵɵproperty("ngClass",
|
|
54097
|
+
i0.ɵɵproperty("ngClass", ctx_r0.noteIconClasses());
|
|
54063
54098
|
i0.ɵɵadvance(3);
|
|
54064
|
-
i0.ɵɵproperty("ngClass",
|
|
54099
|
+
i0.ɵɵproperty("ngClass", ctx_r0.propertyNameClasses());
|
|
54065
54100
|
i0.ɵɵadvance();
|
|
54066
54101
|
i0.ɵɵtextInterpolate1(" ", ctx.name || "Unnamed Property", " ");
|
|
54067
54102
|
i0.ɵɵadvance();
|
|
54068
|
-
i0.ɵɵconditional((tmp_8_0 =
|
|
54103
|
+
i0.ɵɵconditional((tmp_8_0 = ctx_r0.selectedPropertyAccount()) ? 10 : -1, tmp_8_0);
|
|
54069
54104
|
} }
|
|
54070
|
-
function
|
|
54071
|
-
const
|
|
54072
|
-
i0.ɵɵelementStart(0, "div", 12)(1, "div",
|
|
54105
|
+
function SymphiqConnectGaDashboardComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
|
|
54106
|
+
const _r8 = i0.ɵɵgetCurrentView();
|
|
54107
|
+
i0.ɵɵelementStart(0, "div", 12)(1, "div", 19)(2, "div", 20)(3, "div", 21);
|
|
54073
54108
|
i0.ɵɵnamespaceSVG();
|
|
54074
|
-
i0.ɵɵelementStart(4, "svg",
|
|
54075
|
-
i0.ɵɵelement(5, "path",
|
|
54109
|
+
i0.ɵɵelementStart(4, "svg", 22);
|
|
54110
|
+
i0.ɵɵelement(5, "path", 74);
|
|
54076
54111
|
i0.ɵɵelementEnd()();
|
|
54077
54112
|
i0.ɵɵnamespaceHTML();
|
|
54078
|
-
i0.ɵɵelementStart(6, "div",
|
|
54113
|
+
i0.ɵɵelementStart(6, "div", 24)(7, "div", 75)(8, "div")(9, "h2", 76);
|
|
54079
54114
|
i0.ɵɵtext(10, " Connected to Google Analytics ");
|
|
54080
54115
|
i0.ɵɵelementEnd();
|
|
54081
|
-
i0.ɵɵelementStart(11, "p",
|
|
54116
|
+
i0.ɵɵelementStart(11, "p", 73);
|
|
54082
54117
|
i0.ɵɵtext(12, " Your analytics data is linked ");
|
|
54083
54118
|
i0.ɵɵelementEnd()();
|
|
54084
|
-
i0.ɵɵelementStart(13, "button",
|
|
54085
|
-
i0.ɵɵlistener("click", function
|
|
54119
|
+
i0.ɵɵelementStart(13, "button", 77);
|
|
54120
|
+
i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_24_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.enableEditMode()); });
|
|
54086
54121
|
i0.ɵɵnamespaceSVG();
|
|
54087
|
-
i0.ɵɵelementStart(14, "svg",
|
|
54088
|
-
i0.ɵɵelement(15, "path",
|
|
54122
|
+
i0.ɵɵelementStart(14, "svg", 60);
|
|
54123
|
+
i0.ɵɵelement(15, "path", 78);
|
|
54089
54124
|
i0.ɵɵelementEnd();
|
|
54090
54125
|
i0.ɵɵtext(16, " Edit ");
|
|
54091
54126
|
i0.ɵɵelementEnd()();
|
|
54092
|
-
i0.ɵɵconditionalCreate(17,
|
|
54127
|
+
i0.ɵɵconditionalCreate(17, SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_17_Template, 11, 6, "div", 79);
|
|
54093
54128
|
i0.ɵɵnamespaceHTML();
|
|
54094
|
-
i0.ɵɵelementStart(18, "button",
|
|
54095
|
-
i0.ɵɵlistener("click", function
|
|
54129
|
+
i0.ɵɵelementStart(18, "button", 80);
|
|
54130
|
+
i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_24_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.reconnectWithDifferentAccount()); });
|
|
54096
54131
|
i0.ɵɵnamespaceSVG();
|
|
54097
|
-
i0.ɵɵelementStart(19, "svg",
|
|
54098
|
-
i0.ɵɵelement(20, "path",
|
|
54132
|
+
i0.ɵɵelementStart(19, "svg", 60);
|
|
54133
|
+
i0.ɵɵelement(20, "path", 61);
|
|
54099
54134
|
i0.ɵɵelementEnd();
|
|
54100
54135
|
i0.ɵɵtext(21, " Use Different Google Account ");
|
|
54101
54136
|
i0.ɵɵelementEnd()()()()();
|
|
54102
54137
|
} if (rf & 2) {
|
|
54103
54138
|
let tmp_7_0;
|
|
54104
|
-
const
|
|
54105
|
-
i0.ɵɵproperty("ngClass",
|
|
54139
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
54140
|
+
i0.ɵɵproperty("ngClass", ctx_r0.containerClasses());
|
|
54106
54141
|
i0.ɵɵadvance();
|
|
54107
|
-
i0.ɵɵproperty("ngClass",
|
|
54142
|
+
i0.ɵɵproperty("ngClass", ctx_r0.contentClasses());
|
|
54108
54143
|
i0.ɵɵadvance(2);
|
|
54109
|
-
i0.ɵɵproperty("ngClass",
|
|
54144
|
+
i0.ɵɵproperty("ngClass", ctx_r0.iconContainerClasses());
|
|
54110
54145
|
i0.ɵɵadvance(6);
|
|
54111
|
-
i0.ɵɵproperty("ngClass",
|
|
54146
|
+
i0.ɵɵproperty("ngClass", ctx_r0.titleClasses());
|
|
54112
54147
|
i0.ɵɵadvance(2);
|
|
54113
|
-
i0.ɵɵproperty("ngClass",
|
|
54148
|
+
i0.ɵɵproperty("ngClass", ctx_r0.textClasses());
|
|
54114
54149
|
i0.ɵɵadvance(2);
|
|
54115
|
-
i0.ɵɵproperty("ngClass",
|
|
54150
|
+
i0.ɵɵproperty("ngClass", ctx_r0.editButtonClasses());
|
|
54116
54151
|
i0.ɵɵadvance(4);
|
|
54117
|
-
i0.ɵɵconditional((tmp_7_0 =
|
|
54152
|
+
i0.ɵɵconditional((tmp_7_0 = ctx_r0.selectedProperty()) ? 17 : -1, tmp_7_0);
|
|
54118
54153
|
i0.ɵɵadvance();
|
|
54119
|
-
i0.ɵɵproperty("ngClass",
|
|
54154
|
+
i0.ɵɵproperty("ngClass", ctx_r0.reconnectButtonClasses());
|
|
54120
54155
|
} }
|
|
54121
|
-
function
|
|
54122
|
-
const
|
|
54123
|
-
i0.ɵɵelementStart(0, "button",
|
|
54124
|
-
i0.ɵɵlistener("click", function
|
|
54156
|
+
function SymphiqConnectGaDashboardComponent_Conditional_25_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
54157
|
+
const _r9 = i0.ɵɵgetCurrentView();
|
|
54158
|
+
i0.ɵɵelementStart(0, "button", 89);
|
|
54159
|
+
i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_25_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.cancelEditMode()); });
|
|
54125
54160
|
i0.ɵɵtext(1, " Cancel ");
|
|
54126
54161
|
i0.ɵɵelementEnd();
|
|
54127
|
-
i0.ɵɵelementStart(2, "button",
|
|
54128
|
-
i0.ɵɵlistener("click", function
|
|
54162
|
+
i0.ɵɵelementStart(2, "button", 90);
|
|
54163
|
+
i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_25_Conditional_3_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.submitPropertyChange()); });
|
|
54129
54164
|
i0.ɵɵtext(3, " Submit ");
|
|
54130
54165
|
i0.ɵɵelementEnd();
|
|
54131
54166
|
} if (rf & 2) {
|
|
54132
|
-
const
|
|
54133
|
-
i0.ɵɵproperty("ngClass",
|
|
54167
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
54168
|
+
i0.ɵɵproperty("ngClass", ctx_r0.cancelButtonClasses());
|
|
54134
54169
|
i0.ɵɵadvance(2);
|
|
54135
|
-
i0.ɵɵproperty("disabled", !
|
|
54170
|
+
i0.ɵɵproperty("disabled", !ctx_r0.hasPropertyChanged())("ngClass", ctx_r0.submitButtonClasses());
|
|
54136
54171
|
} }
|
|
54137
|
-
function
|
|
54138
|
-
const
|
|
54139
|
-
i0.ɵɵelementStart(0, "button",
|
|
54140
|
-
i0.ɵɵlistener("click", function
|
|
54172
|
+
function SymphiqConnectGaDashboardComponent_Conditional_25_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
54173
|
+
const _r10 = i0.ɵɵgetCurrentView();
|
|
54174
|
+
i0.ɵɵelementStart(0, "button", 90);
|
|
54175
|
+
i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_25_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.submitPropertySelection()); });
|
|
54141
54176
|
i0.ɵɵtext(1, " Continue ");
|
|
54142
54177
|
i0.ɵɵelementEnd();
|
|
54143
54178
|
} if (rf & 2) {
|
|
54144
|
-
const
|
|
54145
|
-
i0.ɵɵproperty("disabled", !
|
|
54179
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
54180
|
+
i0.ɵɵproperty("disabled", !ctx_r0.hasPropertySelected())("ngClass", ctx_r0.submitButtonClasses());
|
|
54146
54181
|
} }
|
|
54147
|
-
function
|
|
54148
|
-
i0.ɵɵelementStart(0, "div", 13)(1, "div",
|
|
54149
|
-
i0.ɵɵconditionalCreate(3,
|
|
54182
|
+
function SymphiqConnectGaDashboardComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
|
|
54183
|
+
i0.ɵɵelementStart(0, "div", 13)(1, "div", 86)(2, "div", 87);
|
|
54184
|
+
i0.ɵɵconditionalCreate(3, SymphiqConnectGaDashboardComponent_Conditional_25_Conditional_3_Template, 4, 3)(4, SymphiqConnectGaDashboardComponent_Conditional_25_Conditional_4_Template, 2, 2, "button", 88);
|
|
54150
54185
|
i0.ɵɵelementEnd()()();
|
|
54151
54186
|
} if (rf & 2) {
|
|
54152
|
-
const
|
|
54153
|
-
i0.ɵɵproperty("ngClass",
|
|
54187
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
54188
|
+
i0.ɵɵproperty("ngClass", ctx_r0.stickyButtonContainerClasses());
|
|
54154
54189
|
i0.ɵɵadvance(3);
|
|
54155
|
-
i0.ɵɵconditional(
|
|
54190
|
+
i0.ɵɵconditional(ctx_r0.isEditingProperty() ? 3 : 4);
|
|
54156
54191
|
} }
|
|
54157
54192
|
class SymphiqConnectGaDashboardComponent {
|
|
54158
54193
|
constructor() {
|
|
@@ -54167,6 +54202,7 @@ class SymphiqConnectGaDashboardComponent {
|
|
|
54167
54202
|
this.gaProperties = input(undefined, ...(ngDevMode ? [{ debugName: "gaProperties" }] : []));
|
|
54168
54203
|
this.gaAccounts = input(undefined, ...(ngDevMode ? [{ debugName: "gaAccounts" }] : []));
|
|
54169
54204
|
this.selectedGaPropertyId = input(undefined, ...(ngDevMode ? [{ debugName: "selectedGaPropertyId" }] : []));
|
|
54205
|
+
this.isConnectingToGoogle = input(false, ...(ngDevMode ? [{ debugName: "isConnectingToGoogle" }] : []));
|
|
54170
54206
|
this.stepClick = output();
|
|
54171
54207
|
this.nextStepClick = output();
|
|
54172
54208
|
this.googleButtonClick = output();
|
|
@@ -54200,7 +54236,8 @@ class SymphiqConnectGaDashboardComponent {
|
|
|
54200
54236
|
const properties = this.gaProperties();
|
|
54201
54237
|
const selectedId = this.selectedGaPropertyId();
|
|
54202
54238
|
const isEditing = this.isEditingProperty();
|
|
54203
|
-
|
|
54239
|
+
const reconnecting = this.isReconnecting();
|
|
54240
|
+
return properties && properties.length > 0 && (!selectedId || isEditing) && !reconnecting;
|
|
54204
54241
|
}, ...(ngDevMode ? [{ debugName: "isSelectionState" }] : []));
|
|
54205
54242
|
this.isSelectedState = computed(() => {
|
|
54206
54243
|
const properties = this.gaProperties();
|
|
@@ -54337,6 +54374,9 @@ class SymphiqConnectGaDashboardComponent {
|
|
|
54337
54374
|
cancelReconnectMode() {
|
|
54338
54375
|
this.isReconnecting.set(false);
|
|
54339
54376
|
}
|
|
54377
|
+
useDifferentGoogleAccount() {
|
|
54378
|
+
this.isReconnecting.set(true);
|
|
54379
|
+
}
|
|
54340
54380
|
getContainerClasses() {
|
|
54341
54381
|
return this.isLightMode()
|
|
54342
54382
|
? 'min-h-screen bg-gradient-to-br from-slate-50 to-slate-100'
|
|
@@ -54524,12 +54564,22 @@ class SymphiqConnectGaDashboardComponent {
|
|
|
54524
54564
|
? 'text-slate-600'
|
|
54525
54565
|
: 'text-slate-400';
|
|
54526
54566
|
}
|
|
54567
|
+
dividerClasses() {
|
|
54568
|
+
return this.isLightMode()
|
|
54569
|
+
? 'border-slate-200'
|
|
54570
|
+
: 'border-slate-700';
|
|
54571
|
+
}
|
|
54572
|
+
useDifferentAccountButtonClasses() {
|
|
54573
|
+
return this.isLightMode()
|
|
54574
|
+
? 'text-slate-600 hover:text-slate-900 hover:bg-slate-100 border border-slate-300'
|
|
54575
|
+
: 'text-slate-400 hover:text-white hover:bg-slate-700 border border-slate-600';
|
|
54576
|
+
}
|
|
54527
54577
|
static { this.ɵfac = function SymphiqConnectGaDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqConnectGaDashboardComponent)(); }; }
|
|
54528
54578
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqConnectGaDashboardComponent, selectors: [["symphiq-connect-ga-dashboard"]], hostVars: 4, hostBindings: function SymphiqConnectGaDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
54529
54579
|
i0.ɵɵlistener("scroll", function SymphiqConnectGaDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
|
|
54530
54580
|
} if (rf & 2) {
|
|
54531
54581
|
i0.ɵɵclassProp("light", ctx.isLightMode())("dark", !ctx.isLightMode());
|
|
54532
|
-
} }, 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"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", googleButtonClick: "googleButtonClick", onPropertySelect: "onPropertySelect", onPropertyChange: "onPropertyChange" }, decls:
|
|
54582
|
+
} }, 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", "mt-8", "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) {
|
|
54533
54583
|
i0.ɵɵelementStart(0, "div", 0);
|
|
54534
54584
|
i0.ɵɵelement(1, "div", 1);
|
|
54535
54585
|
i0.ɵɵelementStart(2, "div", 2)(3, "header", 3)(4, "div", 4)(5, "div", 5)(6, "div", 6)(7, "div")(8, "h1", 0);
|
|
@@ -54545,11 +54595,12 @@ class SymphiqConnectGaDashboardComponent {
|
|
|
54545
54595
|
i0.ɵɵlistener("stepClick", function SymphiqConnectGaDashboardComponent_Template_symphiq_journey_progress_indicator_stepClick_18_listener($event) { return ctx.stepClick.emit($event); })("nextStepClick", function SymphiqConnectGaDashboardComponent_Template_symphiq_journey_progress_indicator_nextStepClick_18_listener() { return ctx.nextStepClick.emit(); });
|
|
54546
54596
|
i0.ɵɵelementEnd();
|
|
54547
54597
|
i0.ɵɵelementStart(19, "main", 10)(20, "div", 11);
|
|
54548
|
-
i0.ɵɵconditionalCreate(21, SymphiqConnectGaDashboardComponent_Conditional_21_Template,
|
|
54549
|
-
i0.ɵɵconditionalCreate(22, SymphiqConnectGaDashboardComponent_Conditional_22_Template,
|
|
54550
|
-
i0.ɵɵconditionalCreate(23, SymphiqConnectGaDashboardComponent_Conditional_23_Template,
|
|
54598
|
+
i0.ɵɵconditionalCreate(21, SymphiqConnectGaDashboardComponent_Conditional_21_Template, 8, 5, "div", 12);
|
|
54599
|
+
i0.ɵɵconditionalCreate(22, SymphiqConnectGaDashboardComponent_Conditional_22_Template, 51, 28, "div", 12);
|
|
54600
|
+
i0.ɵɵconditionalCreate(23, SymphiqConnectGaDashboardComponent_Conditional_23_Template, 16, 8, "div", 12);
|
|
54601
|
+
i0.ɵɵconditionalCreate(24, SymphiqConnectGaDashboardComponent_Conditional_24_Template, 22, 8, "div", 12);
|
|
54551
54602
|
i0.ɵɵelementEnd();
|
|
54552
|
-
i0.ɵɵconditionalCreate(
|
|
54603
|
+
i0.ɵɵconditionalCreate(25, SymphiqConnectGaDashboardComponent_Conditional_25_Template, 5, 2, "div", 13);
|
|
54553
54604
|
i0.ɵɵelementEnd()()();
|
|
54554
54605
|
} if (rf & 2) {
|
|
54555
54606
|
i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
|
|
@@ -54574,401 +54625,436 @@ class SymphiqConnectGaDashboardComponent {
|
|
|
54574
54625
|
i0.ɵɵadvance(2);
|
|
54575
54626
|
i0.ɵɵproperty("viewMode", ctx.viewMode())("currentStepId", ctx.JourneyStepIdEnum.CONNECT_GA4)("showNextStepAction", ctx.showNextStepAction())("forDemo", ctx.forDemo())("maxAccessibleStepId", ctx.maxAccessibleStepId());
|
|
54576
54627
|
i0.ɵɵadvance(3);
|
|
54577
|
-
i0.ɵɵconditional(ctx.
|
|
54628
|
+
i0.ɵɵconditional(ctx.isConnectingToGoogle() ? 21 : -1);
|
|
54629
|
+
i0.ɵɵadvance();
|
|
54630
|
+
i0.ɵɵconditional(ctx.isConnectState() && !ctx.isConnectingToGoogle() ? 22 : -1);
|
|
54578
54631
|
i0.ɵɵadvance();
|
|
54579
|
-
i0.ɵɵconditional(ctx.isSelectionState() ?
|
|
54632
|
+
i0.ɵɵconditional(ctx.isSelectionState() && !ctx.isConnectingToGoogle() ? 23 : -1);
|
|
54580
54633
|
i0.ɵɵadvance();
|
|
54581
|
-
i0.ɵɵconditional(ctx.isSelectedState() ?
|
|
54634
|
+
i0.ɵɵconditional(ctx.isSelectedState() && !ctx.isConnectingToGoogle() ? 24 : -1);
|
|
54582
54635
|
i0.ɵɵadvance();
|
|
54583
|
-
i0.ɵɵconditional(ctx.showSubmitButton() ?
|
|
54584
|
-
} }, dependencies: [CommonModule, i1$1.NgClass, JourneyProgressIndicatorComponent], styles: ["[_nghost-%COMP%]{display:block}.animated-bubbles[_ngcontent-%COMP%]{overflow:hidden}.animated-bubbles[_ngcontent-%COMP%]:before, .animated-bubbles[_ngcontent-%COMP%]:after{content:\"\";position:absolute;border-radius:50%;animation:_ngcontent-%COMP%_float 20s infinite ease-in-out;opacity:.05}.animated-bubbles[_ngcontent-%COMP%]:before{width:600px;height:600px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:-300px;left:-300px;animation-delay:-5s}.animated-bubbles[_ngcontent-%COMP%]:after{width:800px;height:800px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);bottom:-400px;right:-400px;animation-delay:-10s}.animated-bubbles.light-mode[_ngcontent-%COMP%]:before, .animated-bubbles.light-mode[_ngcontent-%COMP%]:after{opacity:.03}@keyframes _ngcontent-%COMP%_float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%] .gsi-material-button-icon[_ngcontent-%COMP%]{height:20px;margin-right:12px;min-width:20px;width:20px}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%] .gsi-material-button-content-wrapper[_ngcontent-%COMP%]{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%] .gsi-material-button-contents[_ngcontent-%COMP%]{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%] .gsi-material-button-state[_ngcontent-%COMP%]{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:disabled .gsi-material-button-contents[_ngcontent-%COMP%]{opacity:38%}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:disabled .gsi-material-button-icon[_ngcontent-%COMP%]{opacity:38%}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):active .gsi-material-button-state[_ngcontent-%COMP%], .light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):focus .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#303030;opacity:12%}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#303030;opacity:8%}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#131314;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#e3e3e3;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content;border-color:#8e918f}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%] .gsi-material-button-icon[_ngcontent-%COMP%]{height:20px;margin-right:12px;min-width:20px;width:20px}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%] .gsi-material-button-content-wrapper[_ngcontent-%COMP%]{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%] .gsi-material-button-contents[_ngcontent-%COMP%]{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%] .gsi-material-button-state[_ngcontent-%COMP%]{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:disabled{cursor:default;background-color:#13131461;border-color:#8e918f1f}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:disabled .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#e3e3e31f}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:disabled .gsi-material-button-contents[_ngcontent-%COMP%]{opacity:38%}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:disabled .gsi-material-button-icon[_ngcontent-%COMP%]{opacity:38%}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):active .gsi-material-button-state[_ngcontent-%COMP%], .dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):focus .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#fff;opacity:12%}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#fff;opacity:8%}"], changeDetection: 0 }); }
|
|
54636
|
+
i0.ɵɵconditional(ctx.showSubmitButton() ? 25 : -1);
|
|
54637
|
+
} }, dependencies: [CommonModule, i1$1.NgClass, JourneyProgressIndicatorComponent, IndeterminateSpinnerComponent], styles: ["[_nghost-%COMP%]{display:block}.animated-bubbles[_ngcontent-%COMP%]{overflow:hidden}.animated-bubbles[_ngcontent-%COMP%]:before, .animated-bubbles[_ngcontent-%COMP%]:after{content:\"\";position:absolute;border-radius:50%;animation:_ngcontent-%COMP%_float 20s infinite ease-in-out;opacity:.05}.animated-bubbles[_ngcontent-%COMP%]:before{width:600px;height:600px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:-300px;left:-300px;animation-delay:-5s}.animated-bubbles[_ngcontent-%COMP%]:after{width:800px;height:800px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);bottom:-400px;right:-400px;animation-delay:-10s}.animated-bubbles.light-mode[_ngcontent-%COMP%]:before, .animated-bubbles.light-mode[_ngcontent-%COMP%]:after{opacity:.03}@keyframes _ngcontent-%COMP%_float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%] .gsi-material-button-icon[_ngcontent-%COMP%]{height:20px;margin-right:12px;min-width:20px;width:20px}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%] .gsi-material-button-content-wrapper[_ngcontent-%COMP%]{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%] .gsi-material-button-contents[_ngcontent-%COMP%]{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%] .gsi-material-button-state[_ngcontent-%COMP%]{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:disabled .gsi-material-button-contents[_ngcontent-%COMP%]{opacity:38%}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:disabled .gsi-material-button-icon[_ngcontent-%COMP%]{opacity:38%}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):active .gsi-material-button-state[_ngcontent-%COMP%], .light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):focus .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#303030;opacity:12%}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.light[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#303030;opacity:8%}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#131314;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#e3e3e3;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content;border-color:#8e918f}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%] .gsi-material-button-icon[_ngcontent-%COMP%]{height:20px;margin-right:12px;min-width:20px;width:20px}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%] .gsi-material-button-content-wrapper[_ngcontent-%COMP%]{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%] .gsi-material-button-contents[_ngcontent-%COMP%]{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%] .gsi-material-button-state[_ngcontent-%COMP%]{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:disabled{cursor:default;background-color:#13131461;border-color:#8e918f1f}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:disabled .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#e3e3e31f}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:disabled .gsi-material-button-contents[_ngcontent-%COMP%]{opacity:38%}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:disabled .gsi-material-button-icon[_ngcontent-%COMP%]{opacity:38%}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):active .gsi-material-button-state[_ngcontent-%COMP%], .dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):focus .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#fff;opacity:12%}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.dark[_nghost-%COMP%] .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#fff;opacity:8%}"], changeDetection: 0 }); }
|
|
54585
54638
|
}
|
|
54586
54639
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqConnectGaDashboardComponent, [{
|
|
54587
54640
|
type: Component,
|
|
54588
|
-
args: [{ selector: 'symphiq-connect-ga-dashboard', standalone: true, imports: [CommonModule, JourneyProgressIndicatorComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
54641
|
+
args: [{ selector: 'symphiq-connect-ga-dashboard', standalone: true, imports: [CommonModule, JourneyProgressIndicatorComponent, IndeterminateSpinnerComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
54589
54642
|
'[class.light]': 'isLightMode()',
|
|
54590
54643
|
'[class.dark]': '!isLightMode()'
|
|
54591
|
-
}, template: `
|
|
54592
|
-
<div [ngClass]="getContainerClasses()">
|
|
54593
|
-
<div class="animated-bubbles" [class.light-mode]="isLightMode()" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
|
|
54594
|
-
|
|
54595
|
-
<div class="relative z-[51]">
|
|
54596
|
-
<header [ngClass]="getHeaderClasses()" class="sticky top-0 z-50">
|
|
54597
|
-
<!-- Expanded Header -->
|
|
54598
|
-
<div
|
|
54599
|
-
class="transition-all duration-300 ease-in-out overflow-hidden"
|
|
54600
|
-
[class.max-h-0]="headerScrollService.isScrolled()"
|
|
54601
|
-
[class.opacity-0]="headerScrollService.isScrolled()"
|
|
54602
|
-
[class.max-h-96]="!headerScrollService.isScrolled()"
|
|
54603
|
-
[class.opacity-100]="!headerScrollService.isScrolled()">
|
|
54604
|
-
<div
|
|
54605
|
-
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"
|
|
54606
|
-
[class.pointer-events-none]="headerScrollService.isScrolled()"
|
|
54607
|
-
[class.pointer-events-auto]="!headerScrollService.isScrolled()">
|
|
54608
|
-
<div class="flex items-center justify-between">
|
|
54609
|
-
<div>
|
|
54610
|
-
<h1 [ngClass]="getMainTitleClasses()">
|
|
54611
|
-
Connect Google Analytics 4
|
|
54612
|
-
</h1>
|
|
54613
|
-
<p [ngClass]="getSubtitleClasses()">
|
|
54614
|
-
Link your analytics data
|
|
54615
|
-
</p>
|
|
54616
|
-
</div>
|
|
54617
|
-
</div>
|
|
54618
|
-
</div>
|
|
54619
|
-
</div>
|
|
54620
|
-
|
|
54621
|
-
<!-- Condensed Header -->
|
|
54622
|
-
<div
|
|
54623
|
-
class="transition-all duration-300 ease-in-out overflow-hidden"
|
|
54624
|
-
[class.max-h-0]="!headerScrollService.isScrolled()"
|
|
54625
|
-
[class.opacity-0]="!headerScrollService.isScrolled()"
|
|
54626
|
-
[class.max-h-20]="headerScrollService.isScrolled()"
|
|
54627
|
-
[class.opacity-100]="headerScrollService.isScrolled()">
|
|
54628
|
-
<div
|
|
54629
|
-
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-3"
|
|
54630
|
-
[class.pointer-events-none]="!headerScrollService.isScrolled()"
|
|
54631
|
-
[class.pointer-events-auto]="headerScrollService.isScrolled()">
|
|
54632
|
-
<div class="flex items-center justify-between">
|
|
54633
|
-
<div class="flex-1 min-w-0 mr-4">
|
|
54634
|
-
<h1 [ngClass]="isLightMode() ? 'text-xl font-bold bg-gradient-to-r from-blue-600 to-cyan-600 bg-clip-text text-transparent truncate' : 'text-xl font-bold bg-gradient-to-r from-blue-400 to-cyan-400 bg-clip-text text-transparent truncate'">
|
|
54635
|
-
Connect Google Analytics 4
|
|
54636
|
-
</h1>
|
|
54637
|
-
</div>
|
|
54638
|
-
</div>
|
|
54639
|
-
</div>
|
|
54640
|
-
</div>
|
|
54641
|
-
</header>
|
|
54642
|
-
|
|
54643
|
-
<!-- Journey Progress Indicator -->
|
|
54644
|
-
<symphiq-journey-progress-indicator
|
|
54645
|
-
[viewMode]="viewMode()"
|
|
54646
|
-
[currentStepId]="JourneyStepIdEnum.CONNECT_GA4"
|
|
54647
|
-
[showNextStepAction]="showNextStepAction()"
|
|
54648
|
-
[forDemo]="forDemo()"
|
|
54649
|
-
[maxAccessibleStepId]="maxAccessibleStepId()"
|
|
54650
|
-
(stepClick)="stepClick.emit($event)"
|
|
54651
|
-
(nextStepClick)="nextStepClick.emit()"
|
|
54652
|
-
/>
|
|
54653
|
-
|
|
54654
|
-
<main class="relative pb-32">
|
|
54655
|
-
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
|
54656
|
-
<!--
|
|
54657
|
-
@if (
|
|
54658
|
-
<div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden mb-8">
|
|
54659
|
-
<div [ngClass]="contentClasses()" class="px-8 py-
|
|
54660
|
-
<div class="flex items-
|
|
54661
|
-
<
|
|
54662
|
-
|
|
54663
|
-
|
|
54664
|
-
|
|
54665
|
-
|
|
54666
|
-
|
|
54667
|
-
|
|
54668
|
-
|
|
54669
|
-
|
|
54670
|
-
|
|
54671
|
-
|
|
54672
|
-
|
|
54673
|
-
|
|
54674
|
-
|
|
54675
|
-
|
|
54676
|
-
|
|
54677
|
-
|
|
54678
|
-
|
|
54679
|
-
|
|
54680
|
-
|
|
54681
|
-
|
|
54682
|
-
|
|
54683
|
-
|
|
54684
|
-
|
|
54685
|
-
|
|
54686
|
-
|
|
54687
|
-
|
|
54688
|
-
<
|
|
54689
|
-
|
|
54690
|
-
|
|
54691
|
-
|
|
54692
|
-
|
|
54693
|
-
|
|
54694
|
-
|
|
54695
|
-
|
|
54696
|
-
|
|
54697
|
-
|
|
54698
|
-
<
|
|
54699
|
-
|
|
54700
|
-
|
|
54701
|
-
|
|
54702
|
-
|
|
54703
|
-
|
|
54704
|
-
|
|
54705
|
-
|
|
54706
|
-
|
|
54707
|
-
|
|
54708
|
-
|
|
54709
|
-
|
|
54710
|
-
|
|
54711
|
-
|
|
54712
|
-
|
|
54713
|
-
|
|
54714
|
-
|
|
54715
|
-
|
|
54716
|
-
|
|
54717
|
-
|
|
54718
|
-
|
|
54719
|
-
<
|
|
54720
|
-
<
|
|
54721
|
-
|
|
54722
|
-
|
|
54723
|
-
|
|
54724
|
-
|
|
54725
|
-
|
|
54726
|
-
|
|
54727
|
-
|
|
54728
|
-
|
|
54729
|
-
|
|
54730
|
-
|
|
54731
|
-
|
|
54732
|
-
|
|
54733
|
-
|
|
54734
|
-
|
|
54735
|
-
<
|
|
54736
|
-
<
|
|
54737
|
-
|
|
54738
|
-
|
|
54739
|
-
|
|
54740
|
-
<
|
|
54741
|
-
|
|
54742
|
-
|
|
54743
|
-
|
|
54744
|
-
|
|
54745
|
-
|
|
54746
|
-
|
|
54747
|
-
|
|
54748
|
-
|
|
54749
|
-
|
|
54750
|
-
|
|
54751
|
-
|
|
54752
|
-
|
|
54753
|
-
|
|
54754
|
-
|
|
54755
|
-
|
|
54756
|
-
|
|
54757
|
-
|
|
54758
|
-
|
|
54759
|
-
|
|
54760
|
-
|
|
54761
|
-
|
|
54762
|
-
|
|
54763
|
-
|
|
54764
|
-
|
|
54765
|
-
|
|
54766
|
-
|
|
54767
|
-
|
|
54768
|
-
|
|
54769
|
-
|
|
54770
|
-
|
|
54771
|
-
|
|
54772
|
-
|
|
54773
|
-
|
|
54774
|
-
|
|
54775
|
-
|
|
54776
|
-
|
|
54777
|
-
|
|
54778
|
-
|
|
54779
|
-
|
|
54780
|
-
|
|
54781
|
-
|
|
54782
|
-
|
|
54783
|
-
|
|
54784
|
-
<
|
|
54785
|
-
|
|
54786
|
-
|
|
54787
|
-
|
|
54788
|
-
|
|
54789
|
-
|
|
54790
|
-
|
|
54791
|
-
|
|
54792
|
-
|
|
54793
|
-
|
|
54794
|
-
|
|
54795
|
-
|
|
54796
|
-
|
|
54797
|
-
|
|
54798
|
-
|
|
54799
|
-
|
|
54800
|
-
|
|
54801
|
-
|
|
54802
|
-
|
|
54803
|
-
|
|
54804
|
-
|
|
54805
|
-
|
|
54806
|
-
|
|
54807
|
-
|
|
54808
|
-
|
|
54809
|
-
|
|
54810
|
-
|
|
54811
|
-
|
|
54812
|
-
|
|
54813
|
-
|
|
54814
|
-
|
|
54815
|
-
|
|
54816
|
-
|
|
54817
|
-
|
|
54818
|
-
|
|
54819
|
-
|
|
54820
|
-
|
|
54821
|
-
|
|
54822
|
-
|
|
54823
|
-
|
|
54824
|
-
|
|
54825
|
-
|
|
54826
|
-
|
|
54827
|
-
|
|
54828
|
-
|
|
54829
|
-
|
|
54830
|
-
|
|
54831
|
-
|
|
54832
|
-
|
|
54833
|
-
|
|
54834
|
-
|
|
54835
|
-
|
|
54836
|
-
|
|
54837
|
-
|
|
54838
|
-
|
|
54839
|
-
|
|
54840
|
-
|
|
54841
|
-
|
|
54842
|
-
|
|
54843
|
-
|
|
54844
|
-
|
|
54845
|
-
|
|
54846
|
-
|
|
54847
|
-
|
|
54848
|
-
|
|
54849
|
-
|
|
54850
|
-
|
|
54851
|
-
|
|
54852
|
-
|
|
54853
|
-
|
|
54854
|
-
|
|
54855
|
-
|
|
54856
|
-
|
|
54857
|
-
|
|
54858
|
-
|
|
54859
|
-
|
|
54860
|
-
|
|
54861
|
-
|
|
54862
|
-
|
|
54863
|
-
|
|
54864
|
-
|
|
54865
|
-
|
|
54866
|
-
|
|
54867
|
-
|
|
54868
|
-
<
|
|
54869
|
-
|
|
54870
|
-
|
|
54871
|
-
|
|
54872
|
-
|
|
54873
|
-
|
|
54874
|
-
|
|
54875
|
-
|
|
54876
|
-
|
|
54877
|
-
|
|
54878
|
-
|
|
54879
|
-
|
|
54880
|
-
|
|
54881
|
-
|
|
54882
|
-
|
|
54883
|
-
|
|
54884
|
-
|
|
54885
|
-
|
|
54886
|
-
|
|
54887
|
-
|
|
54888
|
-
|
|
54889
|
-
|
|
54890
|
-
|
|
54891
|
-
|
|
54892
|
-
|
|
54893
|
-
|
|
54894
|
-
|
|
54895
|
-
|
|
54896
|
-
|
|
54897
|
-
|
|
54898
|
-
|
|
54899
|
-
|
|
54900
|
-
|
|
54901
|
-
|
|
54902
|
-
|
|
54903
|
-
|
|
54904
|
-
|
|
54905
|
-
|
|
54906
|
-
|
|
54907
|
-
|
|
54908
|
-
|
|
54909
|
-
|
|
54910
|
-
|
|
54911
|
-
|
|
54912
|
-
|
|
54913
|
-
|
|
54914
|
-
[ngClass]="
|
|
54915
|
-
|
|
54916
|
-
|
|
54917
|
-
|
|
54918
|
-
|
|
54919
|
-
|
|
54920
|
-
|
|
54921
|
-
|
|
54922
|
-
|
|
54923
|
-
|
|
54924
|
-
|
|
54925
|
-
|
|
54926
|
-
|
|
54927
|
-
|
|
54928
|
-
|
|
54929
|
-
|
|
54930
|
-
|
|
54931
|
-
|
|
54932
|
-
|
|
54933
|
-
|
|
54934
|
-
|
|
54935
|
-
|
|
54936
|
-
|
|
54937
|
-
|
|
54938
|
-
|
|
54939
|
-
|
|
54940
|
-
|
|
54941
|
-
|
|
54942
|
-
|
|
54943
|
-
|
|
54944
|
-
|
|
54945
|
-
|
|
54946
|
-
|
|
54947
|
-
|
|
54948
|
-
|
|
54949
|
-
|
|
54950
|
-
|
|
54951
|
-
|
|
54952
|
-
|
|
54953
|
-
|
|
54954
|
-
|
|
54955
|
-
|
|
54956
|
-
|
|
54957
|
-
|
|
54958
|
-
|
|
54959
|
-
|
|
54960
|
-
|
|
54961
|
-
|
|
54962
|
-
|
|
54963
|
-
|
|
54964
|
-
|
|
54965
|
-
|
|
54644
|
+
}, template: `
|
|
54645
|
+
<div [ngClass]="getContainerClasses()">
|
|
54646
|
+
<div class="animated-bubbles" [class.light-mode]="isLightMode()" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
|
|
54647
|
+
|
|
54648
|
+
<div class="relative z-[51]">
|
|
54649
|
+
<header [ngClass]="getHeaderClasses()" class="sticky top-0 z-50">
|
|
54650
|
+
<!-- Expanded Header -->
|
|
54651
|
+
<div
|
|
54652
|
+
class="transition-all duration-300 ease-in-out overflow-hidden"
|
|
54653
|
+
[class.max-h-0]="headerScrollService.isScrolled()"
|
|
54654
|
+
[class.opacity-0]="headerScrollService.isScrolled()"
|
|
54655
|
+
[class.max-h-96]="!headerScrollService.isScrolled()"
|
|
54656
|
+
[class.opacity-100]="!headerScrollService.isScrolled()">
|
|
54657
|
+
<div
|
|
54658
|
+
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"
|
|
54659
|
+
[class.pointer-events-none]="headerScrollService.isScrolled()"
|
|
54660
|
+
[class.pointer-events-auto]="!headerScrollService.isScrolled()">
|
|
54661
|
+
<div class="flex items-center justify-between">
|
|
54662
|
+
<div>
|
|
54663
|
+
<h1 [ngClass]="getMainTitleClasses()">
|
|
54664
|
+
Connect Google Analytics 4
|
|
54665
|
+
</h1>
|
|
54666
|
+
<p [ngClass]="getSubtitleClasses()">
|
|
54667
|
+
Link your analytics data
|
|
54668
|
+
</p>
|
|
54669
|
+
</div>
|
|
54670
|
+
</div>
|
|
54671
|
+
</div>
|
|
54672
|
+
</div>
|
|
54673
|
+
|
|
54674
|
+
<!-- Condensed Header -->
|
|
54675
|
+
<div
|
|
54676
|
+
class="transition-all duration-300 ease-in-out overflow-hidden"
|
|
54677
|
+
[class.max-h-0]="!headerScrollService.isScrolled()"
|
|
54678
|
+
[class.opacity-0]="!headerScrollService.isScrolled()"
|
|
54679
|
+
[class.max-h-20]="headerScrollService.isScrolled()"
|
|
54680
|
+
[class.opacity-100]="headerScrollService.isScrolled()">
|
|
54681
|
+
<div
|
|
54682
|
+
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-3"
|
|
54683
|
+
[class.pointer-events-none]="!headerScrollService.isScrolled()"
|
|
54684
|
+
[class.pointer-events-auto]="headerScrollService.isScrolled()">
|
|
54685
|
+
<div class="flex items-center justify-between">
|
|
54686
|
+
<div class="flex-1 min-w-0 mr-4">
|
|
54687
|
+
<h1 [ngClass]="isLightMode() ? 'text-xl font-bold bg-gradient-to-r from-blue-600 to-cyan-600 bg-clip-text text-transparent truncate' : 'text-xl font-bold bg-gradient-to-r from-blue-400 to-cyan-400 bg-clip-text text-transparent truncate'">
|
|
54688
|
+
Connect Google Analytics 4
|
|
54689
|
+
</h1>
|
|
54690
|
+
</div>
|
|
54691
|
+
</div>
|
|
54692
|
+
</div>
|
|
54693
|
+
</div>
|
|
54694
|
+
</header>
|
|
54695
|
+
|
|
54696
|
+
<!-- Journey Progress Indicator -->
|
|
54697
|
+
<symphiq-journey-progress-indicator
|
|
54698
|
+
[viewMode]="viewMode()"
|
|
54699
|
+
[currentStepId]="JourneyStepIdEnum.CONNECT_GA4"
|
|
54700
|
+
[showNextStepAction]="showNextStepAction()"
|
|
54701
|
+
[forDemo]="forDemo()"
|
|
54702
|
+
[maxAccessibleStepId]="maxAccessibleStepId()"
|
|
54703
|
+
(stepClick)="stepClick.emit($event)"
|
|
54704
|
+
(nextStepClick)="nextStepClick.emit()"
|
|
54705
|
+
/>
|
|
54706
|
+
|
|
54707
|
+
<main class="relative pb-32">
|
|
54708
|
+
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
|
54709
|
+
<!-- Connecting to Google State -->
|
|
54710
|
+
@if (isConnectingToGoogle()) {
|
|
54711
|
+
<div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden mb-8">
|
|
54712
|
+
<div [ngClass]="contentClasses()" class="px-8 py-16">
|
|
54713
|
+
<div class="flex flex-col items-center justify-center text-center">
|
|
54714
|
+
<symphiq-indeterminate-spinner
|
|
54715
|
+
[viewMode]="viewMode()"
|
|
54716
|
+
size="large"
|
|
54717
|
+
/>
|
|
54718
|
+
<h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold mt-8 mb-4">
|
|
54719
|
+
Connecting to Google
|
|
54720
|
+
</h2>
|
|
54721
|
+
<p [ngClass]="textClasses()" class="text-base leading-relaxed max-w-md">
|
|
54722
|
+
Please complete the sign-in process in the popup window. Once authorized, your Google Analytics properties will appear here.
|
|
54723
|
+
</p>
|
|
54724
|
+
</div>
|
|
54725
|
+
</div>
|
|
54726
|
+
</div>
|
|
54727
|
+
}
|
|
54728
|
+
|
|
54729
|
+
<!-- Connect to Google State -->
|
|
54730
|
+
@if (isConnectState() && !isConnectingToGoogle()) {
|
|
54731
|
+
<div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden mb-8">
|
|
54732
|
+
<div [ngClass]="contentClasses()" class="px-8 py-8">
|
|
54733
|
+
<div class="flex items-start gap-6">
|
|
54734
|
+
<div [ngClass]="iconContainerClasses()" class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center">
|
|
54735
|
+
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
54736
|
+
<path 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"></path>
|
|
54737
|
+
</svg>
|
|
54738
|
+
</div>
|
|
54739
|
+
|
|
54740
|
+
<div class="flex-1">
|
|
54741
|
+
<div class="flex items-start justify-between gap-4 mb-4">
|
|
54742
|
+
<h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold">
|
|
54743
|
+
@if (isReconnecting()) {
|
|
54744
|
+
Change Google Account
|
|
54745
|
+
} @else {
|
|
54746
|
+
Connect Google Analytics 4
|
|
54747
|
+
}
|
|
54748
|
+
</h2>
|
|
54749
|
+
|
|
54750
|
+
@if (isReconnecting()) {
|
|
54751
|
+
<button
|
|
54752
|
+
type="button"
|
|
54753
|
+
(click)="cancelReconnectMode()"
|
|
54754
|
+
[ngClass]="headerCancelButtonClasses()"
|
|
54755
|
+
class="px-4 py-2 rounded-lg font-semibold text-sm transition-all duration-200 hover:scale-105 cursor-pointer flex-shrink-0">
|
|
54756
|
+
Cancel
|
|
54757
|
+
</button>
|
|
54758
|
+
}
|
|
54759
|
+
</div>
|
|
54760
|
+
|
|
54761
|
+
<p [ngClass]="textClasses()" class="text-base leading-relaxed mb-6">
|
|
54762
|
+
@if (isReconnecting()) {
|
|
54763
|
+
Sign in with a different Google account to access other Google Analytics properties.
|
|
54764
|
+
} @else {
|
|
54765
|
+
Integrating Google Analytics is essential. We use it to pull the majority of your data in a read-only format, ensuring no changes are made to your analytics. Please make sure you have access to the Google Analytics property associated with this shop to ensure proper integration.
|
|
54766
|
+
}
|
|
54767
|
+
</p>
|
|
54768
|
+
|
|
54769
|
+
<div class="mb-6">
|
|
54770
|
+
<button type="button" class="gsi-material-button" (click)="googleButtonClick.emit()">
|
|
54771
|
+
<div class="gsi-material-button-state"></div>
|
|
54772
|
+
<div class="gsi-material-button-content-wrapper">
|
|
54773
|
+
<div class="gsi-material-button-icon">
|
|
54774
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: block;">
|
|
54775
|
+
<path 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"></path>
|
|
54776
|
+
<path 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"></path>
|
|
54777
|
+
<path 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"></path>
|
|
54778
|
+
<path 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"></path>
|
|
54779
|
+
<path fill="none" d="M0 0h48v48H0z"></path>
|
|
54780
|
+
</svg>
|
|
54781
|
+
</div>
|
|
54782
|
+
<span class="gsi-material-button-contents">Continue with Google</span>
|
|
54783
|
+
</div>
|
|
54784
|
+
</button>
|
|
54785
|
+
</div>
|
|
54786
|
+
|
|
54787
|
+
<div [ngClass]="noteBoxClasses()" class="p-4 rounded-lg border flex items-start gap-3">
|
|
54788
|
+
<svg class="w-5 h-5 flex-shrink-0 mt-0.5" [ngClass]="noteIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
54789
|
+
<path 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"></path>
|
|
54790
|
+
</svg>
|
|
54791
|
+
<div class="flex-1">
|
|
54792
|
+
<p [ngClass]="noteTextClasses()" class="text-sm leading-relaxed">
|
|
54793
|
+
<strong class="font-semibold">Note:</strong> When you click "Continue with Google", you'll be asked to sign in to your Google account and select the Analytics property associated with your shop.
|
|
54794
|
+
</p>
|
|
54795
|
+
</div>
|
|
54796
|
+
</div>
|
|
54797
|
+
|
|
54798
|
+
<div [ngClass]="expandableCardClasses()" class="mt-6 rounded-lg border overflow-hidden">
|
|
54799
|
+
<div (click)="toggleExpanded()" [ngClass]="expandableHeaderClasses()" class="px-4 py-4 cursor-pointer flex items-center justify-between gap-3 transition-colors duration-200">
|
|
54800
|
+
<span [ngClass]="expandableHeaderTextClasses()" class="text-base font-semibold">
|
|
54801
|
+
How do we use your Google Analytics data?
|
|
54802
|
+
</span>
|
|
54803
|
+
<svg [ngClass]="chevronClasses()" class="w-5 h-5 flex-shrink-0 transition-transform duration-300" [class.rotate-180]="isExpanded()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
54804
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
|
|
54805
|
+
</svg>
|
|
54806
|
+
</div>
|
|
54807
|
+
|
|
54808
|
+
<div class="transition-all duration-300 ease-in-out overflow-hidden" [class.max-h-0]="!isExpanded()" [class.opacity-0]="!isExpanded()" [class.max-h-[1000px]]="isExpanded()" [class.opacity-100]="isExpanded()">
|
|
54809
|
+
<div [ngClass]="expandedContentClasses()" class="px-4 pb-4 pt-2">
|
|
54810
|
+
<p [ngClass]="expandedTextClasses()" class="text-sm leading-relaxed mb-4">
|
|
54811
|
+
We request access to your Google Analytics data to aggregate this information into funnel stages and display trends within our application. This allows us to provide you with a clear overview of your web performance. By analyzing the data, we can map out recommendations, measure the impact of your current strategies, and suggest actionable next steps for improvement.
|
|
54812
|
+
</p>
|
|
54813
|
+
<p [ngClass]="expandedTextClasses()" class="text-sm leading-relaxed">
|
|
54814
|
+
Symphiq's use and transfer to any other app of information received from Google APIs will adhere to <strong class="font-bold">Google API Services User Data Policy</strong> including the Limited Use requirements.
|
|
54815
|
+
</p>
|
|
54816
|
+
</div>
|
|
54817
|
+
</div>
|
|
54818
|
+
</div>
|
|
54819
|
+
</div>
|
|
54820
|
+
</div>
|
|
54821
|
+
</div>
|
|
54822
|
+
</div>
|
|
54823
|
+
}
|
|
54824
|
+
|
|
54825
|
+
<!-- Property Selection State -->
|
|
54826
|
+
@if (isSelectionState() && !isConnectingToGoogle()) {
|
|
54827
|
+
<div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden mb-8">
|
|
54828
|
+
<div [ngClass]="contentClasses()" class="px-8 py-8">
|
|
54829
|
+
<div class="flex items-start gap-6">
|
|
54830
|
+
<div [ngClass]="iconContainerClasses()" class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center">
|
|
54831
|
+
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
54832
|
+
<path 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"></path>
|
|
54833
|
+
</svg>
|
|
54834
|
+
</div>
|
|
54835
|
+
|
|
54836
|
+
<div class="flex-1">
|
|
54837
|
+
<div class="flex items-start justify-between gap-4 mb-4">
|
|
54838
|
+
<h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold">
|
|
54839
|
+
@if (isEditingProperty()) {
|
|
54840
|
+
Change Google Analytics Property
|
|
54841
|
+
} @else {
|
|
54842
|
+
Choose Your Property
|
|
54843
|
+
}
|
|
54844
|
+
</h2>
|
|
54845
|
+
|
|
54846
|
+
@if (isEditingProperty()) {
|
|
54847
|
+
<button
|
|
54848
|
+
type="button"
|
|
54849
|
+
(click)="cancelEditMode()"
|
|
54850
|
+
[ngClass]="headerCancelButtonClasses()"
|
|
54851
|
+
class="px-4 py-2 rounded-lg font-semibold text-sm transition-all duration-200 hover:scale-105 cursor-pointer flex-shrink-0">
|
|
54852
|
+
Cancel
|
|
54853
|
+
</button>
|
|
54854
|
+
}
|
|
54855
|
+
</div>
|
|
54856
|
+
|
|
54857
|
+
<p [ngClass]="textClasses()" class="text-base leading-relaxed mb-6">
|
|
54858
|
+
Please choose the Google Analytics property you'd like to link to your shop.
|
|
54859
|
+
</p>
|
|
54860
|
+
|
|
54861
|
+
@if (sortedGaProperties() && sortedGaProperties()!.length > 0) {
|
|
54862
|
+
<div class="space-y-3" role="radiogroup" aria-label="Google Analytics Properties">
|
|
54863
|
+
@for (property of sortedGaProperties(); track property.id) {
|
|
54864
|
+
<label
|
|
54865
|
+
[ngClass]="propertyCardClasses(property.id!)"
|
|
54866
|
+
class="block"
|
|
54867
|
+
(click)="selectProperty(property.id!)"
|
|
54868
|
+
(keydown.enter)="selectProperty(property.id!)"
|
|
54869
|
+
(keydown.space)="selectProperty(property.id!); $event.preventDefault()"
|
|
54870
|
+
tabindex="0"
|
|
54871
|
+
role="radio"
|
|
54872
|
+
[attr.aria-checked]="isEditingProperty() ? (currentEditingPropertyId() === property.id) : (selectedGaPropertyId() ? (selectedGaPropertyId() === property.id) : (currentSelectingPropertyId() === property.id))">
|
|
54873
|
+
<div class="flex items-center gap-4 p-4">
|
|
54874
|
+
<div [ngClass]="radioIndicatorClasses(property.id!)" class="w-5 h-5 rounded-full border-2 flex items-center justify-center flex-shrink-0">
|
|
54875
|
+
@if (isEditingProperty() ? (currentEditingPropertyId() === property.id) : (selectedGaPropertyId() ? (selectedGaPropertyId() === property.id) : (currentSelectingPropertyId() === property.id))) {
|
|
54876
|
+
<div class="w-3 h-3 rounded-full bg-current"></div>
|
|
54877
|
+
}
|
|
54878
|
+
</div>
|
|
54879
|
+
|
|
54880
|
+
<div class="flex-1 min-w-0">
|
|
54881
|
+
<div class="flex items-center gap-2 mb-1">
|
|
54882
|
+
<svg class="w-5 h-5 flex-shrink-0" [ngClass]="noteIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
54883
|
+
<path 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"></path>
|
|
54884
|
+
</svg>
|
|
54885
|
+
<div [ngClass]="propertyNameClasses()" class="truncate">
|
|
54886
|
+
{{ property.name || 'Unnamed Property' }}
|
|
54887
|
+
</div>
|
|
54888
|
+
</div>
|
|
54889
|
+
|
|
54890
|
+
@if (property.gaAccountId) {
|
|
54891
|
+
@if (getAccountForProperty(property); as account) {
|
|
54892
|
+
<div class="flex items-center gap-2 mt-1">
|
|
54893
|
+
<svg class="w-4 h-4 flex-shrink-0" [ngClass]="accountNameClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
54894
|
+
<path 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"></path>
|
|
54895
|
+
</svg>
|
|
54896
|
+
<span [ngClass]="accountNameClasses()" class="truncate">
|
|
54897
|
+
Account: {{ account.name || 'Unnamed Account' }}
|
|
54898
|
+
</span>
|
|
54899
|
+
</div>
|
|
54900
|
+
}
|
|
54901
|
+
}
|
|
54902
|
+
</div>
|
|
54903
|
+
</div>
|
|
54904
|
+
</label>
|
|
54905
|
+
}
|
|
54906
|
+
</div>
|
|
54907
|
+
|
|
54908
|
+
<!-- Divider and Use Different Google Account Button -->
|
|
54909
|
+
<div [ngClass]="dividerClasses()" class="my-6 border-t"></div>
|
|
54910
|
+
<button
|
|
54911
|
+
type="button"
|
|
54912
|
+
(click)="useDifferentGoogleAccount()"
|
|
54913
|
+
[ngClass]="useDifferentAccountButtonClasses()"
|
|
54914
|
+
class="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">
|
|
54915
|
+
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
54916
|
+
<path 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"/>
|
|
54917
|
+
</svg>
|
|
54918
|
+
Use Different Google Account
|
|
54919
|
+
</button>
|
|
54920
|
+
} @else {
|
|
54921
|
+
<div class="text-center py-8">
|
|
54922
|
+
<p [ngClass]="emptyStateTextClasses()" class="text-base">
|
|
54923
|
+
No properties found. Please connect your Google Analytics account.
|
|
54924
|
+
</p>
|
|
54925
|
+
</div>
|
|
54926
|
+
}
|
|
54927
|
+
</div>
|
|
54928
|
+
</div>
|
|
54929
|
+
</div>
|
|
54930
|
+
</div>
|
|
54931
|
+
}
|
|
54932
|
+
|
|
54933
|
+
<!-- Selected Property State -->
|
|
54934
|
+
@if (isSelectedState() && !isConnectingToGoogle()) {
|
|
54935
|
+
<div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden mb-8">
|
|
54936
|
+
<div [ngClass]="contentClasses()" class="px-8 py-8">
|
|
54937
|
+
<div class="flex items-start gap-6">
|
|
54938
|
+
<div [ngClass]="iconContainerClasses()" class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center">
|
|
54939
|
+
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
54940
|
+
<path 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"></path>
|
|
54941
|
+
</svg>
|
|
54942
|
+
</div>
|
|
54943
|
+
|
|
54944
|
+
<div class="flex-1">
|
|
54945
|
+
<div class="flex items-start justify-between mb-6">
|
|
54946
|
+
<div>
|
|
54947
|
+
<h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold mb-2">
|
|
54948
|
+
Connected to Google Analytics
|
|
54949
|
+
</h2>
|
|
54950
|
+
<p [ngClass]="textClasses()" class="text-base">
|
|
54951
|
+
Your analytics data is linked
|
|
54952
|
+
</p>
|
|
54953
|
+
</div>
|
|
54954
|
+
<button
|
|
54955
|
+
type="button"
|
|
54956
|
+
(click)="enableEditMode()"
|
|
54957
|
+
[ngClass]="editButtonClasses()"
|
|
54958
|
+
class="px-4 py-2 rounded-lg font-medium text-sm transition-all duration-200 hover:scale-105 flex items-center gap-2 cursor-pointer">
|
|
54959
|
+
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
54960
|
+
<path 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"/>
|
|
54961
|
+
</svg>
|
|
54962
|
+
Edit
|
|
54963
|
+
</button>
|
|
54964
|
+
</div>
|
|
54965
|
+
|
|
54966
|
+
@if (selectedProperty(); as property) {
|
|
54967
|
+
<div [ngClass]="selectedPropertyCardClasses()" class="rounded-xl border-2 p-6 mb-6">
|
|
54968
|
+
<div class="flex items-start gap-3 mb-4">
|
|
54969
|
+
<div [ngClass]="statusBadgeClasses()" class="px-3 py-1 rounded-full text-xs font-semibold border">
|
|
54970
|
+
Connected
|
|
54971
|
+
</div>
|
|
54972
|
+
</div>
|
|
54973
|
+
|
|
54974
|
+
<div class="flex items-center gap-3 mb-3">
|
|
54975
|
+
<svg class="w-6 h-6 flex-shrink-0" [ngClass]="noteIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
54976
|
+
<path 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"></path>
|
|
54977
|
+
</svg>
|
|
54978
|
+
<div>
|
|
54979
|
+
<div [ngClass]="propertyNameClasses()" class="text-lg">
|
|
54980
|
+
{{ property.name || 'Unnamed Property' }}
|
|
54981
|
+
</div>
|
|
54982
|
+
@if (selectedPropertyAccount(); as account) {
|
|
54983
|
+
<div class="flex items-center gap-2 mt-1">
|
|
54984
|
+
<svg class="w-4 h-4 flex-shrink-0" [ngClass]="accountNameClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
54985
|
+
<path 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"></path>
|
|
54986
|
+
</svg>
|
|
54987
|
+
<span [ngClass]="accountNameClasses()">
|
|
54988
|
+
{{ account.name || 'Unnamed Account' }}
|
|
54989
|
+
</span>
|
|
54990
|
+
</div>
|
|
54991
|
+
}
|
|
54992
|
+
</div>
|
|
54993
|
+
</div>
|
|
54994
|
+
</div>
|
|
54995
|
+
}
|
|
54996
|
+
|
|
54997
|
+
<button
|
|
54998
|
+
type="button"
|
|
54999
|
+
(click)="reconnectWithDifferentAccount()"
|
|
55000
|
+
[ngClass]="reconnectButtonClasses()"
|
|
55001
|
+
class="px-4 py-2 rounded-lg font-medium text-sm transition-all duration-200 flex items-center gap-2 cursor-pointer">
|
|
55002
|
+
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
55003
|
+
<path 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"/>
|
|
55004
|
+
</svg>
|
|
55005
|
+
Use Different Google Account
|
|
55006
|
+
</button>
|
|
55007
|
+
</div>
|
|
55008
|
+
</div>
|
|
55009
|
+
</div>
|
|
55010
|
+
</div>
|
|
55011
|
+
}
|
|
55012
|
+
</div>
|
|
55013
|
+
|
|
55014
|
+
<!-- Sticky Bottom Action Bar (Selection or Edit Mode) -->
|
|
55015
|
+
@if (showSubmitButton()) {
|
|
55016
|
+
<div [ngClass]="stickyButtonContainerClasses()" class="fixed bottom-0 left-0 right-0 z-50 border-t backdrop-blur-sm">
|
|
55017
|
+
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
|
|
55018
|
+
<div class="flex items-center gap-3">
|
|
55019
|
+
@if (isEditingProperty()) {
|
|
55020
|
+
<button
|
|
55021
|
+
type="button"
|
|
55022
|
+
(click)="cancelEditMode()"
|
|
55023
|
+
[ngClass]="cancelButtonClasses()"
|
|
55024
|
+
class="flex-1 sm:flex-none px-6 py-4 rounded-xl font-bold text-base transition-all duration-200 hover:scale-105 cursor-pointer">
|
|
55025
|
+
Cancel
|
|
55026
|
+
</button>
|
|
55027
|
+
<button
|
|
55028
|
+
type="button"
|
|
55029
|
+
(click)="submitPropertyChange()"
|
|
55030
|
+
[disabled]="!hasPropertyChanged()"
|
|
55031
|
+
[ngClass]="submitButtonClasses()"
|
|
55032
|
+
class="flex-1 px-6 py-4 rounded-xl font-bold text-base transition-all duration-200 hover:scale-105 cursor-pointer">
|
|
55033
|
+
Submit
|
|
55034
|
+
</button>
|
|
55035
|
+
} @else {
|
|
55036
|
+
<button
|
|
55037
|
+
type="button"
|
|
55038
|
+
(click)="submitPropertySelection()"
|
|
55039
|
+
[disabled]="!hasPropertySelected()"
|
|
55040
|
+
[ngClass]="submitButtonClasses()"
|
|
55041
|
+
class="flex-1 px-6 py-4 rounded-xl font-bold text-base transition-all duration-200 hover:scale-105 cursor-pointer">
|
|
55042
|
+
Continue
|
|
55043
|
+
</button>
|
|
55044
|
+
}
|
|
55045
|
+
</div>
|
|
55046
|
+
</div>
|
|
55047
|
+
</div>
|
|
55048
|
+
}
|
|
55049
|
+
</main>
|
|
55050
|
+
</div>
|
|
55051
|
+
</div>
|
|
54966
55052
|
`, styles: [":host{display:block}.animated-bubbles{overflow:hidden}.animated-bubbles:before,.animated-bubbles:after{content:\"\";position:absolute;border-radius:50%;animation:float 20s infinite ease-in-out;opacity:.05}.animated-bubbles:before{width:600px;height:600px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:-300px;left:-300px;animation-delay:-5s}.animated-bubbles:after{width:800px;height:800px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);bottom:-400px;right:-400px;animation-delay:-10s}.animated-bubbles.light-mode:before,.animated-bubbles.light-mode:after{opacity:.03}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}:host.light .gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content}:host.light .gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}:host.light .gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}:host.light .gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}:host.light .gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}:host.light .gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}:host.light .gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}:host.light .gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}:host.light .gsi-material-button:not(:disabled):active .gsi-material-button-state,:host.light .gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}:host.light .gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}:host.light .gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}:host.dark .gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#131314;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#e3e3e3;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content;border-color:#8e918f}:host.dark .gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}:host.dark .gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}:host.dark .gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}:host.dark .gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}:host.dark .gsi-material-button:disabled{cursor:default;background-color:#13131461;border-color:#8e918f1f}:host.dark .gsi-material-button:disabled .gsi-material-button-state{background-color:#e3e3e31f}:host.dark .gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}:host.dark .gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}:host.dark .gsi-material-button:not(:disabled):active .gsi-material-button-state,:host.dark .gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#fff;opacity:12%}:host.dark .gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}:host.dark .gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#fff;opacity:8%}\n"] }]
|
|
54967
|
-
}], () => [], { embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], parentHeaderOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentHeaderOffset", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], showNextStepAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNextStepAction", required: false }] }], gaProperties: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaProperties", required: false }] }], gaAccounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaAccounts", required: false }] }], selectedGaPropertyId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedGaPropertyId", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], googleButtonClick: [{ type: i0.Output, args: ["googleButtonClick"] }], onPropertySelect: [{ type: i0.Output, args: ["onPropertySelect"] }], onPropertyChange: [{ type: i0.Output, args: ["onPropertyChange"] }], onScroll: [{
|
|
55053
|
+
}], () => [], { embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], parentHeaderOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentHeaderOffset", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], showNextStepAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNextStepAction", required: false }] }], gaProperties: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaProperties", required: false }] }], gaAccounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaAccounts", required: false }] }], selectedGaPropertyId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedGaPropertyId", required: false }] }], isConnectingToGoogle: [{ type: i0.Input, args: [{ isSignal: true, alias: "isConnectingToGoogle", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], googleButtonClick: [{ type: i0.Output, args: ["googleButtonClick"] }], onPropertySelect: [{ type: i0.Output, args: ["onPropertySelect"] }], onPropertyChange: [{ type: i0.Output, args: ["onPropertyChange"] }], onScroll: [{
|
|
54968
55054
|
type: HostListener,
|
|
54969
55055
|
args: ['window:scroll', ['$event']]
|
|
54970
55056
|
}] }); })();
|
|
54971
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqConnectGaDashboardComponent, { className: "SymphiqConnectGaDashboardComponent", filePath: "lib/components/connect-ga-dashboard/symphiq-connect-ga-dashboard.component.ts", lineNumber:
|
|
55057
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqConnectGaDashboardComponent, { className: "SymphiqConnectGaDashboardComponent", filePath: "lib/components/connect-ga-dashboard/symphiq-connect-ga-dashboard.component.ts", lineNumber: 708 }); })();
|
|
54972
55058
|
|
|
54973
55059
|
class RevenueCalculatorWelcomeBannerComponent {
|
|
54974
55060
|
constructor() {
|