@kiva/kv-components 6.47.0 → 6.48.0

package/dist/vue/KvWwwHeader/LendMenu/KvLendMegaMenu.js

@@ -1,19 +1,19 @@
 import { mdiArrowRight as N, mdiChevronLeft as T } from "@mdi/js";
-import { ref as L, computed as k, resolveComponent as u, resolveDirective as R, openBlock as n, createElementBlock as s, createElementVNode as t, normalizeStyle as A, createVNode as w, withCtx as K, Fragment as c, renderList as v, withDirectives as d, createTextVNode as m, toDisplayString as x, createCommentVNode as C, normalizeClass as O } from "vue";
-import I from "../../KvLoadingPlaceholder.js";
-import M from "../../KvGrid.js";
-import B from "../../KvMaterialIcon.js";
-import V from "./KvLendMenuCountryList.js";
-import D from "./KvLendMenuSearchList.js";
+import { ref as C, computed as y, resolveComponent as u, resolveDirective as M, openBlock as n, createElementBlock as s, createElementVNode as t, normalizeStyle as R, withDirectives as c, createTextVNode as d, createVNode as m, createCommentVNode as x, withCtx as A, Fragment as w, renderList as v, toDisplayString as S, normalizeClass as K } from "vue";
+import O from "../../KvLoadingPlaceholder.js";
+import B from "../../KvGrid.js";
+import I from "../../KvMaterialIcon.js";
+import G from "./KvLendMenuCountryList.js";
+import V from "./KvLendMenuSearchList.js";
 import "./KvLendMegaMenu.css";
