@kiva/kv-shop 3.7.81 → 3.7.82

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

@@ -0,0 +1,17 @@
+import t from "./SearchPanel2.js";
+import { resolveComponent as i, createBlock as n, openBlock as c } from "vue";
+import m from "../../../_virtual/_plugin-vue_export-helper.js";
+function p(r, o, a, g, u, l) {
+  const s = i("search-bar");
+  return c(), n(s, {
+    "search-suggestions": a.searchSuggestions,
+    "app-origin": a.appOrigin,
+    "is-mobile": "",
+    onLoadSearchData: o[0] || (o[0] = (e) => r.$emit("load-search-data")),
+    onSearchSubmit: o[1] || (o[1] = (e) => r.$emit("search-submit", e))
+  }, null, 8, ["search-suggestions", "app-origin"]);
+}
+const f = /* @__PURE__ */ m(t, [["render", p]]);
+export {
+  f as default
+};

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

@@ -0,0 +1,19 @@
+import a from "../SearchBar.js";
+const r = {
+  name: "SearchPanel",
+  components: { SearchBar: a },
+  props: {
+    searchSuggestions: {
+      type: Array,
+      default: () => []
+    },
+    appOrigin: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["load-search-data", "search-submit"]
+};
+export {
+  r as default
+};

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

@@ -0,0 +1 @@
+.mobile-link[data-v-e3e9102f]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-e3e9102f]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}#header-basic-mobile-about-container[data-v-e3e9102f] button{padding-top:0;padding-bottom:0}#header-basic-mobile-about-container[data-v-e3e9102f] nav{padding-bottom:0}

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

@@ -0,0 +1,52 @@
+import s from "./MobileMenu2.js";
+import { resolveComponent as l, createElementBlock as w, openBlock as m, createVNode as i, createElementVNode as t, withCtx as r } from "vue";
+import "./MobileMenu.css";
+import u from "../../_virtual/_plugin-vue_export-helper.js";
+const b = {
+  id: "header-basic-mobile-about-container",
+  class: "tw-flex tw-flex-col tw-items-stretch tw-font-medium tw-p-2.5 md:tw-hidden"
+}, d = {
+  "aria-label": "Mobile menu",
+  class: "tw-flex tw-flex-col tw-gap-2 tw-pt-1.5"
+};
+function k(p, e, f, o, C, h) {
+  const a = l("about-menu"), c = l("kv-accordion-item");
+  return m(), w("div", b, [
+    i(c, {
+      id: "kv-www-header-basic-about",
+      class: "tw-w-full tw-border-b-0"
+    }, {
+      header: r(() => e[3] || (e[3] = [
+        t("span", { class: "tw-text-button tw-pb-0.5" }, " About ", -1)
+      ])),
+      default: r(() => [
+        i(a, {
+          "is-mobile": "",
+          onClosingMenu: o.onClose
+        }, null, 8, ["onClosingMenu"])
+      ]),
+      _: 1
+    }),
+    t("nav", d, [
+      t("a", {
+        href: "/about/partner-with-us",
+        class: "mobile-link",
+        onClick: e[0] || (e[0] = (n) => o.onLinkClick("click-Partner"))
+      }, "Partner"),
+      t("a", {
+        href: "/donate/supportus",
+        class: "mobile-link",
+        onClick: e[1] || (e[1] = (n) => o.onLinkClick("click-Support-Kiva"))
+      }, "Support Kiva"),
+      t("a", {
+        href: "/borrow",
+        class: "mobile-link",
+        onClick: e[2] || (e[2] = (n) => o.onLinkClick("click-Borrow"))
+      }, "Borrow")
+    ])
+  ]);
+}
+const g = /* @__PURE__ */ u(s, [["render", k], ["__scopeId", "data-v-e3e9102f"]]);
+export {
+  g as default
+};

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

