@kiva/kv-components 6.46.0 → 6.47.1

package/dist/vue/KvWwwHeader/KvHeaderMyKivaMenu.js

@@ -1,8 +1,7 @@
-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 = {
+import { resolveComponent as i, openBlock as a, createElementBlock as u, createVNode as s, withCtx as o, createTextVNode as r, createBlock as l, createCommentVNode as f } from "vue";
+import m from "../../_virtual/_plugin-vue_export-helper.js";
+const p = {
   components: {
     KvHeaderMenuLink: d
   },
@@ -18,47 +17,50 @@ const x = {
     isTrustee: {
       type: Boolean,
       default: !1
+    },
+    myDashboardUrl: {
+      type: String,
+      default: "/mykiva"
     }
-  },
-  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"
+}, y = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start lg:tw-items-start tw-font-medium" };
+function w(k, e, n, b, v, B) {
+  const t = i("kv-header-menu-link");
+  return a(), u("nav", y, [
+    s(t, {
+      href: n.myDashboardUrl,
+      class: "lg:tw-hidden"
     }, {
-      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)
-      ]),
+      default: o(() => e[0] || (e[0] = [
+        r(" My Dashboard ")
+      ])),
+      _: 1
+    }, 8, ["href"]),
+    s(t, { href: "/portfolio" }, {
+      default: o(() => e[1] || (e[1] = [
+        r(" Portfolio ")
+      ])),
       _: 1
     }),
-    n(t, { href: "/teams/my-teams" }, {
+    s(t, { href: "/teams/my-teams" }, {
       default: o(() => e[2] || (e[2] = [
         r(" My Teams ")
       ])),
       _: 1
     }),
-    n(t, { href: "/portfolio/donations" }, {
+    s(t, { href: "/portfolio/donations" }, {
       default: o(() => e[3] || (e[3] = [
         r(" Donations ")
       ])),
       _: 1
     }),
-    n(t, { href: "/settings" }, {
+    s(t, { href: "/settings" }, {
       default: o(() => e[4] || (e[4] = [
         r(" Settings ")
       ])),
       _: 1
     }),
-    s.isBorrower ? (l(), f(t, {
+    n.isBorrower ? (a(), l(t, {
       key: 0,
       href: "/my/borrower"
     }, {
@@ -66,8 +68,8 @@ function _(b, e, s, m, v, N) {
         r(" Borrower Dashboard ")
       ])),
       _: 1
-    })) : i("", !0),
-    s.isTrustee ? (l(), f(t, {
+    })) : f("", !0),
+    n.isTrustee ? (a(), l(t, {
       key: 1,
       href: "/my/trustee"
     }, {
@@ -75,8 +77,8 @@ function _(b, e, s, m, v, N) {
         r(" Trustee Dashboard ")
       ])),
       _: 1
-    })) : i("", !0),
-    n(t, { href: "/ui-logout" }, {
+    })) : f("", !0),
+    s(t, { href: "/ui-logout" }, {
       default: o(() => e[7] || (e[7] = [
         r(" Sign out ")
       ])),
@@ -84,7 +86,7 @@ function _(b, e, s, m, v, N) {
     })
   ]);
 }
-const C = /* @__PURE__ */ k(x, [["render", _]]);
+const D = /* @__PURE__ */ m(p, [["render", w]]);
 export {
-  C as default
+  D as default
 };

package/dist/vue/KvWwwHeader/KvHeaderTakeActionMenu.js

@@ -0,0 +1,61 @@
+import i from "./KvHeaderMenuLink.js";
+import { resolveComponent as u, resolveDirective as c, openBlock as o, createElementBlock as d, withDirectives as a, createBlock as s, withCtx as r, createElementVNode as e } from "vue";
+import p from "../../_virtual/_plugin-vue_export-helper.js";
+const m = {
+  components: {
+    KvHeaderMenuLink: i
+  }
+}, v = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start tw-font-medium" };
+function f(k, t, w, _, h, x) {
+  const n = u("kv-header-menu-link"), l = c("kv-track-event");
+  return o(), d("nav", v, [
+    a((o(), s(n, { href: "/lend-by-category" }, {
+      default: r(() => t[0] || (t[0] = [
+        e("div", null, [
+          e("p", null, "Choose someone to help"),
+          e("p", { class: "tw-text-small tw-text-secondary" }, " Make a direct impact for someone in need ")
+        ], -1)
+      ])),
+      _: 1
+    })), [
+      [l, ["TopNav", "click-menu-Choose-someone-to-help"]]
+    ]),
+    a((o(), s(n, { href: "/donate/supportus" }, {
+      default: r(() => t[1] || (t[1] = [
+        e("div", null, [
+          e("p", null, "Donate to Kiva"),
+          e("p", { class: "tw-text-small tw-text-secondary" }, " Help us change lives and tackle inequality ")
+        ], -1)
+      ])),
+      _: 1
+    })), [
+      [l, ["TopNav", "click-menu-Donate-to-Kiva"]]
+    ]),
+    a((o(), s(n, { href: "/about/partner-with-us" }, {
+      default: r(() => t[2] || (t[2] = [
+        e("div", null, [
+          e("p", null, "Partner with us"),
+          e("p", { class: "tw-text-small tw-text-secondary" }, " Drive global impact aligned to your business goals ")
+        ], -1)
+      ])),
+      _: 1
+    })), [
+      [l, ["TopNav", "click-menu-Partner-with-us"]]
+    ]),
+    a((o(), s(n, { href: "/gifts/kiva-cards" }, {
+      default: r(() => t[3] || (t[3] = [
+        e("div", null, [
+          e("p", null, "Buy a Kiva Card"),
+          e("p", { class: "tw-text-small tw-text-secondary" }, " Share the joy of lending with others ")
+        ], -1)
+      ])),
+      _: 1
+    })), [
+      [l, ["TopNav", "click-menu-Buy-kiva-card"]]
+    ])
+  ]);
+}
+const B = /* @__PURE__ */ p(m, [["render", f]]);
+export {
+  B as default
+};

package/dist/vue/KvWwwHeader.css

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

package/dist/vue/KvWwwHeader.js

@@ -1,18 +1,14 @@
-import { ref as s, shallowRef as L, resolveComponent as c, resolveDirective as H, openBlock as h, createBlock as p, withCtx as d, createElementVNode as g, createVNode as r, Transition as w, withDirectives as _, vShow as b, createElementBlock as O, normalizeClass as x, createCommentVNode as B, resolveDynamicComponent as I } from "vue";
-import N from "./KvWwwHeader/KvHeaderLinkBar.js";
-import E from "./KvWwwHeader/KvHeaderLogo.js";
-import M from "./KvWwwHeader/KvHeaderSearchBar.js";
-import A from "./KvThemeProvider.js";
-import T from "./KvWwwHeader/KvHeaderSearchSuggestions.js";
+import { ref as i, shallowRef as C, resolveComponent as c, resolveDirective as H, openBlock as v, createBlock as h, withCtx as f, createElementVNode as m, createVNode as u, Transition as k, withDirectives as g, vShow as p, createElementBlock as L, normalizeStyle as M, resolveDynamicComponent as B } from "vue";
+import D from "./KvWwwHeader/KvHeaderLinkBar.js";
+import x from "./KvWwwHeader/KvHeaderLogo.js";
+import N from "./KvThemeProvider.js";
 import "./KvWwwHeader.css";
-import V from "../_virtual/_plugin-vue_export-helper.js";
-const D = {
+import T from "../_virtual/_plugin-vue_export-helper.js";
+const U = {
   components: {
-    KvHeaderLinkBar: N,
-    KvHeaderLogo: E,
-    KvHeaderSearchBar: M,
-    KvThemeProvider: A,
-    KvHeaderSearchSuggestions: T
+    KvHeaderLinkBar: D,
+    KvHeaderLogo: x,
+    KvThemeProvider: N
   },
   props: {
     loggedIn: {
@@ -42,152 +38,121 @@ const D = {
     userId: {
       type: Number,
       default: null
+    },
+    myDashboardUrl: {
+      type: String,
+      default: "/mykiva"
+    },
+    lenderName: {
+      type: String,
+      default: ""
+    },
+    lenderImageUrl: {
+      type: String,
+      default: ""
+    },
+    isMobile: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
     "load-lend-menu-data"
   ],
-  setup(C, { emit: n }) {
-    const t = s(!0), e = s(null), m = s(!1), k = s(null), l = s(!1), i = L(null), u = s(null);
-    let f;
+  setup(I, { emit: n }) {
+    const e = i(!0), t = i(null), a = i(!1), l = C(null), d = i(null), r = i({ left: 0, position: "relative" });
+    let s;
     return {
-      afterLinksNotVisible: () => {
-        m.value = !0;
-      },
-      afterSearchClosed: () => {
-        t.value = !0;
-      },
-      afterSearchOpen: () => {
-        var a;
-        (a = e.value) == null || a.onOpen();
-      },
       emitLendMenuEvent: () => {
         n("load-lend-menu-data");
       },
-      linksVisible: t,
-      searchOpen: m,
-      menuOpen: l,
-      onHover: (a, o) => {
-        o ? (clearTimeout(f), i.value = o, l.value = !0) : l.value && (f = setTimeout(() => {
-          l.value = !1, i.value = null;
+      linksVisible: e,
+      menuOpen: a,
+      onHover: (_, o, y) => {
+        o ? (clearTimeout(s), l.value !== o && (r.value = { left: 0, position: "relative" }), l.value = o, a.value = !0, y && (r.value = {
+          ...y,
+          position: "absolute"
+        })) : a.value && (s = setTimeout(() => {
+          a.value = !1, l.value = null;
         }, 200));
       },
-      openSearch: () => {
-        t.value = !1;
-      },
-      closeSearch: () => {
-        m.value = !1;
-      },
-      getSuggestions: (a) => {
-        var o;
-        (o = e.value) == null || o.getSuggestions(a);
-      },
-      loadMenuData: (a) => {
+      loadMenuData: (_) => {
         var o;
-        (o = u.value) == null || o.onLoad(a);
+        (o = d.value) == null || o.onLoad(_);
       },
-      activeHeaderItem: k,
-      searchBar: e,
-      menuComponent: i,
-      menuComponentInstance: u
+      activeHeaderItem: t,
+      menuComponent: l,
+      menuComponentInstance: d,
+      menuPosition: r
     };
   }
-}, K = {
+}, S = {
   class: "header-margins tw-relative tw-py-1 tw-px-1.5 tw-font-medium",
   style: { height: "3.75rem" }
-}, U = { class: "header-margins tw-px-2.5" };
-function z(C, n, t, e, m, k) {
-  const l = c("kv-header-link-bar"), i = c("kv-header-logo"), u = c("kv-header-search-bar"), f = c("kv-header-search-suggestions"), S = c("kv-theme-provider"), y = H("kv-track-event");
-  return h(), p(S, {
+}, E = {
+  href: "/",
+  class: "tw-px-1 tw-py-2 tw-cursor-pointer tw-absolute tw-top-1/2 tw-left-1/2 tw--translate-y-1/2 tw--translate-x-1/2 tw-transition-all tw-duration-300"
+}, K = {
+  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: { top: "3.75rem" }
+}, V = { class: "header-margins tw-px-2.5" };
+function z(I, n, e, t, a, l) {
+  const d = c("kv-header-link-bar"), r = c("kv-header-logo"), s = c("kv-theme-provider"), b = H("kv-track-event");
+  return v(), h(s, {
     tag: "div",
-    class: "tw-bg-secondary tw-border-b tw-border-tertiary"
+    class: "tw-border-b tw-border-tertiary"
   }, {
-    default: d(() => [
-      g("nav", K, [
-        r(w, {
-          name: "header-fade",
-          onAfterLeave: e.afterLinksNotVisible
-        }, {
-          default: d(() => [
-            _(r(l, {
-              "logged-in": t.loggedIn,
-              "basket-count": t.basketCount,
-              "login-url": t.loginUrl,
-              "open-menu-item": e.menuComponent,
-              onItemHover: e.onHover,
-              onOpenSearch: e.openSearch
-            }, null, 8, ["logged-in", "basket-count", "login-url", "open-menu-item", "onItemHover", "onOpenSearch"]), [
-              [b, e.linksVisible]
+    default: f(() => [
+      m("nav", S, [
+        u(k, { name: "header-fade" }, {
+          default: f(() => [
+            g(u(d, {
+              "logged-in": e.loggedIn,
+              "basket-count": e.basketCount,
+              "login-url": e.loginUrl,
+              "open-menu-item": t.menuComponent,
+              "my-dashboard-url": e.myDashboardUrl,
+              "lender-name": e.lenderName,
+              "lender-image-url": e.lenderImageUrl,
+              "is-mobile": e.isMobile,
+              balance: e.balance,
+              onItemHover: t.onHover
+            }, null, 8, ["logged-in", "basket-count", "login-url", "open-menu-item", "my-dashboard-url", "lender-name", "lender-image-url", "is-mobile", "balance", "onItemHover"]), [
+              [p, t.linksVisible]
             ])
           ]),
           _: 1
-        }, 8, ["onAfterLeave"]),
-        _((h(), O("a", {
-          href: "/",
-          class: x(["tw-px-1 tw-py-2 tw-cursor-pointer tw-absolute tw-top-1/2 tw-left-1/2 tw--translate-y-1/2 tw--translate-x-1/2 tw-transition-all tw-duration-300", {
-            "tw-opacity-0 md:tw-opacity-full md:tw-left-2.5 md:tw-translate-x-0": e.searchOpen
-          }])
-        }, [
-          r(i)
-        ], 2)), [
-          [y, ["TopNav", "click-Logo"]]
-        ]),
-        r(w, {
-          name: "header-fade",
-          onAfterEnter: e.afterSearchOpen,
-          onAfterLeave: e.afterSearchClosed
-        }, {
-          default: d(() => [
-            _(r(u, {
-              ref: "searchBar",
-              class: "tw-absolute tw-left-1/2 tw--translate-x-1/2 tw-top-1/2 tw--translate-y-1/2 tw-h-full tw-w-full",
-              style: {
-                "max-width": "600px"
-              },
-              onCloseSearch: e.closeSearch
-            }, null, 8, ["onCloseSearch"]), [
-              [b, e.searchOpen]
-            ])
-          ]),
-          _: 1
-        }, 8, ["onAfterEnter", "onAfterLeave"])
+        }),
+        g((v(), L("a", E, [
+          u(r)
+        ])), [
+          [b, ["TopNav", "click-Logo"]]
+        ])
       ]),
-      r(w, {
-        name: "header-fade",
-        onAfterEnter: e.afterSearchOpen
-      }, {
-        default: d(() => [
-          e.searchOpen ? (h(), p(f, { key: 0 })) : B("", !0)
-        ]),
-        _: 1
-      }, 8, ["onAfterEnter"]),
-      r(w, { name: "header-fade" }, {
-        default: d(() => [
-          _(g("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: { top: "3.75rem" },
-            onClick: n[2] || (n[2] = (...v) => e.closeSearch && e.closeSearch(...v))
-          }, [
-            g("div", {
-              class: "tw-bg-secondary tw-w-full",
-              onMouseover: n[0] || (n[0] = (v) => e.onHover(e.activeHeaderItem, e.menuComponent)),
-              onMouseout: n[1] || (n[1] = (v) => e.onHover())
+      u(k, { name: "header-fade" }, {
+        default: f(() => [
+          g(m("div", K, [
+            m("div", {
+              class: "tw-bg-primary",
+              style: M(t.menuPosition),
+              onMouseover: n[0] || (n[0] = (w) => t.onHover(t.activeHeaderItem, t.menuComponent)),
+              onMouseout: n[1] || (n[1] = (w) => t.onHover())
             }, [
-              g("div", U, [
-                (h(), p(I(e.menuComponent), {
+              m("div", V, [
+                (v(), h(B(t.menuComponent), {
                   ref: "menuComponentInstance",
-                  "logged-in": t.loggedIn,
-                  "login-url": t.loginUrl,
-                  "user-id": t.userId,
-                  balance: t.balance,
-                  "is-borrower": t.isBorrower,
-                  "is-trustee": t.isTrustee,
-                  onLoadLendMenuData: e.emitLendMenuEvent
-                }, null, 40, ["logged-in", "login-url", "user-id", "balance", "is-borrower", "is-trustee", "onLoadLendMenuData"]))
+                  "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,
+                  onLoadLendMenuData: t.emitLendMenuEvent
+                }, null, 40, ["logged-in", "login-url", "user-id", "is-borrower", "is-trustee", "my-dashboard-url", "onLoadLendMenuData"]))
               ])
-            ], 32)
+            ], 36)
           ], 512), [
-            [b, e.menuOpen || e.searchOpen]
+            [p, t.menuOpen]
           ])
         ]),
         _: 1
@@ -196,7 +161,7 @@ function z(C, n, t, e, m, k) {
     _: 1
   });
 }
-const te = /* @__PURE__ */ V(D, [["render", z], ["__scopeId", "data-v-2269b77f"]]);
+const F = /* @__PURE__ */ T(U, [["render", z], ["__scopeId", "data-v-269f8c8b"]]);
 export {
-  te as default
+  F as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.46.0",
+  "version": "6.47.1",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -63,7 +63,6 @@
     "eslint-plugin-vue": "^7.9.0",
     "flag-icons": "^7.3.0",
     "focus-trap": "^6.9.4",
-    "fuse.js": "^7.1.0",
     "graphql-tag": "^2.12.6",
     "import-meta-loader": "^1.1.0",
     "jest": "^27.4.3",
@@ -114,5 +113,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "10e63d7a940721ead5070aff7d1b4f6fb45aa58d"
+  "gitHead": "6dc91354845444f1142f669900f71c313c0524a3"
 }

package/dist/utils/event.js

@@ -1,7 +0,0 @@
-import { onMounted as t, onUnmounted as r } from "vue";
-function i(e, n, o) {
-  t(() => e.value.addEventListener(n, o)), r(() => e.value.removeEventListener(n, o));
-}
-export {
-  i as useEventListener
-};

package/dist/utils/loanSearch/queryParamUtils.js

@@ -1,13 +0,0 @@
-function s(t) {
-  const e = [
-    "activity",
-    "city_state",
-    "loanTags",
-    "state",
-    "loanLimit"
-  ];
-  return Object.keys(t).filter((a) => e.includes(a)).length > 0;
-}
-export {
-  s as hasExcludedQueryParams
-};

package/dist/utils/markMatches.js

@@ -1,12 +0,0 @@
-function i(a, r) {
-  if (!r || !r.length)
-    return a;
-  const e = r.map((t) => t[0]).flat(), f = r.map((t) => t[1]).flat();
-  return Array.from(a).map((t, n) => {
-    const s = e.indexOf(n) > -1 ? '<mark class="tw-bg-tertiary tw-rounded-sm tw-mix-blend-multiply tw-p-0.5 tw--m-0.5">' : "", c = f.indexOf(n) > -1 ? "</mark>" : "";
-    return `${s}${t}${c}`;
-  }).join("");
-}
-export {
-  i as default
-};

package/dist/utils/searchEngine.js

@@ -1,56 +0,0 @@
-import a from "fuse.js";
-import { startsWith as u } from "./comparators.js";
-class p {
-  constructor(e = []) {
-    this.ready = new Promise((s) => {
-      this.resolveReady = s;
-    }), e.length && this.init(e);
-  }
-  /**
-    * Resets the engine with the provided data
-    *
-    * @param data The data to reset with
-    */
-  reset(e) {
-    this.fuse ? this.fuse.setCollection(e) : this.init(e);
-  }
-  /**
-    * Initializes the engine with the provided data
-    *
-    * @param data The data to use
-    */
-  init(e) {
-    var s;
-    this.fuse = new a(e, {
-      threshold: 0.25,
-      distance: 1e5,
-      includeMatches: !0,
-      keys: ["label", "keywords"]
-    }), (s = this.resolveReady) == null || s.call(this);
-  }
-  /**
-    * Searches using Fuze
-    *
-    * @param query The query to search
-    * @returns Matching results with results that start with query sorted first
-    */
-  search(e) {
-    return this.ready.then(() => new Promise((s) => {
-      var h;
-      const i = (h = this.fuse) == null ? void 0 : h.search(e), r = i == null ? void 0 : i.filter((o) => {
-        var t;
-        return (t = o.matches) == null ? void 0 : t.length;
-      }), n = r == null ? void 0 : r.map(({ item: o, matches: t }) => {
-        var l;
-        return {
-          ...o,
-          matches: (l = t == null ? void 0 : t.map((c) => c.indices)) == null ? void 0 : l.flat()
-        };
-      });
-      s((n == null ? void 0 : n.sort(u(e, "label"))) ?? []);
-    }));
-  }
-}
-export {
-  p as default
-};