-import F from "../../../_virtual/_plugin-vue_export-helper.js";
-const z = {
+import D from "../../../_virtual/_plugin-vue_export-helper.js";
+const F = {
   components: {
-    KvGrid: M,
-    KvLendMenuCountryList: V,
-    KvLendMenuSearchList: D,
-    KvLoadingPlaceholder: I,
-    KvMaterialIcon: B
+    KvGrid: B,
+    KvLendMenuCountryList: G,
+    KvLendMenuSearchList: V,
+    KvLoadingPlaceholder: O,
+    KvMaterialIcon: I
   },
   props: {
     categories: {
@@ -43,20 +43,24 @@ const z = {
     searches: {
       type: Array,
       default: () => []
+    },
+    showMGUpsellLink: {
+      type: Boolean,
+      default: !1
     }
   },
   setup(p) {
-    const e = L(null), i = L(""), l = k(() => i.value !== ""), f = (a) => i.value === a, S = (a) => {
-      i.value = a;
-    }, h = k(() => {
-      var r;
-      const a = { width: "150%" };
+    const e = C(null), i = C(""), l = y(() => i.value !== ""), f = (r) => i.value === r, L = (r) => {
+      i.value = r;
+    }, h = y(() => {
+      var a;
+      const r = { width: "150%" };
       if (l.value) {
-        const o = ((r = e.value) == null ? void 0 : r.clientWidth) ?? 0;
-        a.transform = `translateX(${o * -1}px)`;
+        const o = ((a = e.value) == null ? void 0 : a.clientWidth) ?? 0;
+        r.transform = `translateX(${o * -1}px)`;
       }
-      return a;
-    }), y = k(() => p.regions.filter((a) => f(a.name))), _ = k(() => p.searches.length > 0);
+      return r;
+    }), k = y(() => p.regions.filter((r) => f(r.name))), _ = y(() => p.searches.length > 0);
     return {
       mdiArrowRight: N,
       mdiChevronLeft: T,
@@ -64,112 +68,126 @@ const z = {
       openedSection: i,
       sectionOpen: l,
       isOpenSection: f,
-      openSection: S,
+      openSection: L,
       onClose: () => {
         i.value = "";
       },
-      openRegions: y,
+      openRegions: k,
       computedStyle: h,
       hasSearches: _,
       savedSearchesTitle: "Saved searches"
     };
   }
-}, E = { class: "lend-mega-menu tw-overflow-hidden tw-pb-3 lg:tw-pt-3" }, W = {
+}, z = { class: "lend-mega-menu tw-overflow-hidden tw-pb-3 lg:tw-pt-3" }, E = {
+  key: 0,
+  href: "/monthlygood"
+}, U = { class: "tw-inline-flex tw-items-center tw-py-1 tw-mb-2 tw-gap-0.5 tw-font-medium tw-text-action" }, W = {
   ref: "categoriesSection",
   class: "tw-col-span-7"
-}, G = { class: "tw-flex tw-gap-4 tw-whitespace-nowrap" }, P = { class: "tw-columns-2 tw-gap-4 tw-font-medium" }, X = ["href"], j = { class: "tw-font-medium" }, q = { class: "link-item" }, H = {
+}, P = { class: "tw-flex tw-gap-4 tw-whitespace-nowrap" }, X = { class: "tw-columns-2 tw-gap-4 tw-font-medium" }, j = ["href"], q = { class: "tw-font-medium" }, H = { class: "link-item" }, J = {
   href: "/lend-by-category/recommended-by-lenders",
   class: "mega-menu-link"
-}, J = { class: "link-item" }, Q = {
+}, Q = { class: "link-item" }, Y = {
   href: "/categories",
   class: "mega-menu-link"
-}, U = { class: "link-item" }, Y = {
+}, Z = { class: "link-item" }, $ = {
   class: "mega-menu-link",
   href: "/lend"
-}, Z = { key: 0 }, $ = { class: "tw-font-medium" }, ee = ["href"], te = {
+}, ee = { key: 0 }, te = { class: "tw-font-medium" }, ne = ["href"], se = {
   key: 1,
   class: "tw-text-secondary tw-py-1 tw-inline-block tw-no-underline hover:tw-underline"
-}, ne = ["aria-pressed"], se = {
+}, oe = ["aria-pressed"], le = {
   key: 1,
   class: "tw-text-secondary tw-py-1 tw-inline-block"
-}, oe = {
+}, ie = {
   href: "/lend/countries-not-lent",
   class: "tw-text-primary tw-text-left hover:tw-text-action tw-py-1 tw-inline-block tw-no-underline hover:tw-underline"
-}, le = { class: "tw-col-span-2" }, ie = { class: "tw-col-span-8 tw-flex tw-flex-col" }, ae = { class: "tw-flex tw-whitespace-nowrap tw-h-full" }, re = { class: "tw-font-medium" }, ce = ["aria-pressed", "onClick"];
-function de(p, e, i, l, f, S) {
-  const h = u("kv-loading-placeholder"), y = u("kv-material-icon"), _ = u("kv-lend-menu-search-list"), b = u("kv-lend-menu-country-list"), a = u("kv-grid"), r = R("kv-track-event");
-  return n(), s("div", E, [
+}, ae = { class: "tw-col-span-2" }, re = { class: "tw-col-span-8 tw-flex tw-flex-col" }, ce = { class: "tw-flex tw-whitespace-nowrap tw-h-full" }, de = { class: "tw-font-medium" }, me = ["aria-pressed", "onClick"];
+function we(p, e, i, l, f, L) {
+  const h = u("kv-material-icon"), k = u("kv-loading-placeholder"), _ = u("kv-lend-menu-search-list"), b = u("kv-lend-menu-country-list"), r = u("kv-grid"), a = M("kv-track-event");
+  return n(), s("div", z, [
     t("div", {
-      style: A(l.computedStyle),
+      style: R(l.computedStyle),
       class: "tw-transition tw-duration-1000 tw-ease-in-out"
     }, [
-      w(a, { style: { "grid-template-columns": "repeat(18, minmax(0, 1fr))" } }, {
-        default: K(() => [
+      i.showMGUpsellLink ? c((n(), s("a", E, [
+        t("span", U, [
+          e[2] || (e[2] = d(" Lend monthly ")),
+          m(h, {
+            icon: l.mdiArrowRight,
+            class: "tw-w-3 tw-h-3"
+          }, null, 8, ["icon"])
+        ])
+      ])), [
+        [a, ["TopNav", "click-Lend-Menu-Monthly-Good", "Lend-monthly"]]
+      ]) : x("", !0),
+      m(r, { style: { "grid-template-columns": "repeat(18, minmax(0, 1fr))" } }, {
+        default: A(() => [
           t("div", W, [
-            e[10] || (e[10] = t("h2", { class: "menu-heading tw-mb-2" }, " Categories ", -1)),
-            t("div", G, [
-              t("ul", P, [
-                i.isChannelsLoading ? (n(), s(c, { key: 0 }, v(14, (o) => t("li", {
+            e[11] || (e[11] = t("h2", { class: "menu-heading tw-mb-2" }, " Categories ", -1)),
+            t("div", P, [
+              t("ul", X, [
+                i.isChannelsLoading ? (n(), s(w, { key: 0 }, v(14, (o) => t("li", {
                   key: o,
                   class: "link-item"
                 }, [
-                  w(h, {
+                  m(k, {
                     class: "tw-inline-block tw-align-middle",
                     style: { height: "1.25rem" }
                   }),
-                  e[2] || (e[2] = t("span", { class: "tw-py-1 tw-inline-block" }, " ", -1))
-                ])), 64)) : (n(!0), s(c, { key: 1 }, v(i.categories, (o, g) => (n(), s("li", {
+                  e[3] || (e[3] = t("span", { class: "tw-py-1 tw-inline-block" }, " ", -1))
+                ])), 64)) : (n(!0), s(w, { key: 1 }, v(i.categories, (o, g) => (n(), s("li", {
                   key: g,
                   class: "link-item"
                 }, [
-                  d((n(), s("a", {
+                  c((n(), s("a", {
                     href: o.url,
                     class: "tw-text-primary tw-text-left hover:tw-text-action tw-no-underline tw-my-1 tw-inline-block"
                   }, [
-                    m(x(o.name), 1)
-                  ], 8, X)), [
-                    [r, ["TopNav", "click-Lend-Category", o.name, g + 1]]
+                    d(S(o.name), 1)
+                  ], 8, j)), [
+                    [a, ["TopNav", "click-Lend-Category", o.name, g + 1]]
                   ])
                 ]))), 128))
               ]),
               t("div", null, [
-                t("ul", j, [
-                  t("li", q, [
-                    d((n(), s("a", H, e[3] || (e[3] = [
-                      m(" Recommended by lenders ")
+                t("ul", q, [
+                  t("li", H, [
+                    c((n(), s("a", J, e[4] || (e[4] = [
+                      d(" Recommended by lenders ")
                     ]))), [
-                      [r, ["TopNav", "click-Lend-Recommended-by-lenders"]]
+                      [a, ["TopNav", "click-Lend-Recommended-by-lenders"]]
                     ])
                   ]),
-                  t("li", J, [
-                    d((n(), s("a", Q, e[4] || (e[4] = [
-                      m(" All categories ")
+                  t("li", Q, [
+                    c((n(), s("a", Y, e[5] || (e[5] = [
+                      d(" All categories ")
                     ]))), [
-                      [r, ["TopNav", "click-Lend-All_Categories"]]
+                      [a, ["TopNav", "click-Lend-All_Categories"]]
                     ])
                   ]),
-                  t("li", U, [
-                    d((n(), s("a", Y, e[5] || (e[5] = [
-                      m(" All loans ")
+                  t("li", Z, [
+                    c((n(), s("a", $, e[6] || (e[6] = [
+                      d(" All loans ")
                     ]))), [
-                      [r, ["TopNav", "click-Lend-All_Loans"]]
+                      [a, ["TopNav", "click-Lend-All_Loans"]]
                     ])
                   ])
                 ]),
-                i.userId ? (n(), s("div", Z, [
-                  e[8] || (e[8] = t("span", { class: "tw-inline-block tw-py-1" }, " ", -1)),
-                  e[9] || (e[9] = t("h2", { class: "menu-heading tw-my-1" }, " My Kiva ", -1)),
-                  t("ul", $, [
+                i.userId ? (n(), s("div", ee, [
+                  e[9] || (e[9] = t("span", { class: "tw-inline-block tw-py-1" }, " ", -1)),
+                  e[10] || (e[10] = t("h2", { class: "menu-heading tw-my-1" }, " My Kiva ", -1)),
+                  t("ul", te, [
                     t("li", null, [
-                      i.favorites > 0 ? d((n(), s("a", {
+                      i.favorites > 0 ? c((n(), s("a", {
                         key: 0,
                         href: `/lend?lenderFavorite=${i.userId}`,
                         class: "tw-text-primary tw-text-left hover:tw-text-action tw-py-1 tw-inline-block tw-no-underline hover:tw-underline"
-                      }, e[6] || (e[6] = [
-                        m(" Saved loans ")
-                      ]), 8, ee)), [
-                        [r, ["TopNav", "click-Lend-Favorites"]]
-                      ]) : (n(), s("span", te, " Saved loans "))
+                      }, e[7] || (e[7] = [
+                        d(" Saved loans ")
+                      ]), 8, ne)), [
+                        [a, ["TopNav", "click-Lend-Favorites"]]
+                      ]) : (n(), s("span", se, " Saved loans "))
                     ]),
                     t("li", null, [
                       l.hasSearches ? (n(), s("button", {
@@ -177,73 +195,73 @@ function de(p, e, i, l, f, S) {
                         "aria-pressed": l.isOpenSection(l.savedSearchesTitle) ? "true" : "false",
                         class: "tw-text-primary tw-text-left tw-py-1 tw-inline-block hover:tw-text-action hover:tw-underline",
                         onClick: e[0] || (e[0] = (o) => l.openSection(l.savedSearchesTitle))
-                      }, x(l.savedSearchesTitle), 9, ne)) : (n(), s("span", se, " Saved searches "))
+                      }, S(l.savedSearchesTitle), 9, oe)) : (n(), s("span", le, " Saved searches "))
                     ]),
                     t("li", null, [
-                      d((n(), s("a", oe, e[7] || (e[7] = [
-                        m(" Countries I haven't lent to ")
+                      c((n(), s("a", ie, e[8] || (e[8] = [
+                        d(" Countries I haven't lent to ")
                       ]))), [
-                        [r, ["TopNav", "click-Lend-Countries_Not_Lent"]]
+                        [a, ["TopNav", "click-Lend-Countries_Not_Lent"]]
                       ])
                     ])
                   ])
-                ])) : C("", !0)
+                ])) : x("", !0)
               ])
             ])
           ], 512),
-          t("div", le, [
+          t("div", ae, [
             l.sectionOpen ? (n(), s("button", {
               key: 0,
               class: "tw-flex",
               onClick: e[1] || (e[1] = (o) => l.openedSection = "")
             }, [
-              w(y, {
+              m(h, {
                 class: "tw-flex-shrink-0 tw-w-3 tw-h-3",
                 icon: l.mdiChevronLeft
               }, null, 8, ["icon"]),
-              e[11] || (e[11] = t("span", { class: "tw-text-base" }, " Back ", -1))
-            ])) : C("", !0)
+              e[12] || (e[12] = t("span", { class: "tw-text-base" }, " Back ", -1))
+            ])) : x("", !0)
           ]),
-          t("div", ie, [
-            l.isOpenSection(l.savedSearchesTitle) ? (n(), s(c, { key: 0 }, [
-              e[12] || (e[12] = t("h2", { class: "menu-heading tw-mb-2" }, " Saved Searches ", -1)),
-              w(_, {
+          t("div", re, [
+            l.isOpenSection(l.savedSearchesTitle) ? (n(), s(w, { key: 0 }, [
+              e[13] || (e[13] = t("h2", { class: "menu-heading tw-mb-2" }, " Saved Searches ", -1)),
+              m(_, {
                 class: "search-list tw-h-full",
                 searches: i.searches
               }, null, 8, ["searches"])
-            ], 64)) : (n(), s(c, { key: 1 }, [
-              e[14] || (e[14] = t("h2", { class: "menu-heading tw-mb-2" }, " Regions ", -1)),
-              t("div", ae, [
-                t("ul", re, [
-                  i.isRegionsLoading ? (n(), s(c, { key: 0 }, v(8, (o) => t("li", {
+            ], 64)) : (n(), s(w, { key: 1 }, [
+              e[15] || (e[15] = t("h2", { class: "menu-heading tw-mb-2" }, " Regions ", -1)),
+              t("div", ce, [
+                t("ul", de, [
+                  i.isRegionsLoading ? (n(), s(w, { key: 0 }, v(8, (o) => t("li", {
                     key: o,
                     class: "link-item"
                   }, [
-                    w(h, {
+                    m(k, {
                       class: "tw-inline-block tw-align-middle",
                       style: { height: "1.25rem" }
                     }),
-                    e[13] || (e[13] = t("span", { class: "tw-py-1 tw-inline-block" }, " ", -1))
-                  ])), 64)) : (n(!0), s(c, { key: 1 }, v(i.regions, (o) => (n(), s("li", {
+                    e[14] || (e[14] = t("span", { class: "tw-py-1 tw-inline-block" }, " ", -1))
+                  ])), 64)) : (n(!0), s(w, { key: 1 }, v(i.regions, (o) => (n(), s("li", {
                     key: o.name,
                     class: "link-item tw-mr-4"
                   }, [
-                    d((n(), s("button", {
+                    c((n(), s("button", {
                       "aria-pressed": l.isOpenSection(o.name) ? "true" : "false",
-                      class: O(["tw-text-primary tw-text-left tw-py-1 hover:tw-text-action hover:tw-underline", { "tw-text-action": l.isOpenSection(o.name) }]),
+                      class: K(["tw-text-primary tw-text-left tw-py-1 hover:tw-text-action hover:tw-underline", { "tw-text-action": l.isOpenSection(o.name) }]),
                       onClick: (g) => l.openSection(o.name)
                     }, [
-                      m(x(o.name), 1)
-                    ], 10, ce)), [
-                      [r, ["TopNav", "click-Lend-Region", o.name]]
+                      d(S(o.name), 1)
+                    ], 10, me)), [
+                      [a, ["TopNav", "click-Lend-Region", o.name]]
                     ])
                   ]))), 128))
                 ]),
-                (n(!0), s(c, null, v(l.openRegions, (o) => (n(), s("div", {
+                (n(!0), s(w, null, v(l.openRegions, (o) => (n(), s("div", {
                   key: o.name,
                   class: "tw-h-full"
                 }, [
-                  w(b, {
+                  m(b, {
                     countries: o.countries,
                     class: "region-list tw-h-full"
                   }, null, 8, ["countries"])
@@ -257,7 +275,7 @@ function de(p, e, i, l, f, S) {
     ], 4)
   ]);
 }
-const _e = /* @__PURE__ */ F(z, [["render", de], ["__scopeId", "data-v-c47f9ef7"]]);
+const xe = /* @__PURE__ */ D(F, [["render", we], ["__scopeId", "data-v-53c4e3f0"]]);
 export {
-  _e as default
+  xe as default
 };

package/dist/vue/KvWwwHeader/LendMenu/KvLendMenu.js

@@ -1,26 +1,30 @@
 import { gql as v } from "@apollo/client/core";
-import { toRefs as w, ref as a, computed as _, onMounted as S, resolveComponent as L, openBlock as x, createElementBlock as A, createVNode as b } from "vue";
-import F from "./KvLendListMenu.js";
-import N from "./KvLendMegaMenu.js";
-import { indexIn as O } from "../../../utils/comparators.js";
-import { groupBy as R, sortBy as I } from "../../../utils/arrayUtils.js";
-import B from "../../../_virtual/_plugin-vue_export-helper.js";
+import { toRefs as q, ref as a, computed as _, onMounted as S, resolveComponent as L, openBlock as x, createElementBlock as A, createVNode as k } from "vue";
+import B from "./KvLendListMenu.js";
+import F from "./KvLendMegaMenu.js";
+import { indexIn as N } from "../../../utils/comparators.js";
+import { groupBy as O, sortBy as w } from "../../../utils/arrayUtils.js";
+import R from "../../../_virtual/_plugin-vue_export-helper.js";
 const E = {
   components: {
-    KvLendListMenu: F,
-    KvLendMegaMenu: N
+    KvLendListMenu: B,
+    KvLendMegaMenu: F
   },
   props: {
     userId: {
       type: Number,
       default: null
+    },
+    showMGUpsellLink: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["load-lend-menu-data"],
-  setup(f, { emit: y }) {
+  setup(f, { emit: h }) {
     const {
-      userId: i
-    } = w(f), e = a([]), d = a([]), m = a(0), c = a([]), g = [
+      userId: s
+    } = q(f), e = a([]), d = a([]), m = a(0), u = a([]), g = [
       "North America",
       "Central America",
       "South America",
@@ -29,9 +33,9 @@ const E = {
       "Middle East",
       "Asia",
       "Oceania"
-    ], h = a(!0), C = a(!0), M = async (t) => {
-      var r, s, o, u;
-      if (t.watchQuery({
+    ], y = a(!0), p = a(!0), M = async (i) => {
+      var r, t, o, c;
+      if (i.watchQuery({
         query: v`query countryFacets {
 					lend {
 						countryFacets {
@@ -48,9 +52,9 @@ const E = {
       }).subscribe({
         next: ({ data: n }) => {
           var l;
-          d.value = ((l = n == null ? void 0 : n.lend) == null ? void 0 : l.countryFacets) ?? [], h.value = !1;
+          d.value = ((l = n == null ? void 0 : n.lend) == null ? void 0 : l.countryFacets) ?? [], y.value = !1;
         }
-      }), t.watchQuery({
+      }), i.watchQuery({
         query: v`
 					query lendMenuData {
 						lend {
@@ -66,11 +70,11 @@ const E = {
 				`
       }).subscribe({
         next: ({ data: n }) => {
-          var l, p;
-          e.value = ((p = (l = n == null ? void 0 : n.lend) == null ? void 0 : l.loanChannels) == null ? void 0 : p.values) ?? [], C.value = !1;
+          var l, C;
+          e.value = ((C = (l = n == null ? void 0 : n.lend) == null ? void 0 : l.loanChannels) == null ? void 0 : C.values) ?? [], p.value = !1;
         }
-      }), i.value) {
-        const { data: n } = await t.query({
+      }), s.value) {
+        const { data: n } = await i.query({
           query: v`
 						query lendMenuPrivateData($userId: Int!) {
 							lend {
@@ -92,71 +96,73 @@ const E = {
 						}
 					`,
           variables: {
-            userId: i.value
+            userId: s.value
           },
           fetchPolicy: "network-only"
         });
-        m.value = ((s = (r = n == null ? void 0 : n.lend) == null ? void 0 : r.loans) == null ? void 0 : s.totalCount) ?? 0, c.value = ((u = (o = n == null ? void 0 : n.my) == null ? void 0 : o.savedSearches) == null ? void 0 : u.values) ?? [];
+        m.value = ((t = (r = n == null ? void 0 : n.lend) == null ? void 0 : r.loans) == null ? void 0 : t.totalCount) ?? 0, u.value = ((c = (o = n == null ? void 0 : n.my) == null ? void 0 : o.savedSearches) == null ? void 0 : c.values) ?? [];
       }
-    }, k = _(() => {
-      const t = d.value.map((o) => ({
+    }, b = _(() => {
+      const i = d.value.map((o) => ({
         name: o.country.name,
         region: o.country.region,
         isoCode: o.country.isoCode.toLowerCase(),
         count: o.count || 0
-      })), r = R(t, "region"), s = [];
-      for (const [o, u] of Object.entries(r))
-        s.push({
+      })), r = O(i, "region"), t = [];
+      for (const [o, c] of Object.entries(r))
+        t.push({
           name: o,
-          countries: u.sort(I("name"))
+          countries: c.sort(w("name"))
         });
-      return s.sort(O(g, "name"));
-    }), q = _(() => {
+      return t.sort(N(g, "name"));
+    }), I = _(() => {
       var r;
-      return ((r = e.value) == null ? void 0 : r.map((s) => {
-        const o = JSON.parse(JSON.stringify(s));
+      return ((r = e.value) == null ? void 0 : r.map((t) => {
+        const o = JSON.parse(JSON.stringify(t));
         return o.url = o.url.replace("lend", "lend-by-category"), o;
-      })).sort(I("name"));
+      })).sort(w("name"));
     });
     return S(() => {
-      y("load-lend-menu-data");
+      h("load-lend-menu-data");
     }), {
       onLoad: M,
-      regions: k,
-      computedCategories: q,
-      isChannelsLoading: C,
-      isRegionsLoading: h,
-      savedSearches: c,
+      regions: b,
+      computedCategories: I,
+      isChannelsLoading: p,
+      isRegionsLoading: y,
+      savedSearches: u,
       favoritesCount: m
     };
   }
 };
-function D(f, y, i, e, d, m) {
-  const c = L("kv-lend-list-menu"), g = L("kv-lend-mega-menu");
+function D(f, h, s, e, d, m) {
+  const u = L("kv-lend-list-menu"), g = L("kv-lend-mega-menu");
   return x(), A("div", null, [
-    b(c, {
+    k(u, {
       class: "lg:tw-hidden",
       categories: e.computedCategories,
       regions: e.regions,
-      "user-id": i.userId,
+      "user-id": s.userId,
       favorites: e.favoritesCount,
       searches: e.savedSearches,
       "is-regions-loading": e.isRegionsLoading,
-      "is-channels-loading": e.isChannelsLoading
-    }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading"]),
-    b(g, {
+      "is-channels-loading": e.isChannelsLoading,
+      "show-m-g-upsell-link": s.showMGUpsellLink
+    }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading", "show-m-g-upsell-link"]),
+    k(g, {
       class: "tw-hidden lg:tw-block",
       categories: e.computedCategories,
       regions: e.regions,
-      "user-id": i.userId,
+      "user-id": s.userId,
       favorites: e.favoritesCount,
       searches: e.savedSearches,
       "is-regions-loading": e.isRegionsLoading,
-      "is-channels-loading": e.isChannelsLoading
-    }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading"])
+      "is-channels-loading": e.isChannelsLoading,
+      "show-m-g-upsell-link": s.showMGUpsellLink
+    }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading", "show-m-g-upsell-link"])
   ]);
 }
-const G = /* @__PURE__ */ B(E, [["render", D]]);
+const V = /* @__PURE__ */ R(E, [["render", D]]);
 export {
-  G as default
+  V as default
 };

package/dist/vue/KvWwwHeader.css

@@ -1 +1 @@
-.header-margins[data-v-bd1e99de]{margin:0 auto;max-width:1400px}.header-fade-enter-active[data-v-bd1e99de]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-bd1e99de]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-bd1e99de],.header-fade-leave-to[data-v-bd1e99de]{opacity:0}.header-fade-leave[data-v-bd1e99de],.header-fade-enter-to[data-v-bd1e99de]{opacity:1}.bg-opacity-50[data-v-bd1e99de]{background-color:rgba(var(--bg-action-highlight),.5)}
+.header-margins[data-v-588c2857]{margin:0 auto;max-width:1400px}.header-fade-enter-active[data-v-588c2857]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-588c2857]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-588c2857],.header-fade-leave-to[data-v-588c2857]{opacity:0}.header-fade-leave[data-v-588c2857],.header-fade-enter-to[data-v-588c2857]{opacity:1}.bg-opacity-50[data-v-588c2857]{background-color:rgba(var(--bg-action-highlight),.5)}