@kiva/kv-components 6.40.1 → 6.40.2

package/dist/vue/KvWwwHeader/KvHeaderMobileMenu.js

@@ -0,0 +1,73 @@
+import s from "./KvHeaderMenuLink.js";
+import { resolveComponent as f, resolveDirective as m, openBlock as t, createElementBlock as p, withDirectives as r, createBlock as i, withCtx as l, createTextVNode as u, createCommentVNode as d } from "vue";
+import v from "../../_virtual/_plugin-vue_export-helper.js";
+const k = {
+  components: {
+    KvHeaderMenuLink: s
+  },
+  props: {
+    loggedIn: {
+      type: Boolean,
+      default: !1
+    },
+    loginUrl: {
+      type: String,
+      default: "/ui-login"
+    }
+  }
+}, c = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-end lg:tw-hidden tw-font-medium" };
+function w(_, e, a, g, b, x) {
+  const o = f("kv-header-menu-link"), n = m("kv-track-event");
+  return t(), p("nav", c, [
+    a.loggedIn ? d("", !0) : r((t(), i(o, {
+      key: 0,
+      href: a.loginUrl
+    }, {
+      default: l(() => e[0] || (e[0] = [
+        u(" Sign in ")
+      ])),
+      _: 1
+    }, 8, ["href"])), [
+      [n, ["TopNav", "click-menu-Sign-in"]]
+    ]),
+    r((t(), i(o, { href: "/donate/supportus" }, {
+      default: l(() => e[1] || (e[1] = [
+        u(" Support Kiva ")
+      ])),
+      _: 1
+    })), [
+      [n, ["TopNav", "click-menu-Support-kiva"]]
+    ]),
+    a.loggedIn ? d("", !0) : r((t(), i(o, {
+      key: 1,
+      href: "/borrow"
+    }, {
+      default: l(() => e[2] || (e[2] = [
+        u(" Borrow ")
+      ])),
+      _: 1
+    })), [
+      [n, ["TopNav", "click-menu-Borrow"]]
+    ]),
+    r((t(), i(o, { href: "/about" }, {
+      default: l(() => e[3] || (e[3] = [
+        u(" About us ")
+      ])),
+      _: 1
+    })), [
+      [n, ["TopNav", "click-menu-About-us"]]
+    ]),
+    r((t(), i(o, { href: "/about/partner-with-us" }, {
+      default: l(() => e[4] || (e[4] = [
+        u(" Partner with us ")
+      ])),
+      _: 1
+    })), [
+      [n, ["TopNav", "click-menu-Partner-with-us"]]
+    ])
+  ]);
+}
+const T = /* @__PURE__ */ v(k, [["render", w]]);
+export {
+  T as default
+};

package/dist/vue/KvWwwHeader/KvHeaderMyKivaMenu.js

