@eric-emg/symphiq-components 1.3.16 → 1.3.18

package/fesm2022/symphiq-components.mjs

@@ -55044,7 +55044,7 @@ class ConnectGaWelcomeBannerComponent {
             : 'text-slate-700';
     }
     static { this.ɵfac = function ConnectGaWelcomeBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConnectGaWelcomeBannerComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConnectGaWelcomeBannerComponent, selectors: [["symphiq-connect-ga-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], isOnboarded: [1, "isOnboarded"] }, decls: 22, vars: 12, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 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, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "connect-ga4", 3, "viewMode"], [1, "mt-6", "block", 3, "viewMode", "items"], ["title", "What Happens Next", "onboardedTitle", "Manage Your Connection", "description", "After connecting GA4, you'll set revenue targets that define your growth goals. Symphiq will then analyze your funnel performance against these targets to deliver precise, actionable recommendations.", "onboardedDescription", "Your GA4 connection remains active, continuously syncing your latest performance data. You can change your connected property or Google account at any time if your analytics setup evolves.", 1, "mt-6", "block", 3, "viewMode", "isOnboarded"]], template: function ConnectGaWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConnectGaWelcomeBannerComponent, selectors: [["symphiq-connect-ga-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], isOnboarded: [1, "isOnboarded"] }, decls: 21, vars: 12, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 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, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-6", "mb-6"], [1, "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], ["currentStepId", "connect-ga4", 1, "block", "max-w-sm", 3, "viewMode"], [1, "mt-6", "block", 3, "viewMode", "items"], ["title", "What Happens Next", "onboardedTitle", "Manage Your Connection", "description", "After connecting GA4, you'll set revenue targets that define your growth goals. Symphiq will then analyze your funnel performance against these targets to deliver precise, actionable recommendations.", "onboardedDescription", "Your GA4 connection remains active, continuously syncing your latest performance data. You can change your connected property or Google account at any time if your analytics setup evolves.", 1, "mt-6", "block", 3, "viewMode", "isOnboarded"]], template: function ConnectGaWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
             i0.ɵɵnamespaceSVG();
             i0.ɵɵelementStart(4, "svg", 4);
@@ -55062,10 +55062,9 @@ class ConnectGaWelcomeBannerComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵtext(17, " Your GA4 data reveals how visitors interact with your site\u2014from initial page views through purchases. Combined with your business context, this data enables Symphiq to identify specific opportunities and provide actionable, data-driven recommendations. ");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(18, "div", 12);
-            i0.ɵɵelement(19, "symphiq-confidence-level-card", 13);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelement(20, "symphiq-what-youll-see-below", 14)(21, "symphiq-continue-your-journey", 15);
+            i0.ɵɵelement(18, "symphiq-confidence-level-card", 12);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(19, "symphiq-what-youll-see-below", 13)(20, "symphiq-continue-your-journey", 14);
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -55081,7 +55080,7 @@ class ConnectGaWelcomeBannerComponent {
             i0.ɵɵproperty("ngClass", ctx.textClasses());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.textClasses());
-            i0.ɵɵadvance(5);
+            i0.ɵɵadvance(4);
             i0.ɵɵproperty("viewMode", ctx.viewMode());
             i0.ɵɵadvance();
             i0.ɵɵproperty("viewMode", ctx.viewMode())("items", ctx.whatYoullSeeBelowItems);
@@ -55115,8 +55114,8 @@ class ConnectGaWelcomeBannerComponent {
               }
             </h2>
 
-            <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
-              <div class="lg:col-span-2 space-y-3">
+            <div class="space-y-6 mb-6">
+              <div class="space-y-3">
                 <p [ngClass]="textClasses()" class="text-base leading-relaxed">
                   Connecting Google Analytics 4 enables Symphiq to access your performance data in read-only mode. This integration provides the quantitative foundation that powers all of Symphiq's insights and recommendations.
                 </p>
@@ -55125,12 +55124,11 @@ class ConnectGaWelcomeBannerComponent {
                 </p>
               </div>
 
-              <div class="lg:col-span-1">
-                <symphiq-confidence-level-card
-                  [viewMode]="viewMode()"
-                  currentStepId="connect-ga4"
-                />
-              </div>
+              <symphiq-confidence-level-card
+                class="block max-w-sm"
+                [viewMode]="viewMode()"
+                currentStepId="connect-ga4"
+              />
             </div>
 
             <symphiq-what-youll-see-below
@@ -55155,7 +55153,7 @@ class ConnectGaWelcomeBannerComponent {
   `
             }]
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConnectGaWelcomeBannerComponent, { className: "ConnectGaWelcomeBannerComponent", filePath: "lib/components/connect-ga-dashboard/connect-ga-welcome-banner.component.ts", lineNumber: 71 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConnectGaWelcomeBannerComponent, { className: "ConnectGaWelcomeBannerComponent", filePath: "lib/components/connect-ga-dashboard/connect-ga-welcome-banner.component.ts", lineNumber: 70 }); })();
 
 const _forTrack0$D = ($index, $item) => $item.property.id;
 function SymphiqConnectGaDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
@@ -95039,7 +95037,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isSimplifiedView() && !ctx.isLoading() && (ctx.isSubscriptionActive() || ctx.isMetricAnalysis()) ? 7 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isSimplifiedView() && ctx.isLoading() ? 8 : -1);
+            i0.ɵɵconditional(ctx.isSimplifiedView() && ctx.isLoading() && (ctx.isSubscriptionActive() || ctx.isMetricAnalysis()) ? 8 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isSimplifiedView() ? 9 : -1);
             i0.ɵɵadvance();
@@ -95160,7 +95158,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
           }
 
           <!-- Loading Card -->
-          @if (isSimplifiedView() && isLoading()) {
+          @if (isSimplifiedView() && isLoading() && (isSubscriptionActive() || isMetricAnalysis())) {
               <symphiq-loading-card
                   [viewMode]="viewMode()"
                   title="Loading Your Shop Profile Analysis"