@kiva/kv-shop 3.7.81 → 3.7.82

package/dist/kv-components/dist/vue/KvWwwHeader/LendMenu/KvLendMenu2.js

@@ -1,15 +1,17 @@
 import { gql as s } from "@apollo/client/core";
-import { toRefs as S, ref as r, computed as g, onMounted as w } from "vue";
+import { toRefs as I, ref as r, computed as g, onMounted as w } from "vue";
 import A from "./KvLendListMenu.js";
 import N from "./KvLendMegaMenu.js";
+import O from "../../KvWwwHeaderBasic/MobileLendMenu/MobileLendMenu.js";
 import { indexIn as x } from "../../../utils/comparators.js";
-import { groupBy as F, sortBy as C } from "../../../utils/arrayUtils.js";
-import O from "../../KvPageContainer.js";
-const k = {
+import { groupBy as B, sortBy as h } from "../../../utils/arrayUtils.js";
+import F from "../../KvPageContainer.js";
+const J = {
   components: {
     KvLendListMenu: A,
     KvLendMegaMenu: N,
-    KvPageContainer: O
+    MobileLendMenu: O,
+    KvPageContainer: F
   },
   props: {
     userId: {
@@ -23,13 +25,37 @@ const k = {
     countriesNotLentToUrl: {
       type: String,
       default: "/lend/countries-not-lent"
+    },
+    /**
+     * Render the new KvWwwHeaderBasic mobile tabbed menu (Categories / Regions / MyKiva / Search)
+     * below the md breakpoint instead of the legacy KvLendListMenu. Mega menu still renders at
+     * md+ in this mode. Default off preserves the legacy KvWwwHeader behavior.
+     */
+    useMobileMegaMenu: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Search suggestion dataset for the mobile Search tab. Only used when useMobileMegaMenu is on.
+     */
+    searchSuggestions: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * App origin used to build /lend/filter URLs on Search-tab submit. Only used when
+     * useMobileMegaMenu is on.
+     */
+    appOrigin: {
+      type: String,
+      default: ""
     }
   },
-  emits: ["load-lend-menu-data"],
-  setup(h, { emit: L }) {
+  emits: ["load-lend-menu-data", "load-search-data", "search-submit"],
+  setup(C, { emit: M }) {
     const {
       userId: i
-    } = S(h), d = r([]), c = r([]), m = r(0), v = r([]), M = [
+    } = I(C), d = r([]), c = r([]), m = r(0), v = r([]), b = [
       "North America",
       "Central America",
       "South America",
@@ -38,9 +64,9 @@ const k = {
       "Middle East",
       "Asia",
       "Oceania"
-    ], y = r(!0), p = r(!0), b = async (a) => {
-      var t, n, o, l;
-      if (a.watchQuery({
+    ], p = r(!0), y = r(!0), L = async (o) => {
+      var t, a, n, l;
+      if (o.watchQuery({
         query: s`query countryFacets {
 					lend {
 						countryFacets {
@@ -57,9 +83,9 @@ const k = {
       }).subscribe({
         next: ({ data: e }) => {
           var u;
-          c.value = ((u = e == null ? void 0 : e.lend) == null ? void 0 : u.countryFacets) ?? [], y.value = !1;
+          c.value = ((u = e == null ? void 0 : e.lend) == null ? void 0 : u.countryFacets) ?? [], p.value = !1;
         }
-      }), a.watchQuery({
+      }), o.watchQuery({
         query: s`
 					query lendMenuData {
 						lend {
@@ -76,10 +102,10 @@ const k = {
       }).subscribe({
         next: ({ data: e }) => {
           var u, f;
-          d.value = ((f = (u = e == null ? void 0 : e.lend) == null ? void 0 : u.loanChannels) == null ? void 0 : f.values) ?? [], p.value = !1;
+          d.value = ((f = (u = e == null ? void 0 : e.lend) == null ? void 0 : u.loanChannels) == null ? void 0 : f.values) ?? [], y.value = !1;
         }
       }), i.value) {
-        const { data: e } = await a.query({
+        const { data: e } = await o.query({
           query: s`
 						query lendMenuPrivateData($userId: Int!) {
 							lend {
@@ -105,41 +131,41 @@ const k = {
           },
           fetchPolicy: "network-only"
         });
-        m.value = ((n = (t = e == null ? void 0 : e.lend) == null ? void 0 : t.loans) == null ? void 0 : n.totalCount) ?? 0, v.value = ((l = (o = e == null ? void 0 : e.my) == null ? void 0 : o.savedSearches) == null ? void 0 : l.values) ?? [];
+        m.value = ((a = (t = e == null ? void 0 : e.lend) == null ? void 0 : t.loans) == null ? void 0 : a.totalCount) ?? 0, v.value = ((l = (n = e == null ? void 0 : e.my) == null ? void 0 : n.savedSearches) == null ? void 0 : l.values) ?? [];
       }
-    }, q = g(() => {
-      const a = c.value.map((o) => ({
-        name: o.country.name,
-        region: o.country.region,
-        isoCode: o.country.isoCode.toLowerCase(),
-        count: o.count || 0
-      })), t = F(a, "region"), n = [];
-      for (const [o, l] of Object.entries(t))
-        n.push({
-          name: o,
-          countries: l.sort(C("name"))
+    }, S = g(() => {
+      const o = c.value.map((n) => ({
+        name: n.country.name,
+        region: n.country.region,
+        isoCode: n.country.isoCode.toLowerCase(),
+        count: n.count || 0
+      })), t = B(o, "region"), a = [];
+      for (const [n, l] of Object.entries(t))
+        a.push({
+          name: n,
+          countries: l.sort(h("name"))
         });
-      return n.sort(x(M, "name"));
-    }), I = g(() => {
-      var a;
-      return ((a = d.value) == null ? void 0 : a.map((t) => {
-        const n = JSON.parse(JSON.stringify(t));
-        return n.url = n.url.replace("lend", "lend-by-category"), n;
-      })).sort(C("name"));
+      return a.sort(x(b, "name"));
+    }), q = g(() => {
+      var o;
+      return ((o = d.value) == null ? void 0 : o.map((t) => {
+        const a = JSON.parse(JSON.stringify(t));
+        return a.url = a.url.replace("lend", "lend-by-category"), a;
+      })).sort(h("name"));
     });
     return w(() => {
-      L("load-lend-menu-data");
+      M("load-lend-menu-data");
     }), {
-      onLoad: b,
-      regions: q,
-      computedCategories: I,
-      isChannelsLoading: p,
-      isRegionsLoading: y,
+      onLoad: L,
+      regions: S,
+      computedCategories: q,
+      isChannelsLoading: y,
+      isRegionsLoading: p,
       savedSearches: v,
       favoritesCount: m
     };
   }
 };
 export {
-  k as default
+  J as default
 };

package/dist/kv-components/dist/vue/KvWwwHeaderBasic/AboutMenu.css

@@ -0,0 +1 @@
+[data-v-a681200e] a{padding-top:.5rem;padding-bottom:.5rem}

package/dist/kv-components/dist/vue/KvWwwHeaderBasic/AboutMenu.js

@@ -0,0 +1,25 @@
+import i from "./AboutMenu2.js";
+import { resolveComponent as a, createElementBlock as r, openBlock as e, normalizeClass as c, Fragment as m, renderList as s, createBlock as f, withCtx as k, createTextVNode as p, toDisplayString as w } from "vue";
+import "./AboutMenu.css";
+import d from "../../_virtual/_plugin-vue_export-helper.js";
+function u(x, h, n, o, C, v) {
+  const l = a("kv-header-menu-link");
+  return e(), r("nav", {
+    class: c(["tw-flex tw-flex-col tw-items-start tw-font-medium tw-mt-0.5 tw-pb-1", n.isMobile ? "tw-px-0" : "tw-px-2"])
+  }, [
+    (e(!0), r(m, null, s(o.links, (t) => (e(), f(l, {
+      key: t.href,
+      href: t.href,
+      onClick: (b) => o.onLinkClick(t.action)
+    }, {
+      default: k(() => [
+        p(w(t.label), 1)
+      ]),
+      _: 2
+    }, 1032, ["href", "onClick"]))), 128))
+  ], 2);
+}
+const y = /* @__PURE__ */ d(i, [["render", u], ["__scopeId", "data-v-a681200e"]]);
+export {
+  y as default
+};

package/dist/kv-components/dist/vue/KvWwwHeaderBasic/AboutMenu2.js

@@ -0,0 +1,33 @@
+import { inject as t } from "vue";
+import c from "../KvWwwHeader/KvHeaderMenuLink.js";
+const n = [
+  { label: "About us", href: "/about", action: "click-About-About us" },
+  { label: "How Kiva works", href: "/about/how", action: "click-About-How Kiva works" },
+  { label: "Where Kiva works", href: "/about/where-kiva-works", action: "click-About-Where Kiva works" },
+  { label: "Impact", href: "/impact", action: "click-About-Impact" },
+  { label: "Leadership", href: "/about/leadership", action: "click-About-Leadership" },
+  { label: "Finances", href: "/about/finances", action: "click-About-Finances" },
+  { label: "Press", href: "/about/press-center", action: "click-About-Press" },
+  { label: "Due diligence", href: "/about/due-diligence", action: "click-About-Due diligence" }
+], s = {
+  name: "AboutMenu",
+  components: { KvHeaderMenuLink: c },
+  props: {
+    isMobile: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["closing-menu"],
+  setup(l, { emit: e }) {
+    const o = t("$kvTrackEvent", () => {
+    });
+    function i(a) {
+      o("TopNav", a), e("closing-menu");
+    }
+    return { links: n, onLinkClick: i };
+  }
+};
+export {
+  s as default
+};

package/dist/kv-components/dist/vue/KvWwwHeaderBasic/KvWwwHeaderBasic.css

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

package/dist/kv-components/dist/vue/KvWwwHeaderBasic/LinkBar.css

@@ -0,0 +1 @@
+.link-bar[data-v-a53394e2]{display:flex;align-items:center;gap:.5rem}.link-bar__logo[data-v-a53394e2]{position:absolute;top:50%;left:50%;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media (min-width: 45.875rem){.link-bar[data-v-a53394e2]{display:grid;-moz-column-gap:1rem;column-gap:1rem;grid-template-areas:"logo lend right" "search search search";grid-template-columns:1fr auto auto;grid-template-rows:4rem auto;row-gap:.5rem}.link-bar__logo[data-v-a53394e2]{position:static;--tw-translate-x: 0;--tw-translate-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));grid-area:logo;justify-self:start}.link-bar__lend[data-v-a53394e2]{grid-area:lend}.link-bar__search[data-v-a53394e2]{grid-area:search;margin-bottom:.5rem}.link-bar__right[data-v-a53394e2]{grid-area:right}}@media (min-width: 64rem){.link-bar[data-v-a53394e2]{-moz-column-gap:1.25rem;column-gap:1.25rem;grid-template-areas:"logo lend search right";grid-template-columns:auto auto 1fr auto;grid-template-rows:4rem}.link-bar__search[data-v-a53394e2]{margin-bottom:0}}.header-link[data-v-a53394e2]{cursor:pointer;padding-top:1rem;padding-bottom:1rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-a53394e2]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}

package/dist/kv-components/dist/vue/KvWwwHeaderBasic/LinkBar2.js

@@ -0,0 +1,11 @@
+import { defineAsyncComponent as o } from "vue";
+import "@mdi/js";
+import "numeral";
+/* empty css                          */
+/* empty css                  */
+/* empty css                 */
+import "fuse.js";
+o(() => import("../KvWwwHeader/LendMenu/KvLendMenu.js"));
+o(() => import("./AboutMenu.js"));
+o(() => import("./MyKivaMenu.js"));
+o(() => import("./MobileMenu.js"));

package/dist/kv-components/dist/vue/KvWwwHeaderBasic/MobileLendMenu/CategoriesPanel.css

@@ -0,0 +1 @@
+.lend-link[data-v-09a764b4]{display:block;width:100%;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.lend-link[data-v-09a764b4]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}

package/dist/kv-components/dist/vue/KvWwwHeaderBasic/MobileLendMenu/CategoriesPanel.js

@@ -0,0 +1,61 @@
+import p from "./CategoriesPanel2.js";
+import { resolveComponent as y, resolveDirective as g, createElementBlock as e, openBlock as l, createElementVNode as a, Fragment as s, renderList as d, createVNode as v, withDirectives as n, createTextVNode as c, toDisplayString as f } from "vue";
+import "./CategoriesPanel.css";
+import h from "../../../_virtual/_plugin-vue_export-helper.js";
+const u = { class: "tw-font-medium" }, b = ["href"], w = { class: "tw-border-t tw-border-tertiary tw-mt-1" }, L = {
+  href: "/lend-by-category/recommended-by-lenders",
+  class: "lend-link tw-text-brand"
+}, N = {
+  href: "/lend",
+  class: "lend-link"
+}, T = {
+  href: "/categories",
+  class: "lend-link"
+};
+function A(C, r, i, x, D, _) {
+  const m = y("kv-loading-placeholder"), o = g("kv-track-event");
+  return l(), e("ul", u, [
+    i.isChannelsLoading ? (l(), e(s, { key: 0 }, d(12, (t) => a("li", {
+      key: t,
+      class: "tw-py-1"
+    }, [
+      v(m, { style: { height: "1rem", width: "11rem" } })
+    ])), 64)) : (l(!0), e(s, { key: 1 }, d(i.categories, (t, k) => (l(), e("li", {
+      key: t.url
+    }, [
+      n((l(), e("a", {
+        href: t.url,
+        class: "lend-link"
+      }, [
+        c(f(t.name), 1)
+      ], 8, b)), [
+        [o, ["TopNav", "click-Lend-Category", t.name, k + 1]]
+      ])
+    ]))), 128)),
+    a("li", w, [
+      n((l(), e("a", L, r[0] || (r[0] = [
+        c(" Recommended by lenders ")
+      ]))), [
+        [o, ["TopNav", "click-Lend-Recommended-by-lenders"]]
+      ])
+    ]),
+    a("li", null, [
+      n((l(), e("a", N, r[1] || (r[1] = [
+        c(" All loans ")
+      ]))), [
+        [o, ["TopNav", "click-Lend-All_Loans"]]
+      ])
+    ]),
+    a("li", null, [
+      n((l(), e("a", T, r[2] || (r[2] = [
+        c(" All categories ")
+      ]))), [
+        [o, ["TopNav", "click-Lend-All_Categories"]]
+      ])
+    ])
+  ]);
+}
+const F = /* @__PURE__ */ h(p, [["render", A], ["__scopeId", "data-v-09a764b4"]]);
+export {
+  F as default
+};

package/dist/kv-components/dist/vue/KvWwwHeaderBasic/MobileLendMenu/CategoriesPanel2.js

@@ -0,0 +1,18 @@
+import e from "../../KvLoadingPlaceholder.js";
+const o = {
+  name: "CategoriesPanel",
+  components: { KvLoadingPlaceholder: e },
+  props: {
+    categories: {
+      type: Array,
+      default: () => []
+    },
+    isChannelsLoading: {
+      type: Boolean,
+      default: !1
+    }
+  }
+};
+export {
+  o as default
+};

package/dist/kv-components/dist/vue/KvWwwHeaderBasic/MobileLendMenu/MobileLendMenu.css

@@ -0,0 +1 @@
+[data-v-972cda69] [role=tab]{font-family:PostGrotesk,PostGrotesk-fallback,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-weight:400;font-size:1.125rem;letter-spacing:0em;line-height:1.2777778em}@media (min-width: 45.875rem){[data-v-972cda69] [role=tab]{font-size:1.125rem}}@media (min-width: 64rem){[data-v-972cda69] [role=tab]{font-size:1.25rem;line-height:1.3em}}

package/dist/kv-components/dist/vue/KvWwwHeaderBasic/MobileLendMenu/MobileLendMenu.js

@@ -0,0 +1,102 @@
+import T from "./MobileLendMenu2.js";
+import { resolveComponent as t, resolveDirective as _, createElementBlock as N, openBlock as r, createVNode as i, withCtx as o, createBlock as s, createCommentVNode as m, withDirectives as d, createTextVNode as g } from "vue";
+import "./MobileLendMenu.css";
+import y from "../../../_virtual/_plugin-vue_export-helper.js";
+const L = { class: "tw-px-0 tw-pt-1.5 tw-pb-2" };
+function C(u, e, a, S, w, x) {
+  const l = t("kv-tab"), v = t("categories-panel"), n = t("kv-tab-panel"), f = t("regions-panel"), b = t("my-kiva-panel"), h = t("search-panel"), k = t("kv-tabs"), c = _("kv-track-event");
+  return r(), N("div", L, [
+    i(k, { ref: "tabsRef" }, {
+      tabNav: o(() => [
+        d((r(), s(l, {
+          "for-panel": "mobile-lend-categories",
+          selected: ""
+        }, {
+          default: o(() => e[2] || (e[2] = [
+            g(" Categories ")
+          ])),
+          _: 1
+        })), [
+          [c, ["TopNav", "click-Lend-Tab-Categories"]]
+        ]),
+        d((r(), s(l, { "for-panel": "mobile-lend-regions" }, {
+          default: o(() => e[3] || (e[3] = [
+            g(" Regions ")
+          ])),
+          _: 1
+        })), [
+          [c, ["TopNav", "click-Lend-Tab-Regions"]]
+        ]),
+        a.userId ? d((r(), s(l, {
+          key: 0,
+          "for-panel": "mobile-lend-my-kiva"
+        }, {
+          default: o(() => e[4] || (e[4] = [
+            g(" MyKiva ")
+          ])),
+          _: 1
+        })), [
+          [c, ["TopNav", "click-Lend-Tab-My-Kiva"]]
+        ]) : m("", !0),
+        d((r(), s(l, { "for-panel": "mobile-lend-search" }, {
+          default: o(() => e[5] || (e[5] = [
+            g(" Search ")
+          ])),
+          _: 1
+        })), [
+          [c, ["TopNav", "click-Lend-Tab-Search"]]
+        ])
+      ]),
+      tabPanels: o(() => [
+        i(n, { id: "mobile-lend-categories" }, {
+          default: o(() => [
+            i(v, {
+              categories: a.categories,
+              "is-channels-loading": a.isChannelsLoading
+            }, null, 8, ["categories", "is-channels-loading"])
+          ]),
+          _: 1
+        }),
+        i(n, { id: "mobile-lend-regions" }, {
+          default: o(() => [
+            i(f, {
+              regions: a.regions,
+              "is-regions-loading": a.isRegionsLoading
+            }, null, 8, ["regions", "is-regions-loading"])
+          ]),
+          _: 1
+        }),
+        a.userId ? (r(), s(n, {
+          key: 0,
+          id: "mobile-lend-my-kiva"
+        }, {
+          default: o(() => [
+            i(b, {
+              "user-id": a.userId,
+              favorites: a.favorites,
+              searches: a.searches,
+              "countries-not-lent-to-url": a.countriesNotLentToUrl
+            }, null, 8, ["user-id", "favorites", "searches", "countries-not-lent-to-url"])
+          ]),
+          _: 1
+        })) : m("", !0),
+        i(n, { id: "mobile-lend-search" }, {
+          default: o(() => [
+            i(h, {
+              "search-suggestions": a.searchSuggestions,
+              "app-origin": a.appOrigin,
+              onLoadSearchData: e[0] || (e[0] = (p) => u.$emit("load-search-data")),
+              onSearchSubmit: e[1] || (e[1] = (p) => u.$emit("search-submit", p))
+            }, null, 8, ["search-suggestions", "app-origin"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 512)
+  ]);
+}
+const V = /* @__PURE__ */ y(T, [["render", C], ["__scopeId", "data-v-972cda69"]]);
+export {
+  V as default
+};

package/dist/kv-components/dist/vue/KvWwwHeaderBasic/MobileLendMenu/MobileLendMenu2.js

@@ -0,0 +1,74 @@
+import { ref as n } from "vue";
+import l from "../../KvTab.js";
+import s from "../../KvTabPanel.js";
+import i from "../../KvTabs.js";
+import u from "./CategoriesPanel.js";
+import p from "./RegionsPanel.js";
+import f from "./MyKivaPanel.js";
+import m from "./SearchPanel.js";
+const P = {
+  name: "MobileLendMenu",
+  components: {
+    KvTab: l,
+    KvTabPanel: s,
+    KvTabs: i,
+    CategoriesPanel: u,
+    RegionsPanel: p,
+    MyKivaPanel: f,
+    SearchPanel: m
+  },
+  props: {
+    categories: {
+      type: Array,
+      default: () => []
+    },
+    regions: {
+      type: Array,
+      default: () => []
+    },
+    userId: {
+      type: Number,
+      default: null
+    },
+    favorites: {
+      type: Number,
+      default: 0
+    },
+    searches: {
+      type: Array,
+      default: () => []
+    },
+    isChannelsLoading: {
+      type: Boolean,
+      default: !1
+    },
+    isRegionsLoading: {
+      type: Boolean,
+      default: !1
+    },
+    countriesNotLentToUrl: {
+      type: String,
+      default: "/lend/countries-not-lent"
+    },
+    searchSuggestions: {
+      type: Array,
+      default: () => []
+    },
+    appOrigin: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["load-search-data", "search-submit"],
+  setup() {
+    const t = n(null);
+    function r() {
+      var a, e, o;
+      (o = (e = (a = t.value) == null ? void 0 : a.tabContext) == null ? void 0 : e.setTab) == null || o.call(e, 0);
+    }
+    return { tabsRef: t, onClose: r };
+  }
+};
+export {
+  P as default
+};

package/dist/kv-components/dist/vue/KvWwwHeaderBasic/MobileLendMenu/MyKivaPanel.css

@@ -0,0 +1 @@
+.lend-link[data-v-3e8e871e]{display:block;width:100%;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.lend-link[data-v-3e8e871e]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}

package/dist/kv-components/dist/vue/KvWwwHeaderBasic/MobileLendMenu/MyKivaPanel.js

@@ -0,0 +1,51 @@
+import p from "./MyKivaPanel2.js";
+import { resolveComponent as o, resolveDirective as k, createElementBlock as t, openBlock as r, createElementVNode as s, withDirectives as n, createTextVNode as c, createVNode as i, withCtx as d } from "vue";
+import "./MyKivaPanel.css";
+import u from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = { class: "tw-font-medium" }, w = ["href"], y = {
+  key: 1,
+  class: "tw-block tw-py-1 tw-text-tertiary"
+}, N = { key: 0 }, x = { key: 1 }, S = ["href"];
+function C(L, e, a, v, T, _) {
+  const m = o("kv-lend-menu-search-list"), h = o("kv-accordion-item"), l = k("kv-track-event");
+  return r(), t("ul", f, [
+    s("li", null, [
+      a.favorites > 0 ? n((r(), t("a", {
+        key: 0,
+        href: `/lend?lenderFavorite=${a.userId}`,
+        class: "lend-link"
+      }, e[0] || (e[0] = [
+        c(" Saved loans ")
+      ]), 8, w)), [
+        [l, ["TopNav", "click-Lend-Favorites"]]
+      ]) : (r(), t("span", y, "Saved loans"))
+    ]),
+    v.hasSearches ? (r(), t("li", N, [
+      i(h, { id: "mobile-lend-menu-saved-searches-panel" }, {
+        header: d(() => e[1] || (e[1] = [
+          s("p", { class: "tw-font-medium" }, " Saved searches ", -1)
+        ])),
+        default: d(() => [
+          i(m, { searches: a.searches }, null, 8, ["searches"])
+        ]),
+        _: 1
+      })
+    ])) : (r(), t("li", x, e[2] || (e[2] = [
+      s("span", { class: "tw-block tw-py-1 tw-text-tertiary" }, "Saved searches", -1)
+    ]))),
+    s("li", null, [
+      n((r(), t("a", {
+        href: a.countriesNotLentToUrl,
+        class: "lend-link"
+      }, e[3] || (e[3] = [
+        c(" Countries I haven't lent to ")
+      ]), 8, S)), [
+        [l, ["TopNav", "click-Lend-Countries_Not_Lent"]]
+      ])
+    ])
+  ]);
+}
+const B = /* @__PURE__ */ u(p, [["render", C], ["__scopeId", "data-v-3e8e871e"]]);
+export {
+  B as default
+};

package/dist/kv-components/dist/vue/KvWwwHeaderBasic/MobileLendMenu/MyKivaPanel2.js

@@ -0,0 +1,31 @@
+import { computed as t } from "vue";
+import r from "../../KvAccordionItem.js";
+import o from "../../KvWwwHeader/LendMenu/KvLendMenuSearchList.js";
+const u = {
+  name: "MyKivaPanel",
+  components: { KvAccordionItem: r, KvLendMenuSearchList: o },
+  props: {
+    userId: {
+      type: Number,
+      default: null
+    },
+    favorites: {
+      type: Number,
+      default: 0
+    },
+    searches: {
+      type: Array,
+      default: () => []
+    },
+    countriesNotLentToUrl: {
+      type: String,
+      default: "/lend/countries-not-lent"
+    }
+  },
+  setup(e) {
+    return { hasSearches: t(() => e.searches.length > 0) };
+  }
+};
+export {
+  u as default
+};

package/dist/kv-components/dist/vue/KvWwwHeaderBasic/MobileLendMenu/RegionsPanel.js

@@ -0,0 +1,38 @@
+import k from "./RegionsPanel2.js";
+import { resolveComponent as r, resolveDirective as v, createElementBlock as n, openBlock as t, Fragment as c, renderList as d, createVNode as o, withCtx as i, withDirectives as h, createBlock as g, createElementVNode as y, toDisplayString as f } from "vue";
+import w from "../../../_virtual/_plugin-vue_export-helper.js";
+const x = { class: "tw-text-upper" };
+function B(C, D, a, s, L, b) {
+  const m = r("kv-loading-placeholder"), l = r("kv-accordion-item"), p = r("kv-lend-menu-country-list"), u = v("kv-track-event");
+  return t(), n("div", null, [
+    a.isRegionsLoading ? (t(), n(c, { key: 0 }, d(8, (e) => o(l, {
+      id: `regions-panel-placeholder-${e}`,
+      key: e,
+      disabled: !0
+    }, {
+      header: i(() => [
+        o(m, { style: { height: "1rem", width: "8rem" } })
+      ]),
+      _: 2
+    }, 1032, ["id"])), 64)) : (t(!0), n(c, { key: 1 }, d(a.regions, (e) => h((t(), g(l, {
+      id: `mobile-lend-menu-${s.paramCase(e.name)}-panel`,
+      key: e.name
+    }, {
+      header: i(() => [
+        y("h3", x, f(e.name), 1)
+      ]),
+      default: i(() => [
+        o(p, {
+          countries: e.countries
+        }, null, 8, ["countries"])
+      ]),
+      _: 2
+    }, 1032, ["id"])), [
+      [u, ["TopNav", "click-Lend-Region", e.name]]
+    ])), 128))
+  ]);
+}
+const E = /* @__PURE__ */ w(k, [["render", B]]);
+export {
+  E as default
+};

package/dist/kv-components/dist/vue/KvWwwHeaderBasic/MobileLendMenu/RegionsPanel2.js

@@ -0,0 +1,24 @@
+import o from "../../KvAccordionItem.js";
+import e from "../../KvLoadingPlaceholder.js";
+import r from "../../KvWwwHeader/LendMenu/KvLendMenuCountryList.js";
+import t from "../../../utils/paramCase.js";
+const m = {
+  name: "RegionsPanel",
+  components: { KvAccordionItem: o, KvLoadingPlaceholder: e, KvLendMenuCountryList: r },
+  props: {
+    regions: {
+      type: Array,
+      default: () => []
+    },
+    isRegionsLoading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup() {
+    return { paramCase: t };
+  }
+};
+export {
+  m as default
+};