@kiva/kv-components 8.16.1 → 8.17.1

package/dist/utils/useTypeaheadSearch.d.ts

@@ -10,7 +10,7 @@ export interface ResultGroup {
     group: string;
     items: SearchSuggestion[];
 }
-export declare function useTypeaheadSearch(source: Ref<SearchSuggestion[]>, appOrigin: string): {
+export declare function useTypeaheadSearch(source: Ref<SearchSuggestion[]>, appOrigin: Ref<string> | string): {
     term: Ref<string, string>;
     rawResults: Ref<any, any>;
     activeIndex: Ref<number, number>;

package/dist/utils/useTypeaheadSearch.js

@@ -1,36 +1,37 @@
-import { ref as o, watch as m, computed as h } from "vue";
-import v from "./typeaheadSearchEngine.js";
-import { GIFT_SUGGESTIONS as E, MAX_PER_GROUP as S, SECTION_ORDER as g } from "./typeaheadSearchConfig.js";
-const R = ["activity", "city_state", "loanTags", "state", "loanLimit"];
-function _(u) {
-  return Object.keys(u).some((n) => R.includes(n));
+import { ref as o, watch as g, computed as v, unref as E } from "vue";
+import S from "./typeaheadSearchEngine.js";
+import { GIFT_SUGGESTIONS as R, MAX_PER_GROUP as O, SECTION_ORDER as m } from "./typeaheadSearchConfig.js";
+const _ = ["activity", "city_state", "loanTags", "state", "loanLimit"];
+function T(u) {
+  return Object.keys(u).some((a) => _.includes(a));
 }
 function y(u) {
-  return u && _(u) ? "/lend" : "/lend/filter";
+  return u && T(u) ? "/lend" : "/lend/filter";
 }
-function w(u, n) {
-  const l = new v(), s = o(""), a = o([]), i = o(-1);
-  m(u, (e) => {
-    l.reset([...e ?? [], ...E]);
-  }, { immediate: !0 }), m(s, async (e) => {
-    if (i.value = -1, !e) {
-      a.value = [];
+function I(u, a) {
+  const i = new S(), n = o(""), s = o([]), l = o(-1);
+  g(u, (e) => {
+    i.reset([...e ?? [], ...R]);
+  }, { immediate: !0 }), g(n, async (e) => {
+    if (l.value = -1, !e) {
+      s.value = [];
       return;
     }
-    a.value = await l.search(e);
+    s.value = await i.search(e);
   });
-  const d = h(() => {
+  const p = v(() => {
     const e = /* @__PURE__ */ new Map();
-    return a.value.forEach((t) => {
-      const r = e.get(t.group) ?? [];
-      r.length < S && r.push(t), e.set(t.group, r);
-    }), [...e.keys()].sort((t, r) => g.indexOf(t) - g.indexOf(r)).map((t) => ({ group: t, items: e.get(t) ?? [] }));
+    return s.value.forEach((r) => {
+      const t = e.get(r.group) ?? [];
+      t.length < O && t.push(r), e.set(r.group, t);
+    }), [...e.keys()].sort((r, t) => m.indexOf(r) - m.indexOf(t)).map((r) => ({ group: r, items: e.get(r) ?? [] }));
   });
-  function p(e) {
+  function d(e) {
+    const r = E(a);
     if (typeof e == "string") {
       const f = { queryString: e };
       return {
-        url: `${n}${y(f)}`,
+        url: `${r}${y(f)}`,
         query: f,
         suggestion: null,
         term: e
@@ -41,24 +42,24 @@ function w(u, n) {
         url: e.url,
         query: null,
         suggestion: e,
-        term: s.value
+        term: n.value
       };
-    const [t, r] = (e.query ?? "").split("="), c = t ? { [t]: r } : null;
+    const [t, h] = (e.query ?? "").split("="), c = t ? { [t]: h } : null;
     return {
-      url: `${n}${y(c)}`,
+      url: `${r}${y(c)}`,
       query: c,
       suggestion: e,
-      term: s.value
+      term: n.value
     };
   }
   return {
-    term: s,
-    rawResults: a,
-    activeIndex: i,
-    groupedResults: d,
-    resolveSubmit: p
+    term: n,
+    rawResults: s,
+    activeIndex: l,
+    groupedResults: p,
+    resolveSubmit: d
   };
 }
 export {
-  w as useTypeaheadSearch
+  I as useTypeaheadSearch
 };

package/dist/vue/KvLoanTag.js

@@ -1,44 +1,44 @@
 import u from "./KvLoanTag2.js";
-import { KV_LOAN_TAG_FRAGMENT as O } from "./KvLoanTag2.js";
-import { resolveComponent as c, openBlock as e, createElementBlock as a, normalizeClass as _, normalizeStyle as g, Fragment as l, createTextVNode as i, toDisplayString as r, createElementVNode as h, createVNode as f, withCtx as k, renderList as p, createBlock as y, createCommentVNode as m } from "vue";
-import w from "../_virtual/_plugin-vue_export-helper.js";
-const x = ["id"];
-function v(M, N, o, C, T, t) {
-  const d = c("kv-tooltip"), s = c("kv-countdown-timer");
+import { KV_LOAN_TAG_FRAGMENT as L } from "./KvLoanTag2.js";
+import { resolveComponent as c, openBlock as e, createElementBlock as a, normalizeClass as _, normalizeStyle as g, Fragment as o, createTextVNode as i, toDisplayString as r, createElementVNode as h, createVNode as p, withCtx as f, renderList as k, createBlock as w, createCommentVNode as d } from "vue";
+import x from "../_virtual/_plugin-vue_export-helper.js";
+const y = ["id"];
+function v(M, N, l, A, C, t) {
+  const m = c("kv-tooltip"), s = c("kv-countdown-timer");
   return t.variation ? (e(), a("div", {
     key: 0,
     class: _(["tw-text-small tw-font-medium tw-pt-0.5", { "tw-line-clamp-1": !t.isMultipleMatch }]),
     style: g({ color: t.tagColor })
   }, [
-    t.isMultipleMatch ? (e(), a(l, { key: 0 }, [
+    t.isMultipleMatch ? (e(), a(o, { key: 0 }, [
       i(r(t.totalMatchRatio) + "x match by ", 1),
       h("span", {
-        id: `matching-orgs-${o.loan.id}`,
+        id: `matching-orgs-${l.loan.id}`,
         class: "tw-underline tw-decoration-dotted tw-cursor-pointer"
-      }, r(t.multiMatchingOrgs.length) + " organizations", 9, x),
-      f(d, {
-        controller: `matching-orgs-${o.loan.id}`,
+      }, r(t.multiMatchingOrgs.length) + " organizations", 9, y),
+      p(m, {
+        controller: `matching-orgs-${l.loan.id}`,
         theme: "default"
       }, {
-        default: k(() => [
-          (e(!0), a(l, null, p(t.multiMatchingOrgs, (n) => (e(), a("p", {
-            key: n.displayName,
+        default: f(() => [
+          (e(!0), a(o, null, k(t.multiMatchingOrgs, (n) => (e(), a("p", {
+            key: n.managedAccountId,
             class: "tw-m-0"
-          }, r(n.ratio + 1) + "x matching by " + r(n.displayName), 1))), 128))
+          }, r(n.ratio + 1) + "x matching by " + r(n.displayName || "a Kiva supporter"), 1))), 128))
         ]),
         _: 1
       }, 8, ["controller"])
-    ], 64)) : (e(), a(l, { key: 1 }, [
+    ], 64)) : (e(), a(o, { key: 1 }, [
       i(r(t.tagText) + " ", 1),
-      t.variation === "ending-soon" ? (e(), y(s, {
+      t.variation === "ending-soon" ? (e(), w(s, {
         key: 0,
         deadline: t.deadline
-      }, null, 8, ["deadline"])) : m("", !0)
+      }, null, 8, ["deadline"])) : d("", !0)
     ], 64))
-  ], 6)) : m("", !0);
+  ], 6)) : d("", !0);
 }
-const B = /* @__PURE__ */ w(u, [["render", v]]);
+const B = /* @__PURE__ */ x(u, [["render", v]]);
 export {
-  O as KV_LOAN_TAG_FRAGMENT,
+  L as KV_LOAN_TAG_FRAGMENT,
   B as default
 };

package/dist/vue/KvLoanTag2.js

@@ -20,6 +20,7 @@ const m = "N/A", a = {
 		matchRatio
 		matchingText
 		simultaneousMatching {
+			managedAccountId
 			displayName
 			ratio
 		}
@@ -87,7 +88,7 @@ const m = "N/A", a = {
         case a.matchedLoan: {
           if (this.enableMultiMatching && this.multiMatchingOrgs.length === 1) {
             const n = this.multiMatchingOrgs[0];
-            return `${this.useExpandedStyles ? "🤝 " : ""}${n.ratio + 1}x matching by ${n.displayName}`;
+            return `${this.useExpandedStyles ? "🤝 " : ""}${n.ratio + 1}x matching by ${n.displayName || "a Kiva supporter"}`;
           }
           return `${this.useExpandedStyles ? "🤝 " : ""}${this.matchRatio + 1}x matching by ${(t = this.loan) == null ? void 0 : t.matchingText}`;
         }

package/dist/vue/KvWwwHeaderBasic/KvWwwHeaderBasic.css

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

package/dist/vue/KvWwwHeaderBasic/KvWwwHeaderBasic.js

@@ -1,47 +1,47 @@
-import f from "./KvWwwHeaderBasic2.js";
-import { resolveComponent as l, openBlock as d, createBlock as u, withCtx as a, createElementVNode as s, normalizeStyle as m, createVNode as r, Transition as g, withDirectives as b, vShow as v, normalizeClass as k, resolveDynamicComponent as y, withModifiers as M } from "vue";
+import h from "./KvWwwHeaderBasic2.js";
+import { resolveComponent as l, openBlock as m, createBlock as u, withCtx as r, createElementVNode as s, normalizeStyle as d, createVNode as a, Transition as g, withDirectives as b, vShow as v, normalizeClass as k, resolveDynamicComponent as y, withModifiers as M } from "vue";
 import "./KvWwwHeaderBasic.css";
-import C from "../../_virtual/_plugin-vue_export-helper.js";
-function I(t, o, e, n, L, D) {
-  const w = l("link-bar"), h = l("kv-page-container"), c = l("kv-theme-provider");
-  return d(), u(c, {
+import I from "../../_virtual/_plugin-vue_export-helper.js";
+function L(t, o, n, e, C, D) {
+  const w = l("link-bar"), c = l("kv-page-container"), f = l("kv-theme-provider");
+  return m(), u(f, {
     tag: "div",
     class: "tw-bg-primary"
   }, {
-    default: a(() => [
+    default: r(() => [
       s("nav", {
         ref: "navRef",
-        class: "tw-font-medium tw-relative tw-border-b tw-border-tertiary",
-        style: m({ minHeight: n.MIN_HEADER_HEIGHT })
+        class: "tw-font-medium tw-relative",
+        style: d({ minHeight: e.MIN_HEADER_HEIGHT })
       }, [
-        r(h, null, {
-          default: a(() => [
-            r(g, { name: "header-fade" }, {
-              default: a(() => [
-                b(r(w, {
-                  "logged-in": e.loggedIn,
-                  "basket-count": e.basketCount,
-                  balance: e.balance,
-                  "user-id": e.userId,
-                  "is-borrower": e.isBorrower,
-                  "is-trustee": e.isTrustee,
-                  "lender-name": e.lenderName,
-                  "lender-image-url": e.lenderImageUrl,
-                  "is-user-data-loading": e.isUserDataLoading,
-                  "is-basket-data-loading": e.isBasketDataLoading,
-                  "show-m-g-upsell-link": e.showMGUpsellLink,
-                  "login-url": e.loginUrl,
-                  "my-dashboard-url": e.myDashboardUrl,
-                  "countries-not-lent-to-url": e.countriesNotLentToUrl,
-                  "app-origin": e.appOrigin,
-                  "search-suggestions": e.searchSuggestions,
-                  "is-mobile": n.isMobile,
-                  "open-menu-item": n.menuComponent,
-                  onItemHover: n.onItemHover,
+        a(c, null, {
+          default: r(() => [
+            a(g, { name: "header-fade" }, {
+              default: r(() => [
+                b(a(w, {
+                  "logged-in": n.loggedIn,
+                  "basket-count": n.basketCount,
+                  balance: n.balance,
+                  "user-id": n.userId,
+                  "is-borrower": n.isBorrower,
+                  "is-trustee": n.isTrustee,
+                  "lender-name": n.lenderName,
+                  "lender-image-url": n.lenderImageUrl,
+                  "is-user-data-loading": n.isUserDataLoading,
+                  "is-basket-data-loading": n.isBasketDataLoading,
+                  "show-m-g-upsell-link": n.showMGUpsellLink,
+                  "login-url": n.loginUrl,
+                  "my-dashboard-url": n.myDashboardUrl,
+                  "countries-not-lent-to-url": n.countriesNotLentToUrl,
+                  "app-origin": e.resolvedAppOrigin,
+                  "search-suggestions": e.effectiveSuggestions,
+                  "is-mobile": e.isMobile,
+                  "open-menu-item": e.menuComponent,
+                  onItemHover: e.onItemHover,
                   onLoadSearchData: o[0] || (o[0] = (i) => t.$emit("load-search-data")),
                   onSearchSubmit: o[1] || (o[1] = (i) => t.$emit("search-submit", i))
                 }, null, 8, ["logged-in", "basket-count", "balance", "user-id", "is-borrower", "is-trustee", "lender-name", "lender-image-url", "is-user-data-loading", "is-basket-data-loading", "show-m-g-upsell-link", "login-url", "my-dashboard-url", "countries-not-lent-to-url", "app-origin", "search-suggestions", "is-mobile", "open-menu-item", "onItemHover"]), [
-                  [v, n.linksVisible]
+                  [v, e.linksVisible]
                 ])
               ]),
               _: 1
@@ -50,47 +50,49 @@ function I(t, o, e, n, L, D) {
           _: 1
         })
       ], 4),
-      r(g, { name: "header-fade" }, {
-        default: a(() => [
+      a(g, { name: "header-fade" }, {
+        default: r(() => [
           b(s("div", {
             class: "tw-absolute tw-z-modal tw-h-full tw-inset-x-0 tw-bg-eco-green-4 bg-opacity-50 tw-min-h-screen",
-            style: m({ top: n.navHeight }),
-            onTouchstart: o[8] || (o[8] = (...i) => n.handleOverlayClick && n.handleOverlayClick(...i))
+            style: d({ top: e.navHeight }),
+            onTouchstart: o[8] || (o[8] = (...i) => e.handleOverlayClick && e.handleOverlayClick(...i))
           }, [
             s("div", {
               ref: "menuPanelRef",
-              class: k(["tw-bg-primary tw-overflow-y-auto", n.menuPanelClass]),
-              style: m({
-                ...n.menuPosition,
-                maxHeight: n.isMobileMenuActive ? "auto" : `calc(100dvh - ${n.navHeight})`
+              class: k(["tw-bg-primary tw-overflow-y-auto", e.menuPanelClass]),
+              style: d({
+                ...e.menuPosition,
+                maxHeight: e.isMobileMenuActive ? "auto" : `calc(100dvh - ${e.navHeight})`
               }),
-              onMouseenter: o[6] || (o[6] = (i) => n.setMenu(n.menuItem, n.menuComponent)),
-              onMouseleave: o[7] || (o[7] = (i) => n.setMenu())
+              onMouseenter: o[6] || (o[6] = (i) => e.setMenu(e.menuItem, e.menuComponent)),
+              onMouseleave: o[7] || (o[7] = (i) => e.setMenu())
             }, [
-              (d(), u(y(n.menuComponent), {
+              (m(), u(y(e.menuComponent), {
                 ref: "menuComponentInstance",
-                "logged-in": e.loggedIn,
-                "login-url": e.loginUrl,
-                "user-id": e.userId,
-                "is-borrower": e.isBorrower,
-                "is-trustee": e.isTrustee,
-                "my-dashboard-url": e.myDashboardUrl,
-                "show-m-g-upsell-link": e.showMGUpsellLink,
-                "is-mobile": n.isMobile,
-                "countries-not-lent-to-url": e.countriesNotLentToUrl,
+                "logged-in": n.loggedIn,
+                "login-url": n.loginUrl,
+                "user-id": n.userId,
+                "is-borrower": n.isBorrower,
+                "is-trustee": n.isTrustee,
+                "trustee-id": n.trusteeId,
+                "most-recent-borrowed-loan-id": n.mostRecentBorrowedLoanId,
+                "my-dashboard-url": n.myDashboardUrl,
+                "show-m-g-upsell-link": n.showMGUpsellLink,
+                "is-mobile": e.isMobile,
+                "countries-not-lent-to-url": n.countriesNotLentToUrl,
                 "use-mobile-mega-menu": !0,
-                "app-origin": e.appOrigin,
-                "search-suggestions": e.searchSuggestions,
-                onLoadLendMenuData: n.emitLendMenuEvent,
+                "app-origin": e.resolvedAppOrigin,
+                "search-suggestions": e.effectiveSuggestions,
+                onLoadLendMenuData: e.emitLendMenuEvent,
                 onLoadSearchData: o[2] || (o[2] = (i) => t.$emit("load-search-data")),
                 onSearchSubmit: o[3] || (o[3] = (i) => t.$emit("search-submit", i)),
-                onClosingMenu: o[4] || (o[4] = (i) => n.setMenu()),
+                onClosingMenu: o[4] || (o[4] = (i) => e.setMenu()),
                 onTouchstart: o[5] || (o[5] = M(() => {
                 }, ["stop"]))
-              }, null, 40, ["logged-in", "login-url", "user-id", "is-borrower", "is-trustee", "my-dashboard-url", "show-m-g-upsell-link", "is-mobile", "countries-not-lent-to-url", "app-origin", "search-suggestions", "onLoadLendMenuData"]))
+              }, null, 40, ["logged-in", "login-url", "user-id", "is-borrower", "is-trustee", "trustee-id", "most-recent-borrowed-loan-id", "my-dashboard-url", "show-m-g-upsell-link", "is-mobile", "countries-not-lent-to-url", "app-origin", "search-suggestions", "onLoadLendMenuData"]))
             ], 38)
           ], 36), [
-            [v, n.menuOpen]
+            [v, e.menuOpen]
           ])
         ]),
         _: 1
@@ -99,7 +101,7 @@ function I(t, o, e, n, L, D) {
     _: 1
   });
 }
-const B = /* @__PURE__ */ C(f, [["render", I], ["__scopeId", "data-v-eadac17f"]]);
+const B = /* @__PURE__ */ I(h, [["render", L], ["__scopeId", "data-v-0d2a85d2"]]);
 export {
   B as default
 };

package/dist/vue/KvWwwHeaderBasic/KvWwwHeaderBasic2.js

@@ -1,15 +1,26 @@
-import { ref as a, computed as r, watch as P, nextTick as T, onMounted as D, onBeforeUnmount as K } from "vue";
-import O from "../KvThemeProvider.js";
-import _ from "../KvPageContainer.js";
-import { useBreakpoints as $ } from "../../utils/useBreakpoints.js";
-import { useHeaderBasicMenuState as E } from "../../utils/useHeaderBasicMenuState.js";
-import R from "./LinkBar.js";
-const w = "4rem", F = {
+import { ref as o, computed as s, watch as D, nextTick as P, onMounted as K, onBeforeUnmount as $ } from "vue";
+import { gql as G } from "@apollo/client/core";
+import W from "../KvThemeProvider.js";
+import z from "../KvPageContainer.js";
+import { useBreakpoints as Q } from "../../utils/useBreakpoints.js";
+import { useHeaderBasicMenuState as V } from "../../utils/useHeaderBasicMenuState.js";
+import X from "./LinkBar.js";
+const S = "4rem", Y = G`
+	query loanSearchSuggestions {
+		lend {
+			loanSearchSuggestions {
+				group
+				label
+				query
+			}
+		}
+	}
+`, oe = {
   name: "KvWwwHeaderBasic",
   components: {
-    KvThemeProvider: O,
-    KvPageContainer: _,
-    LinkBar: R
+    KvThemeProvider: W,
+    KvPageContainer: z,
+    LinkBar: X
   },
   props: {
     loggedIn: { type: Boolean, default: !1 },
@@ -27,80 +38,101 @@ const w = "4rem", F = {
     myDashboardUrl: { type: String, default: "/mykiva" },
     countriesNotLentToUrl: { type: String, default: "/lend/countries-not-lent" },
     appOrigin: { type: String, default: "" },
-    searchSuggestions: { type: Array, default: () => [] }
+    searchSuggestions: { type: Array, default: () => [] },
+    trusteeId: { type: Number, default: null },
+    mostRecentBorrowedLoanId: { type: Number, default: null }
   },
   emits: ["load-lend-menu-data", "load-search-data", "search-submit"],
-  setup(W, { emit: b }) {
-    const { isMobile: y, checkIsMobile: g } = $(), {
-      menuOpen: M,
-      menuComponent: h,
-      menuItem: B,
-      menuPosition: m,
-      setMenu: i,
-      markMounted: k,
-      pinMenuOpen: I
-    } = E(), u = a(null), p = a(null), l = a(null), c = a(w), s = a(null), H = a(!0);
-    let n = null;
-    const d = r(() => {
+  setup(d, { emit: M }) {
+    const { isMobile: B, checkIsMobile: I } = Q(), {
+      menuOpen: k,
+      menuComponent: A,
+      menuItem: N,
+      menuPosition: v,
+      setMenu: f,
+      markMounted: O,
+      pinMenuOpen: H
+    } = V(), l = o(null), w = o(null), r = o(null), y = o(S), c = o(null), L = o(!0), b = o(d.appOrigin);
+    let u = null;
+    const m = o([]);
+    let p = !1;
+    const U = s(
+      () => m.value.length ? m.value : d.searchSuggestions
+    ), g = s(() => {
       var t, e;
-      return ((e = (t = u.value) == null ? void 0 : t.$options) == null ? void 0 : e.name) === "MobileMenu";
-    }), v = r(() => {
+      return ((e = (t = l.value) == null ? void 0 : t.$options) == null ? void 0 : e.name) === "MobileMenu";
+    }), h = s(() => {
       var t, e;
-      return ((e = (t = u.value) == null ? void 0 : t.$options) == null ? void 0 : e.name) === "MyKivaMenu";
-    }), S = r(() => {
+      return ((e = (t = l.value) == null ? void 0 : t.$options) == null ? void 0 : e.name) === "MyKivaMenu";
+    }), q = s(() => {
       var t, e;
-      return ((e = (t = u.value) == null ? void 0 : t.$options) == null ? void 0 : e.name) === "AboutMenu";
-    }), A = r(() => d.value ? "tw-w-full tw-min-h-dvh tw-rounded-none" : v.value ? "tw-w-auto tw-rounded-b tw-border tw-border-t-0 tw-border-tertiary" : S.value ? "tw-w-full md:tw-w-auto tw-rounded-none !tw-rounded-b md:tw-border md:tw-border-t-0 md:tw-border-tertiary" : "tw-w-full md:tw-w-auto tw-rounded-none !md:tw-rounded-b");
-    function C(t, e, o, f = null) {
-      s.value = f, i(t, e, o);
+      return ((e = (t = l.value) == null ? void 0 : t.$options) == null ? void 0 : e.name) === "AboutMenu";
+    }), C = s(() => g.value ? "tw-w-full tw-min-h-dvh tw-rounded-none" : h.value ? "tw-w-auto tw-rounded-b tw-border tw-border-t-0 tw-border-tertiary" : q.value ? "tw-w-full md:tw-w-auto tw-rounded-none !tw-rounded-b md:tw-border md:tw-border-t-0 md:tw-border-tertiary" : "tw-w-full md:tw-w-auto tw-rounded-none !md:tw-rounded-b");
+    function R(t, e, n, i = null) {
+      c.value = i, f(t, e, n);
     }
-    P(v, async (t) => {
-      if (!t || s.value == null) return;
-      await T();
-      const e = p.value;
+    D(h, async (t) => {
+      if (!t || c.value == null) return;
+      await P();
+      const e = w.value;
       if (!e) return;
-      const o = e.offsetWidth, f = s.value, N = Math.max(0, window.innerWidth - (f + o / 2));
-      m.value = { right: `${N}px`, position: "absolute" };
+      const n = e.offsetWidth, i = c.value, a = Math.max(0, window.innerWidth - (i + n / 2));
+      v.value = { right: `${a}px`, position: "absolute" };
     });
-    function L() {
-      b("load-lend-menu-data");
+    function E() {
+      M("load-lend-menu-data");
     }
-    function U(t) {
-      var e, o;
-      (o = (e = u.value) == null ? void 0 : e.onLoad) == null || o.call(e, t);
+    function T(t) {
+      var e, n;
+      (n = (e = l.value) == null ? void 0 : e.onLoad) == null || n.call(e, t);
+    }
+    async function _(t) {
+      var e;
+      if (!p) {
+        p = !0;
+        try {
+          const { data: n } = await t.query({ query: Y }), i = ((e = n == null ? void 0 : n.lend) == null ? void 0 : e.loanSearchSuggestions) ?? [];
+          m.value = i.filter((a) => !!a).map((a) => ({ group: a.group ?? "", label: a.label ?? "", query: a.query ?? void 0 }));
+        } catch {
+          p = !1;
+        }
+      }
     }
     function x() {
-      d.value || i();
+      g.value || f();
     }
-    return D(() => {
-      g(), k(), l.value && typeof ResizeObserver < "u" && (n = new ResizeObserver(() => {
-        l.value && (c.value = `${l.value.offsetHeight}px`);
-      }), n.observe(l.value));
-    }), K(() => {
-      n == null || n.disconnect(), n = null;
+    return K(() => {
+      !d.appOrigin && typeof window < "u" && (b.value = window.location.origin), I(), O(), r.value && typeof ResizeObserver < "u" && (u = new ResizeObserver(() => {
+        r.value && (y.value = `${r.value.offsetHeight}px`);
+      }), u.observe(r.value));
+    }), $(() => {
+      u == null || u.disconnect(), u = null;
     }), {
-      MIN_HEADER_HEIGHT: w,
-      navHeight: c,
-      navRef: l,
-      linksVisible: H,
-      isMobile: y,
-      menuOpen: M,
-      menuComponent: h,
-      menuItem: B,
-      menuPosition: m,
-      isMobileMenuActive: d,
-      menuPanelClass: A,
-      menuComponentInstance: u,
-      menuPanelRef: p,
-      pinMenuOpen: I,
-      setMenu: i,
-      onItemHover: C,
+      MIN_HEADER_HEIGHT: S,
+      navHeight: y,
+      navRef: r,
+      linksVisible: L,
+      resolvedAppOrigin: b,
+      effectiveSuggestions: U,
+      isMobile: B,
+      menuOpen: k,
+      menuComponent: A,
+      menuItem: N,
+      menuPosition: v,
+      isMobileMenuActive: g,
+      menuPanelClass: C,
+      menuComponentInstance: l,
+      menuPanelRef: w,
+      pinMenuOpen: H,
+      setMenu: f,
+      onItemHover: R,
       handleOverlayClick: x,
-      emitLendMenuEvent: L,
-      loadMenuData: U
+      emitLendMenuEvent: E,
+      loadMenuData: T,
+      loadSearchSuggestions: _
     };
   }
 };
 export {
-  F as default
+  oe as default
 };

package/dist/vue/KvWwwHeaderBasic/LinkBar.vue.d.ts

@@ -115,6 +115,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        trusteeId: {
+            type: NumberConstructor;
+            default: any;
+        };
+        mostRecentBorrowedLoanId: {
+            type: NumberConstructor;
+            default: any;
+        };
         myDashboardUrl: {
             type: StringConstructor;
             default: string;
@@ -124,6 +132,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
     }>, {
+        trusteeLoansUrl: import('vue').ComputedRef<string>;
         onLinkClick: (action: string) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "closing-menu"[], "closing-menu", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         loggedIn: {
@@ -142,6 +151,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        trusteeId: {
+            type: NumberConstructor;
+            default: any;
+        };
+        mostRecentBorrowedLoanId: {
+            type: NumberConstructor;
+            default: any;
+        };
         myDashboardUrl: {
             type: StringConstructor;
             default: string;
@@ -159,6 +176,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         isTrustee: boolean;
         myDashboardUrl: string;
         userId: number;
+        trusteeId: number;
+        mostRecentBorrowedLoanId: number;
     }, {}, {
         KvHeaderMenuLink: any;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/vue/KvWwwHeaderBasic/MyKivaMenu.css

@@ -1 +1 @@
-[data-v-8dbf5f0b] a{padding-top:.5rem;padding-bottom:.5rem}
+[data-v-7b004666] a{padding-top:.5rem;padding-bottom:.5rem}

package/dist/vue/KvWwwHeaderBasic/MyKivaMenu.js

@@ -1,90 +1,132 @@
-import m from "./MyKivaMenu2.js";
-import { resolveComponent as a, openBlock as k, createElementBlock as u, createVNode as l, withCtx as i, createTextVNode as n, createBlock as d, createCommentVNode as s } from "vue";
+import u from "./MyKivaMenu2.js";
+import { resolveComponent as C, openBlock as f, createElementBlock as d, createVNode as r, withCtx as e, createTextVNode as i, Fragment as s, createCommentVNode as m } from "vue";
 import "./MyKivaMenu.css";
-import C from "../../_virtual/_plugin-vue_export-helper.js";
-const w = { class: "tw-flex tw-flex-col tw-items-start tw-font-medium tw-mt-0.5 tw-pb-1 tw-px-2" };
-function b(v, o, f, t, y, P) {
-  const r = a("kv-header-menu-link");
-  return k(), u("nav", w, [
-    l(r, {
-      href: f.myDashboardUrl,
+import y from "../../_virtual/_plugin-vue_export-helper.js";
+const a = { class: "tw-flex tw-flex-col tw-items-start tw-font-medium tw-mt-0.5 tw-pb-1 tw-px-2" };
+function w(v, o, k, t, M, b) {
+  const n = C("kv-header-menu-link");
+  return f(), d("nav", a, [
+    r(n, {
+      href: k.myDashboardUrl,
       class: "md:tw-hidden",
-      onClick: o[0] || (o[0] = (e) => t.onLinkClick("click-Dashboard"))
+      onClick: o[0] || (o[0] = (l) => t.onLinkClick("click-Dashboard"))
     }, {
-      default: i(() => o[8] || (o[8] = [
-        n(" My Dashboard ")
+      default: e(() => o[12] || (o[12] = [
+        i(" My Dashboard ")
       ])),
       _: 1
     }, 8, ["href"]),
-    l(r, {
+    k.isBorrower ? (f(), d(s, { key: 0 }, [
+      r(n, {
+        href: "/my/borrower",
+        onClick: o[1] || (o[1] = (l) => t.onLinkClick("click-Portfolio-My borrower dashboard"))
+      }, {
+        default: e(() => o[13] || (o[13] = [
+          i(" My borrower dashboard ")
+        ])),
+        _: 1
+      }),
+      k.mostRecentBorrowedLoanId !== null ? (f(), d(s, { key: 0 }, [
+        r(n, {
+          href: `/lend/${k.mostRecentBorrowedLoanId}`,
+          onClick: o[2] || (o[2] = (l) => t.onLinkClick("click-Portfolio-My loan page"))
+        }, {
+          default: e(() => o[14] || (o[14] = [
+            i(" My loan page ")
+          ])),
+          _: 1
+        }, 8, ["href"]),
+        r(n, {
+          href: `/lend-classic/${k.mostRecentBorrowedLoanId}#loanComments`,
+          onClick: o[3] || (o[3] = (l) => t.onLinkClick("click-Portfolio-My Conversations"))
+        }, {
+          default: e(() => o[15] || (o[15] = [
+            i(" My conversations ")
+          ])),
+          _: 1
+        }, 8, ["href"])
+      ], 64)) : m("", !0)
+    ], 64)) : m("", !0),
+    k.isTrustee ? (f(), d(s, { key: 1 }, [
+      k.isBorrower ? m("", !0) : (f(), d(s, { key: 0 }, [
+        r(n, {
+          href: t.trusteeLoansUrl,
+          onClick: o[4] || (o[4] = (l) => t.onLinkClick("click-Portfolio-My Trustee loans"))
+        }, {
+          default: e(() => o[16] || (o[16] = [
+            i(" My Trustee loans ")
+          ])),
+          _: 1
+        }, 8, ["href"]),
+        r(n, {
+          href: `/trustees/${k.trusteeId}`,
+          onClick: o[5] || (o[5] = (l) => t.onLinkClick("click-Portfolio-My public Trustee page"))
+        }, {
+          default: e(() => o[17] || (o[17] = [
+            i(" My public Trustee page ")
+          ])),
+          _: 1
+        }, 8, ["href"])
+      ], 64)),
+      r(n, {
+        href: "/my/trustee",
+        onClick: o[6] || (o[6] = (l) => t.onLinkClick("click-Portfolio-My Trustee dashboard"))
+      }, {
+        default: e(() => o[18] || (o[18] = [
+          i(" My Trustee dashboard ")
+        ])),
+        _: 1
+      })
+    ], 64)) : m("", !0),
+    r(n, {
       href: "/portfolio",
-      onClick: o[1] || (o[1] = (e) => t.onLinkClick("click-Portfolio-Portfolio"))
+      onClick: o[7] || (o[7] = (l) => t.onLinkClick("click-Portfolio-Portfolio"))
     }, {
-      default: i(() => o[9] || (o[9] = [
-        n(" Portfolio ")
+      default: e(() => o[19] || (o[19] = [
+        i(" Portfolio ")
       ])),
       _: 1
     }),
-    l(r, {
+    r(n, {
       href: "/teams/my-teams",
-      onClick: o[2] || (o[2] = (e) => t.onLinkClick("click-Portfolio-My teams"))
+      onClick: o[8] || (o[8] = (l) => t.onLinkClick("click-Portfolio-My teams"))
     }, {
-      default: i(() => o[10] || (o[10] = [
-        n(" My Teams ")
+      default: e(() => o[20] || (o[20] = [
+        i(" My Teams ")
       ])),
       _: 1
     }),
-    l(r, {
+    r(n, {
       href: "/portfolio/donations",
-      onClick: o[3] || (o[3] = (e) => t.onLinkClick("click-Portfolio-Donations"))
+      onClick: o[9] || (o[9] = (l) => t.onLinkClick("click-Portfolio-Donations"))
     }, {
-      default: i(() => o[11] || (o[11] = [
-        n(" Donations ")
+      default: e(() => o[21] || (o[21] = [
+        i(" Donations ")
       ])),
       _: 1
     }),
-    l(r, {
+    r(n, {
       href: "/settings",
-      onClick: o[4] || (o[4] = (e) => t.onLinkClick("click-Portfolio-Settings"))
+      onClick: o[10] || (o[10] = (l) => t.onLinkClick("click-Portfolio-Settings"))
     }, {
-      default: i(() => o[12] || (o[12] = [
-        n(" Settings ")
+      default: e(() => o[22] || (o[22] = [
+        i(" Settings ")
       ])),
       _: 1
     }),
-    f.isBorrower ? (k(), d(r, {
-      key: 0,
-      href: "/my/borrower",
-      onClick: o[5] || (o[5] = (e) => t.onLinkClick("click-Portfolio-My borrower dashboard"))
-    }, {
-      default: i(() => o[13] || (o[13] = [
-        n(" Borrower Dashboard ")
-      ])),
-      _: 1
-    })) : s("", !0),
-    f.isTrustee ? (k(), d(r, {
-      key: 1,
-      href: "/my/trustee",
-      onClick: o[6] || (o[6] = (e) => t.onLinkClick("click-Portfolio-My Trustee dashboard"))
-    }, {
-      default: i(() => o[14] || (o[14] = [
-        n(" Trustee Dashboard ")
-      ])),
-      _: 1
-    })) : s("", !0),
-    l(r, {
+    r(n, {
       href: "/ui-logout",
       class: "tw-border-t tw-border-secondary tw-w-full",
-      onClick: o[7] || (o[7] = (e) => t.onLinkClick("click-Portfolio-Sign out"))
+      onClick: o[11] || (o[11] = (l) => t.onLinkClick("click-Portfolio-Sign out"))
     }, {
-      default: i(() => o[15] || (o[15] = [
-        n(" Sign out ")
+      default: e(() => o[23] || (o[23] = [
+        i(" Sign out ")
       ])),
       _: 1
     })
   ]);
 }
-const g = /* @__PURE__ */ C(m, [["render", b], ["__scopeId", "data-v-8dbf5f0b"]]);
+const x = /* @__PURE__ */ y(u, [["render", w], ["__scopeId", "data-v-7b004666"]]);
 export {
-  g as default
+  x as default
 };

package/dist/vue/KvWwwHeaderBasic/MyKivaMenu.vue.d.ts

@@ -15,6 +15,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    trusteeId: {
+        type: NumberConstructor;
+        default: any;
+    };
+    mostRecentBorrowedLoanId: {
+        type: NumberConstructor;
+        default: any;
+    };
     myDashboardUrl: {
         type: StringConstructor;
         default: string;
@@ -24,6 +32,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
 }>, {
+    trusteeLoansUrl: import('vue').ComputedRef<string>;
     onLinkClick: (action: string) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "closing-menu"[], "closing-menu", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     loggedIn: {
@@ -42,6 +51,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    trusteeId: {
+        type: NumberConstructor;
+        default: any;
+    };
+    mostRecentBorrowedLoanId: {
+        type: NumberConstructor;
+        default: any;
+    };
     myDashboardUrl: {
         type: StringConstructor;
         default: string;
@@ -59,6 +76,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isTrustee: boolean;
     myDashboardUrl: string;
     userId: number;
+    trusteeId: number;
+    mostRecentBorrowedLoanId: number;
 }, {}, {
     KvHeaderMenuLink: any;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/vue/KvWwwHeaderBasic/MyKivaMenu2.js

@@ -1,8 +1,8 @@
-import { inject as a } from "vue";
-import l from "../KvWwwHeader/KvHeaderMenuLink.js";
-const u = {
+import { inject as l, computed as r } from "vue";
+import u from "../KvWwwHeader/KvHeaderMenuLink.js";
+const f = {
   name: "MyKivaMenu",
-  components: { KvHeaderMenuLink: l },
+  components: { KvHeaderMenuLink: u },
   props: {
     // Accepts the orchestrator's user props; loggedIn/userId are part of the shared menu contract.
     loggedIn: {
@@ -21,6 +21,14 @@ const u = {
       type: Boolean,
       default: !1
     },
+    trusteeId: {
+      type: Number,
+      default: null
+    },
+    mostRecentBorrowedLoanId: {
+      type: Number,
+      default: null
+    },
     myDashboardUrl: {
       type: String,
       default: "/mykiva"
@@ -31,15 +39,17 @@ const u = {
     }
   },
   emits: ["closing-menu"],
-  setup(r, { emit: e }) {
-    const o = a("$kvTrackEvent", () => {
-    });
-    function n(t) {
-      o("TopNav", t), e("closing-menu");
+  setup(e, { emit: t }) {
+    const n = l("$kvTrackEvent", () => {
+    }), o = r(
+      () => `/lend?trustee=${e.trusteeId}&status=fundraising&sortBy=newest`
+    );
+    function a(s) {
+      n("TopNav", s), t("closing-menu");
     }
-    return { onLinkClick: n };
+    return { trusteeLoansUrl: o, onLinkClick: a };
   }
 };
 export {
-  u as default
+  f as default
 };

package/dist/vue/KvWwwHeaderBasic/SearchBar2.js

@@ -1,4 +1,4 @@
-import { inject as x, ref as m, toRef as B, computed as s } from "vue";
+import { inject as B, ref as m, toRef as p, computed as s } from "vue";
 import { mdiMagnify as E } from "@mdi/js";
 import F from "../KvTextInput.js";
 import O from "../../utils/markMatches.js";
@@ -22,60 +22,60 @@ const K = {
   },
   emits: ["load-search-data", "search-submit"],
   setup(r, { emit: i }) {
-    const f = x("$kvTrackEvent", () => {
-    }), p = "kv-www-header-basic-search", n = m(!1), v = m(!1), {
+    const f = B("$kvTrackEvent", () => {
+    }), d = "kv-www-header-basic-search", n = m(!1), v = m(!1), {
       term: t,
       groupedResults: l,
       activeIndex: a,
-      resolveSubmit: d
-    } = _(B(r, "searchSuggestions"), r.appOrigin), o = s(() => l.value.flatMap((e) => e.items)), u = s(() => a.value > -1 ? o.value[a.value] : void 0), g = s(() => {
+      resolveSubmit: g
+    } = _(p(r, "searchSuggestions"), p(r, "appOrigin")), o = s(() => l.value.flatMap((e) => e.items)), u = s(() => a.value > -1 ? o.value[a.value] : void 0), b = s(() => {
       var e;
       return ((e = u.value) == null ? void 0 : e.label) ?? t.value;
-    }), b = s(() => l.value.length > 0 && n.value);
-    function y(e) {
+    }), y = s(() => l.value.length > 0 && n.value);
+    function S(e) {
       t.value = e;
     }
-    function S() {
+    function k() {
       n.value = !0, v.value || (i("load-search-data"), v.value = !0), f("search", "focus");
     }
-    function k() {
+    function w() {
       n.value = !1, a.value = -1;
     }
     function c(e) {
-      const h = d(e);
+      const h = g(e);
       f("search", "click", h.suggestion ? "type-ahead-search" : "custom-search-option"), i("search-submit", h);
     }
-    function w(e) {
+    function I(e) {
       c(e);
     }
-    function I() {
+    function R() {
       u.value ? c(u.value) : c(t.value);
     }
-    function R() {
+    function T() {
       a.value += 1, a.value >= o.value.length && (a.value = -1);
     }
-    function T() {
+    function M() {
       a.value === -1 && (a.value = o.value.length), a.value -= 1;
     }
-    function M(e) {
+    function x(e) {
       return O(e.label, e.matches);
     }
     return {
       mdiMagnify: E,
-      inputId: p,
+      inputId: d,
       term: t,
-      displayTerm: g,
+      displayTerm: b,
       groupedResults: l,
       highlighted: u,
-      showResults: b,
-      onInput: y,
-      onFocus: S,
-      onBlur: k,
-      onSubmit: I,
-      runSearch: w,
-      listUp: T,
-      listDown: R,
-      formatResult: M
+      showResults: y,
+      onInput: S,
+      onFocus: k,
+      onBlur: w,
+      onSubmit: R,
+      runSearch: I,
+      listUp: M,
+      listDown: T,
+      formatResult: x
     };
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "8.16.1",
+  "version": "8.17.1",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -128,5 +128,5 @@
   "dependencies": {
     "fuse.js": "^7.1.0"
   },
-  "gitHead": "53a3bbfe1d8defe4d0b0079d0eda2d272d1488ea"
+  "gitHead": "b717eef77a82336fd6df9908773911555f431a71"
 }