@kiva/kv-components 6.46.0 → 6.47.0

package/dist/vue/KvWwwHeader/KvHeaderMobileMenu.js

@@ -1,9 +1,10 @@
-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 = {
+import m from "../KvAccordionItem.js";
+import { resolveComponent as k, resolveDirective as v, openBlock as t, createElementBlock as o, createVNode as d, withCtx as a, createElementVNode as l, Fragment as w, renderList as f, withDirectives as n, toDisplayString as u, createTextVNode as s } from "vue";
+import "./KvHeaderMobileMenu.css";
+import h from "../../_virtual/_plugin-vue_export-helper.js";
+const b = {
   components: {
-    KvHeaderMenuLink: s
+    KvAccordionItem: m
   },
   props: {
     loggedIn: {
@@ -14,60 +15,139 @@ const k = {
       type: String,
       default: "/ui-login"
     }
+  },
+  data() {
+    return {
+      menuItems: [
+        {
+          title: "Choose someone to help",
+          description: "Make a direct impact for someone in need",
+          url: "/lend-by-category",
+          trackEvent: "choose-someone-to-help"
+        },
+        {
+          title: "Donate to Kiva",
+          description: "Help us change lives and tackle inequality",
+          url: "/donate/supportus",
+          trackEvent: "donate-to-kiva"
+        },
+        {
+          title: "Partner with us",
+          description: "Drive global impact aligned with your organization’s goals",
+          url: "/about/partner-with-us",
+          trackEvent: "partner-with-us"
+        },
+        {
+          title: "Buy a Kiva Card",
+          description: "Share the joy of lending with others",
+          url: "/portfolio/kiva-card",
+          trackEvent: "buy-a-kiva-card"
+        }
+      ]
+    };
   }
-}, 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 ")
+}, _ = { class: "tw--mt-0.5 tw-pb-0.5 tw-gap-2 tw-flex tw-flex-col tw-items-end lg:tw-hidden tw-font-medium" }, g = { class: "tw-flex tw-flex-col tw-gap-2" }, x = ["href"], y = { class: "tw-text-secondary tw-font-book" }, N = { class: "tw-flex tw-flex-col tw-gap-2 tw-pt-1 tw-pb-2" }, T = {
+  href: "/about",
+  class: "mobile-link"
+}, I = {
+  href: "/about/how",
+  class: "mobile-link"
+}, K = {
+  href: "/about/where-kiva-works",
+  class: "mobile-link"
+}, E = {
+  href: "/impact",
+  class: "mobile-link"
+}, D = {
+  href: "/about/leadership",
+  class: "mobile-link"
+}, A = {
+  href: "/about/finances",
+  class: "mobile-link"
+}, B = {
+  href: "/about/press-center",
+  class: "mobile-link"
+}, C = {
+  href: "/about/due-diligence",
+  class: "mobile-link"
+};
+function $(H, e, M, S, p, V) {
+  const c = k("KvAccordionItem"), i = v("kv-track-event");
+  return t(), o("nav", _, [
+    d(c, { class: "tw-w-full tw-border-b-0" }, {
+      header: a(() => e[0] || (e[0] = [
+        l("h3", null, "Take action", -1)
       ])),
+      default: a(() => [
+        l("div", g, [
+          (t(!0), o(w, null, f(p.menuItems, (r) => n((t(), o("div", {
+            key: r.title
+          }, [
+            l("a", {
+              href: r.url,
+              class: "mobile-link"
+            }, u(r.title), 9, x),
+            l("p", y, u(r.description), 1)
+          ])), [
+            [i, ["TopNav", `click-menu-${r.trackEvent}`]]
+          ])), 128))
+        ])
+      ]),
       _: 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 ")
+    }),
+    d(c, { class: "tw-w-full" }, {
+      header: a(() => e[1] || (e[1] = [
+        l("h3", null, "About", -1)
       ])),
+      default: a(() => [
+        l("div", N, [
+          n((t(), o("a", T, e[2] || (e[2] = [
+            s("About us")
+          ]))), [
+            [i, ["TopNav", "click-menu-about-us"]]
+          ]),
+          n((t(), o("a", I, e[3] || (e[3] = [
+            s("How Kiva works")
+          ]))), [
+            [i, ["TopNav", "click-menu-how-kiva-works"]]
+          ]),
+          n((t(), o("a", K, e[4] || (e[4] = [
+            s("Where Kiva works")
+          ]))), [
+            [i, ["TopNav", "click-menu-where-kiva-works"]]
+          ]),
+          n((t(), o("a", E, e[5] || (e[5] = [
+            s("Impact")
+          ]))), [
+            [i, ["TopNav", "click-menu-impact"]]
+          ]),
+          n((t(), o("a", D, e[6] || (e[6] = [
+            s("Leadership")
+          ]))), [
+            [i, ["TopNav", "click-menu-leadership"]]
+          ]),
+          n((t(), o("a", A, e[7] || (e[7] = [
+            s("Finances")
+          ]))), [
+            [i, ["TopNav", "click-menu-finances"]]
+          ]),
+          n((t(), o("a", B, e[8] || (e[8] = [
+            s("Press")
+          ]))), [
+            [i, ["TopNav", "click-menu-press"]]
+          ]),
+          n((t(), o("a", C, e[9] || (e[9] = [
+            s("Due diligence")
+          ]))), [
+            [i, ["TopNav", "click-menu-due-diligence"]]
+          ])
+        ])
+      ]),
       _: 1
-    })), [
-      [n, ["TopNav", "click-menu-Partner-with-us"]]
-    ])
+    })
   ]);
 }
-const T = /* @__PURE__ */ v(k, [["render", w]]);
+const q = /* @__PURE__ */ h(b, [["render", $], ["__scopeId", "data-v-c9569b42"]]);
 export {
-  T as default
+  q as default
 };

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