@kiva/kv-components 7.6.2 → 8.0.0

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

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