@@ -0,0 +1,36 @@
+import { inject as l } from "vue";
+import m from "../KvAccordionItem.js";
+import u from "./AboutMenu.js";
+const p = {
+  name: "MobileMenu",
+  components: { KvAccordionItem: m, AboutMenu: u },
+  props: {
+    loggedIn: {
+      type: Boolean,
+      default: !1
+    },
+    loginUrl: {
+      type: String,
+      default: "/ui-login"
+    },
+    isMobile: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["closing-menu"],
+  setup(c, { emit: o }) {
+    const e = l("$kvTrackEvent", () => {
+    });
+    function n() {
+      o("closing-menu");
+    }
+    function t(i) {
+      e("TopNav", i), o("closing-menu");
+    }
+    return { onClose: n, onLinkClick: t };
+  }
+};
+export {
+  p as default
+};

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

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

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

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

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

@@ -0,0 +1,45 @@
+import { inject as a } from "vue";
+import l from "../KvWwwHeader/KvHeaderMenuLink.js";
+const i = {
+  name: "MyKivaMenu",
+  components: { KvHeaderMenuLink: l },
+  props: {
+    // Accepts the orchestrator's user props; loggedIn/userId are part of the shared menu contract.
+    loggedIn: {
+      type: Boolean,
+      default: !1
+    },
+    userId: {
+      type: Number,
+      default: null
+    },
+    isBorrower: {
+      type: Boolean,
+      default: !1
+    },
+    isTrustee: {
+      type: Boolean,
+      default: !1
+    },
+    myDashboardUrl: {
+      type: String,
+      default: "/mykiva"
+    },
+    isMobile: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["closing-menu"],
+  setup(r, { emit: e }) {
+    const o = a("$kvTrackEvent", () => {
+    });
+    function t(n) {
+      o("TopNav", n), e("closing-menu");
+    }
+    return { onLinkClick: t };
+  }
+};
+export {
+  i as default
+};

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

@@ -0,0 +1,73 @@
+import h from "./SearchBar2.js";
+import { resolveComponent as f, createElementBlock as r, openBlock as n, withModifiers as l, createElementVNode as o, createVNode as v, withDirectives as y, withKeys as u, normalizeClass as d, Fragment as p, renderList as w, toDisplayString as g, vShow as S } from "vue";
+import k from "../../_virtual/_plugin-vue_export-helper.js";
+const M = ["for"], x = ["data-testid"], B = { class: "tw-text-base tw-py-0.5" }, I = ["data-testid", "onClick"], C = ["innerHTML"];
+function F(K, s, c, e, D, L) {
+  const m = f("kv-text-input");
+  return n(), r("form", {
+    class: "tw-relative",
+    autocomplete: "off",
+    onSubmit: s[1] || (s[1] = l((...t) => e.onSubmit && e.onSubmit(...t), ["prevent"]))
+  }, [
+    o("label", {
+      for: e.inputId,
+      class: "tw-sr-only"
+    }, "Search all loans", 8, M),
+    v(m, {
+      id: e.inputId,
+      type: "search",
+      name: "queryString",
+      "data-testid": "header-basic-search-input",
+      icon: e.mdiMagnify,
+      "model-value": e.displayTerm,
+      "can-clear": !0,
+      class: "tw-w-full",
+      placeholder: "Search all loans",
+      onInput: e.onInput,
+      onFocus: e.onFocus,
+      onBlur: e.onBlur,
+      onKeydown: [
+        u(l(e.listUp, ["prevent"]), ["up"]),
+        u(l(e.listDown, ["prevent"]), ["down"]),
+        u(l(e.onSubmit, ["prevent"]), ["enter"])
+      ]
+    }, null, 8, ["id", "icon", "model-value", "onInput", "onFocus", "onBlur", "onKeydown"]),
+    y(o("ol", {
+      class: d(["tw-w-full tw-bg-primary tw-p-2.5 tw-border tw-border-tertiary tw-overflow-auto", c.isMobile ? "tw-mt-2" : "tw-absolute tw-z-popover tw-inset-x-0 md:tw-rounded-b"])
+    }, [
+      (n(!0), r(p, null, w(e.groupedResults, (t) => (n(), r("li", {
+        key: t.group,
+        "data-testid": `header-basic-search-results-${t.group}`
+      }, [
+        o("h2", B, g(t.group), 1),
+        o("ol", null, [
+          (n(!0), r(p, null, w(t.items, (a, b) => {
+            var i;
+            return n(), r("li", {
+              key: a.label
+            }, [
+              o("button", {
+                type: "button",
+                class: d(["tw-w-full tw-text-left tw-pl-1.5 tw-py-0.5 tw-rounded-xs tw-font-medium tw-cursor-pointer hover:tw-bg-secondary hover:tw-underline", { "tw-bg-secondary tw-underline": a.label === ((i = e.highlighted) == null ? void 0 : i.label) }]),
+                "data-testid": `header-basic-search-result-item-${t.group}-${b}`,
+                onMousedown: s[0] || (s[0] = l(() => {
+                }, ["prevent"])),
+                onClick: (E) => e.runSearch(a)
+              }, [
+                o("span", {
+                  innerHTML: e.formatResult(a)
+                }, null, 8, C)
+              ], 42, I)
+            ]);
+          }), 128))
+        ])
+      ], 8, x))), 128))
+    ], 2), [
+      [S, e.showResults]
+    ])
+  ], 32);
+}
+const z = /* @__PURE__ */ k(h, [["render", F]]);
+export {
+  z as default
+};

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kiva/kv-shop",
-    "version": "3.7.81",
+    "version": "3.7.82",
     "type": "module",
     "publishConfig": {
         "access": "public"
@@ -34,7 +34,7 @@
     "devDependencies": {
         "@apollo/client": "^3.13.1",
         "@kiva/kv-analytics": "^1.3.1",
-        "@kiva/kv-components": "^8.14.2",
+        "@kiva/kv-components": "^8.15.0",
         "@kiva/vite-plugin-vue-lib-css": "^2.0.0",
         "@types/braintree-web-drop-in": "^1.39.3",
         "@types/jest": "^29.5.14",
@@ -63,5 +63,5 @@
         "numeral": "2.x",
         "vue": "3.x"
     },
-    "gitHead": "3286625d2cdc74397aeb3902a6dcce330f070071"
+    "gitHead": "d615c83ca4ae49487e28a78a5c8f2b060633299a"
 }