@@ -0,0 +1,90 @@
+import u from "numeral";
+import d from "./KvHeaderMenuLink.js";
+import { resolveComponent as p, openBlock as l, createElementBlock as w, createVNode as n, withCtx as o, createElementVNode as a, toDisplayString as y, createTextVNode as r, createBlock as f, createCommentVNode as i } from "vue";
+import k from "../../_virtual/_plugin-vue_export-helper.js";
+const x = {
+  components: {
+    KvHeaderMenuLink: d
+  },
+  props: {
+    balance: {
+      type: Number,
+      default: 0
+    },
+    isBorrower: {
+      type: Boolean,
+      default: !1
+    },
+    isTrustee: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup() {
+    return {
+      numeral: u
+    };
+  }
+}, g = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start lg:tw-items-end tw-font-medium" }, B = { class: "tw-text-eco-green-3" };
+function _(b, e, s, m, v, N) {
+  const t = p("kv-header-menu-link");
+  return l(), w("nav", g, [
+    n(t, {
+      href: "/portfolio",
+      class: "tw-inline-flex tw-gap-0.5"
+    }, {
+      default: o(() => [
+        e[0] || (e[0] = a("span", null, "Portfolio", -1)),
+        e[1] || (e[1] = a("span", { class: "tw-text-secondary" }, "|", -1)),
+        a("span", B, y(m.numeral(s.balance).format("$0")), 1)
+      ]),
+      _: 1
+    }),
+    n(t, { href: "/teams/my-teams" }, {
+      default: o(() => e[2] || (e[2] = [
+        r(" My Teams ")
+      ])),
+      _: 1
+    }),
+    n(t, { href: "/portfolio/donations" }, {
+      default: o(() => e[3] || (e[3] = [
+        r(" Donations ")
+      ])),
+      _: 1
+    }),
+    n(t, { href: "/settings" }, {
+      default: o(() => e[4] || (e[4] = [
+        r(" Settings ")
+      ])),
+      _: 1
+    }),
+    s.isBorrower ? (l(), f(t, {
+      key: 0,
+      href: "/my/borrower"
+    }, {
+      default: o(() => e[5] || (e[5] = [
+        r(" Borrower Dashboard ")
+      ])),
+      _: 1
+    })) : i("", !0),
+    s.isTrustee ? (l(), f(t, {
+      key: 1,
+      href: "/my/trustee"
+    }, {
+      default: o(() => e[6] || (e[6] = [
+        r(" Trustee Dashboard ")
+      ])),
+      _: 1
+    })) : i("", !0),
+    n(t, { href: "/ui-logout" }, {
+      default: o(() => e[7] || (e[7] = [
+        r(" Sign out ")
+      ])),
+      _: 1
+    })
+  ]);
+}
+const C = /* @__PURE__ */ k(x, [["render", _]]);
+export {
+  C as default
+};

package/dist/vue/KvWwwHeader/KvHeaderSearchBar.js

@@ -0,0 +1,72 @@
+import { ref as f, resolveComponent as u, resolveDirective as h, openBlock as c, createElementBlock as w, withDirectives as d, createElementVNode as p, withKeys as v, vModelText as y, createVNode as x, normalizeClass as _, createTextVNode as S } from "vue";
+import { useSiteSearch as g } from "../../utils/siteSearch.js";
+import { mdiMagnify as k } from "@mdi/js";
+import b from "../KvMaterialIcon.js";
+import T from "../../_virtual/_plugin-vue_export-helper.js";
+const V = {
+  components: {
+    KvMaterialIcon: b
+  },
+  emits: [
+    "close-search"
+  ],
+  setup(m, { emit: t }) {
+    const {
+      searchInput: n,
+      displayTerm: e,
+      runSearch: i,
+      getSuggestions: a
+    } = g(), o = f(!1);
+    return {
+      mdiMagnify: k,
+      closeSearch: () => {
+        o.value = !1, t("close-search");
+      },
+      displayTerm: e,
+      onOpen: () => {
+        var s;
+        o.value = !0, (s = n.value) == null || s.focus();
+      },
+      searchInput: n,
+      searchExitVisible: o,
+      runSearch: i,
+      getSuggestions: a
+    };
+  }
+}, E = { class: "tw-inline-flex tw-pl-1.5 md:tw-pl-0 tw-w-full" }, C = { class: "tw-flex-none tw-order-first tw-inline-flex tw-items-center tw-my-1.5 tw-p-0.5 tw-rounded-l tw-bg-tertiary peer-placeholder-shown:tw-bg-secondary tw-transition-colors tw-duration-100" };
+function K(m, t, n, e, i, a) {
+  const o = u("kv-material-icon"), l = h("kv-track-event");
+  return c(), w("div", E, [
+    d(p("input", {
+      ref: "searchInput",
+      "onUpdate:modelValue": t[0] || (t[0] = (r) => e.displayTerm = r),
+      type: "text",
+      placeholder: "Search",
+      class: "tw-peer tw-flex-1 tw-min-w-0 tw-my-1.5 tw-px-1 tw-rounded-r tw-bg-tertiary placeholder-shown:tw-bg-secondary focus:tw-outline-none placeholder:tw-text-gray-300 placeholder:tw-font-medium tw-transition-colors tw-duration-100",
+      onKeydown: t[1] || (t[1] = v((r) => e.runSearch(e.displayTerm), ["enter"]))
+    }, null, 544), [
+      [y, e.displayTerm]
+    ]),
+    p("div", C, [
+      x(o, {
+        class: "tw-w-3 tw-h-3",
+        icon: e.mdiMagnify
+      }, null, 8, ["icon"])
+    ]),
+    d((c(), w("button", {
+      class: _(["tw-px-2.5 tw-transition-opacity", {
+        "tw-opacity-full tw-duration-300": e.searchExitVisible,
+        "tw-opacity-0 tw-duration-100": !e.searchExitVisible
+      }]),
+      onClick: t[2] || (t[2] = (...r) => e.closeSearch && e.closeSearch(...r))
+    }, t[3] || (t[3] = [
+      S(" Cancel ")
+    ]), 2)), [
+      [l, ["TopNav", "click-cancel-search"]]
+    ])
+  ]);
+}
+const O = /* @__PURE__ */ T(V, [["render", K]]);
+export {
+  O as default
+};

package/dist/vue/KvWwwHeader/KvHeaderSearchSuggestions.css

@@ -0,0 +1 @@
+.search-results[data-v-f3f87a06]{top:3.75rem}

package/dist/vue/KvWwwHeader/KvHeaderSearchSuggestions.js

@@ -0,0 +1,57 @@
+import { useSiteSearch as h } from "../../utils/siteSearch.js";
+import { withDirectives as u, openBlock as t, createElementBlock as e, createElementVNode as i, Fragment as d, renderList as c, toDisplayString as w, normalizeClass as m, withModifiers as p, vShow as _ } from "vue";
+import "./KvHeaderSearchSuggestions.css";
+import g from "../../_virtual/_plugin-vue_export-helper.js";
+const f = {
+  setup() {
+    const {
+      suggestionSections: a,
+      highlightedSuggestion: r,
+      runSearch: l
+    } = h();
+    return {
+      suggestionSections: a,
+      highlightedSuggestion: r,
+      runSearch: l
+    };
+  }
+}, S = { class: "search-results tw-absolute tw-bg-primary tw-border tw-border-tertiary tw-p-2.5 tw-w-full tw-z-popover" }, v = {
+  style: {
+    "max-width": "600px"
+  },
+  class: "tw-mx-auto"
+}, y = ["data-testid"], b = { class: "tw-text-base tw-py-0.5" }, x = ["onClick"], k = ["innerHTML"];
+function M(a, r, l, o, C, H) {
+  return u((t(), e("div", S, [
+    i("ol", v, [
+      (t(!0), e(d, null, c(o.suggestionSections, (s) => (t(), e("li", {
+        key: s.name,
+        "data-testid": `header-search-results-${s.name}`
+      }, [
+        i("h2", b, w(s.name), 1),
+        i("ol", null, [
+          (t(!0), e(d, null, c(s.suggestions, (n) => (t(), e("li", {
+            key: n.label,
+            "data-testid": "header-search-result-item",
+            class: m(["tw-pl-1.5 tw-py-0.5 tw-rounded-sm tw-font-medium tw-cursor-pointer hover:tw-bg-tertiary hover:tw-underline", {
+              "tw-bg-tertiary tw-underline": o.highlightedSuggestion === n
+            }]),
+            onMousedown: r[0] || (r[0] = p(() => {
+            }, ["prevent"])),
+            onClick: (L) => o.runSearch(n)
+          }, [
+            i("span", {
+              innerHTML: n.html
+            }, null, 8, k)
+          ], 42, x))), 128))
+        ])
+      ], 8, y))), 128))
+    ])
+  ], 512)), [
+    [_, o.suggestionSections.length]
+  ]);
+}
+const T = /* @__PURE__ */ g(f, [["render", M], ["__scopeId", "data-v-f3f87a06"]]);
+export {
+  T as default
+};

package/dist/vue/KvWwwHeader/LendMenu/KvLendListMenu.css

@@ -0,0 +1 @@
+.lend-link[data-v-1f513006]{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-1f513006]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1))}

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

@@ -0,0 +1,257 @@
+import { mdiArrowRight as S } from "@mdi/js";
+import { ref as w, computed as I, resolveComponent as u, resolveDirective as B, openBlock as t, createElementBlock as s, createVNode as i, withCtx as a, createTextVNode as d, createBlock as L, createCommentVNode as T, createElementVNode as l, Fragment as b, renderList as g, withDirectives as v, toDisplayString as A } from "vue";
+import M from "../../KvAccordionItem.js";
+import V from "../../KvLoadingPlaceholder.js";
+import D from "./KvLendMenuCountryList.js";
+import E from "./KvLendMenuSearchList.js";
+import F from "../../KvTab.js";
+import P from "../../KvTabPanel.js";
+import j from "../../KvTabs.js";
+import q from "../../../utils/paramCase.js";
+import "./KvLendListMenu.css";
+import z from "../../../_virtual/_plugin-vue_export-helper.js";
+const G = {
+  components: {
+    KvAccordionItem: M,
+    KvTab: F,
+    KvTabPanel: P,
+    KvTabs: j,
+    KvLendMenuCountryList: D,
+    KvLendMenuSearchList: E,
+    KvLoadingPlaceholder: V
+  },
+  props: {
+    categories: {
+      type: Array,
+      default: () => []
+    },
+    favorites: {
+      type: Number,
+      default: 0
+    },
+    userId: {
+      type: Number,
+      default: null
+    },
+    regions: {
+      type: Array,
+      default: () => []
+    },
+    searches: {
+      type: Array,
+      default: () => []
+    },
+    isRegionsLoading: {
+      type: Boolean,
+      default: !0
+    },
+    isChannelsLoading: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(C) {
+    const e = w(null), r = w([]), f = w(null), N = I(() => C.searches.length > 0);
+    return {
+      mdiArrowRight: S,
+      hasSearches: N,
+      navLendCategories: e,
+      regionAccordions: r,
+      searchesLink: f,
+      onClose: () => {
+        var _, m, k, c, y, p, h;
+        (k = (m = (_ = e.value) == null ? void 0 : _.tabContext) == null ? void 0 : m.setTab) == null || k.call(m, 0), (y = (c = r.value) == null ? void 0 : c.forEach) == null || y.call(c, (o) => {
+          var n;
+          (n = o == null ? void 0 : o.collapse) == null || n.call(o);
+        }), (h = (p = f.value) == null ? void 0 : p.collapse) == null || h.call(p);
+      },
+      paramCase: q
+    };
+  }
+}, H = { class: "tw-pb-2" }, J = { class: "tw-font-book" }, O = ["href"], Q = { class: "tw-border-t tw-border-tertiary" }, U = {
+  href: "/lend-by-category/recommended-by-lenders",
+  class: "lend-link tw-text-brand"
+}, W = {
+  href: "/lend",
+  class: "lend-link"
+}, X = {
+  href: "/categories",
+  class: "lend-link"
+}, Y = { class: "tw-flex" }, Z = { class: "tw-text-h4" }, R = { class: "tw-font-book" }, $ = ["href"], ee = {
+  key: 1,
+  class: "tw-block tw-py-1 tw-text-tertiary"
+}, te = { key: 0 }, ne = { key: 1 }, se = {
+  href: "/lend/countries-not-lent",
+  class: "lend-link"
+};
+function le(C, e, r, f, N, K) {
+  const _ = u("kv-tab"), m = u("kv-loading-placeholder"), k = u("kv-tab-panel"), c = u("kv-accordion-item"), y = u("kv-lend-menu-country-list"), p = u("kv-lend-menu-search-list"), h = u("kv-tabs"), o = B("kv-track-event");
+  return t(), s("div", H, [
+    i(h, { ref: "navLendCategories" }, {
+      tabNav: a(() => [
+        i(_, { "for-panel": "nav-lend-categories" }, {
+          default: a(() => e[0] || (e[0] = [
+            d(" Categories ")
+          ])),
+          _: 1
+        }),
+        i(_, { "for-panel": "nav-lend-regions" }, {
+          default: a(() => e[1] || (e[1] = [
+            d(" Regions ")
+          ])),
+          _: 1
+        }),
+        r.userId ? (t(), L(_, {
+          key: 0,
+          "for-panel": "nav-my-kiva"
+        }, {
+          default: a(() => e[2] || (e[2] = [
+            d(" My Kiva ")
+          ])),
+          _: 1
+        })) : T("", !0)
+      ]),
+      tabPanels: a(() => [
+        i(k, { id: "nav-lend-categories" }, {
+          default: a(() => [
+            l("ul", J, [
+              r.isChannelsLoading ? (t(), s(b, { key: 0 }, g(14, (n) => l("li", {
+                key: n,
+                style: { width: "11rem" },
+                class: "tw-py-1 tw-flex"
+              }, [
+                i(m, {
+                  class: "tw-inline-block tw-align-middle",
+                  style: { height: "1rem" }
+                }),
+                e[3] || (e[3] = l("span", { class: "tw-inline-block" }, " ", -1))
+              ])), 64)) : (t(!0), s(b, { key: 1 }, g(r.categories, (n, x) => (t(), s("li", { key: x }, [
+                v((t(), s("a", {
+                  href: n.url,
+                  class: "lend-link"
+                }, [
+                  d(A(n.name), 1)
+                ], 8, O)), [
+                  [o, ["TopNav", "click-Lend-Category", n.name, x + 1]]
+                ])
+              ]))), 128)),
+              l("li", Q, [
+                v((t(), s("a", U, e[4] || (e[4] = [
+                  d(" Recommended by lenders ")
+                ]))), [
+                  [o, ["TopNav", "click-Lend-Recommended-by-lenders"]]
+                ])
+              ]),
+              l("li", null, [
+                v((t(), s("a", W, e[5] || (e[5] = [
+                  d(" All loans ")
+                ]))), [
+                  [o, ["TopNav", "click-Lend-All_Loans"]]
+                ])
+              ]),
+              l("li", null, [
+                v((t(), s("a", X, e[6] || (e[6] = [
+                  d(" All categories ")
+                ]))), [
+                  [o, ["TopNav", "click-Lend-All_Categories"]]
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        }),
+        i(k, { id: "nav-lend-regions" }, {
+          default: a(() => [
+            r.isRegionsLoading ? (t(), s(b, { key: 0 }, g(8, (n) => i(c, {
+              id: `placeholder-${n}-panel`,
+              key: n,
+              disabled: !0
+            }, {
+              header: a(() => [
+                l("div", Y, [
+                  i(m, {
+                    class: "tw-inline-block tw-align-middle",
+                    style: { height: "1rem" }
+                  }),
+                  e[7] || (e[7] = l("span", { class: "tw-inline-block tw-text-h4" }, " ", -1))
+                ])
+              ]),
+              _: 2
+            }, 1032, ["id"])), 64)) : (t(!0), s(b, { key: 1 }, g(r.regions, (n) => (t(), L(c, {
+              id: `lend-menu-${f.paramCase(n.name)}-panel`,
+              key: n.name,
+              ref_for: !0,
+              ref: "regionAccordions"
+            }, {
+              header: a(() => [
+                l("h3", Z, [
+                  v((t(), s("span", null, [
+                    d(A(n.name), 1)
+                  ])), [
+                    [o, ["TopNav", "click-Lend-Region", n.name]]
+                  ])
+                ])
+              ]),
+              default: a(() => [
+                i(y, {
+                  countries: n.countries
+                }, null, 8, ["countries"])
+              ]),
+              _: 2
+            }, 1032, ["id"]))), 128))
+          ]),
+          _: 1
+        }),
+        r.userId ? (t(), L(k, {
+          key: 0,
+          id: "nav-my-kiva"
+        }, {
+          default: a(() => [
+            l("ul", R, [
+              l("li", null, [
+                r.favorites > 0 ? v((t(), s("a", {
+                  key: 0,
+                  href: `/lend?lenderFavorite=${r.userId}`,
+                  class: "lend-link"
+                }, e[8] || (e[8] = [
+                  d(" Saved loans ")
+                ]), 8, $)), [
+                  [o, ["TopNav", "click-Lend-Favorites"]]
+                ]) : (t(), s("span", ee, "Saved loans"))
+              ]),
+              f.hasSearches ? (t(), s("li", te, [
+                i(c, {
+                  id: "lend-menu-saved-searches-panel",
+                  ref: "searchesLink"
+                }, {
+                  header: a(() => e[9] || (e[9] = [
+                    l("p", { class: "tw-font-medium" }, " Saved searches ", -1)
+                  ])),
+                  default: a(() => [
+                    i(p, { searches: r.searches }, null, 8, ["searches"])
+                  ]),
+                  _: 1
+                }, 512)
+              ])) : (t(), s("li", ne, e[10] || (e[10] = [
+                l("span", { class: "tw-block tw-py-1 tw-text-tertiary" }, "Saved searches", -1)
+              ]))),
+              l("li", null, [
+                v((t(), s("a", se, e[11] || (e[11] = [
+                  d(" Countries I haven't lent to ")
+                ]))), [
+                  [o, ["TopNav", "click-Lend-Countries_Not_Lent"]]
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        })) : T("", !0)
+      ]),
+      _: 1
+    }, 512)
+  ]);
+}
+const fe = /* @__PURE__ */ z(G, [["render", le], ["__scopeId", "data-v-1f513006"]]);
+export {
+  fe as default
+};

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

@@ -0,0 +1 @@
+.menu-heading[data-v-28ab9362]{font-weight:300;font-size:1rem;letter-spacing:0em;line-height:1.5}@media (min-width: 64rem){.menu-heading[data-v-28ab9362]{font-size:1.0625rem;letter-spacing:0em}}.menu-heading[data-v-28ab9362]{font-weight:400}.region-list[data-v-28ab9362],.search-list[data-v-28ab9362]{-moz-column-fill:auto;column-fill:auto;-moz-columns:3;columns:3;gap:2rem}.mega-menu-link[data-v-28ab9362]{display:inline-block;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mega-menu-link[data-v-28ab9362]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1))}.link-item[data-v-28ab9362]{width:11rem}