@kiva/kv-components 6.47.1 → 6.48.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,24 +1,26 @@
1
- import { mdiArrowRight as S } from "@mdi/js";
2
- 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 g, renderList as b, withDirectives as v, toDisplayString as A } from "vue";
3
- import M from "../../KvAccordionItem.js";
4
- import V from "../../KvLoadingPlaceholder.js";
5
- import D from "./KvLendMenuCountryList.js";
6
- import E from "./KvLendMenuSearchList.js";
7
- import F from "../../KvTab.js";
1
+ import { mdiArrowRight as I } from "@mdi/js";
2
+ import { ref as L, computed as S, resolveComponent as u, resolveDirective as B, openBlock as t, createElementBlock as n, withDirectives as _, createElementVNode as o, createTextVNode as d, createVNode as r, createCommentVNode as C, withCtx as a, createBlock as N, Fragment as b, renderList as g, toDisplayString as K } from "vue";
3
+ import V from "../../KvAccordionItem.js";
4
+ import D from "../../KvLoadingPlaceholder.js";
5
+ import E from "./KvLendMenuCountryList.js";
6
+ import F from "./KvLendMenuSearchList.js";
7
+ import G from "../../KvTab.js";
8
8
  import P from "../../KvTabPanel.js";
9
- import j from "../../KvTabs.js";
10
- import q from "../../../utils/paramCase.js";
9
+ import U from "../../KvTabs.js";
10
+ import j from "../../../utils/paramCase.js";
11
+ import q from "../../KvMaterialIcon.js";
11
12
  import "./KvLendListMenu.css";
12
13
  import z from "../../../_virtual/_plugin-vue_export-helper.js";
13
- const G = {
14
+ const H = {
14
15
  components: {
15
- KvAccordionItem: M,
16
- KvTab: F,
16
+ KvAccordionItem: V,
17
+ KvTab: G,
17
18
  KvTabPanel: P,
18
- KvTabs: j,
19
- KvLendMenuCountryList: D,
20
- KvLendMenuSearchList: E,
21
- KvLoadingPlaceholder: V
19
+ KvTabs: U,
20
+ KvLendMenuCountryList: E,
21
+ KvLendMenuSearchList: F,
22
+ KvLoadingPlaceholder: D,
23
+ KvMaterialIcon: q
22
24
  },
23
25
  props: {
24
26
  categories: {
@@ -48,153 +50,171 @@ const G = {
48
50
  isChannelsLoading: {
49
51
  type: Boolean,
50
52
  default: !0
53
+ },
54
+ showMGUpsellLink: {
55
+ type: Boolean,
56
+ default: !1
51
57
  }
52
58
  },
53
- setup(C) {
54
- const e = w(null), r = w([]), f = w(null), N = I(() => C.searches.length > 0);
59
+ setup(x) {
60
+ const e = L(null), s = L([]), k = L(null), T = S(() => x.searches.length > 0);
55
61
  return {
56
- mdiArrowRight: S,
57
- hasSearches: N,
62
+ mdiArrowRight: I,
63
+ hasSearches: T,
58
64
  navLendCategories: e,
59
- regionAccordions: r,
60
- searchesLink: f,
65
+ regionAccordions: s,
66
+ searchesLink: k,
61
67
  onClose: () => {
62
- var _, m, k, c, y, p, h;
63
- (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) => {
64
- var n;
65
- (n = o == null ? void 0 : o.collapse) == null || n.call(o);
66
- }), (h = (p = f.value) == null ? void 0 : p.collapse) == null || h.call(p);
68
+ var h, c, y, m, p, f, w;
69
+ (y = (c = (h = e.value) == null ? void 0 : h.tabContext) == null ? void 0 : c.setTab) == null || y.call(c, 0), (p = (m = s.value) == null ? void 0 : m.forEach) == null || p.call(m, (v) => {
70
+ var i;
71
+ (i = v == null ? void 0 : v.collapse) == null || i.call(v);
72
+ }), (w = (f = k.value) == null ? void 0 : f.collapse) == null || w.call(f);
67
73
  },
68
- paramCase: q
74
+ paramCase: j
69
75
  };
70
76
  }
71
- }, H = { class: "tw-pb-2" }, J = { class: "tw-font-medium" }, O = ["href"], Q = { class: "tw-border-t tw-border-tertiary" }, U = {
77
+ }, J = { class: "tw-pb-2" }, O = {
78
+ key: 0,
79
+ href: "/monthlygood"
80
+ }, Q = { 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" }, R = { class: "tw-font-medium" }, W = ["href"], X = { class: "tw-border-t tw-border-tertiary" }, Y = {
72
81
  href: "/lend-by-category/recommended-by-lenders",
73
82
  class: "lend-link tw-text-brand"
74
- }, W = {
83
+ }, Z = {
75
84
  href: "/lend",
76
85
  class: "lend-link"
77
- }, X = {
86
+ }, $ = {
78
87
  href: "/categories",
79
88
  class: "lend-link"
80
- }, Y = { class: "tw-flex" }, Z = { class: "tw-text-h4" }, R = { class: "tw-font-medium" }, $ = ["href"], ee = {
89
+ }, ee = { class: "tw-flex" }, te = { class: "tw-text-h4" }, ne = { class: "tw-font-medium" }, oe = ["href"], le = {
81
90
  key: 1,
82
91
  class: "tw-block tw-py-1 tw-text-tertiary"
83
- }, te = { key: 0 }, ne = { key: 1 }, se = {
92
+ }, se = { key: 0 }, ae = { key: 1 }, re = {
84
93
  href: "/lend/countries-not-lent",
85
94
  class: "lend-link"
86
95
  };
87
- function le(C, e, r, f, N, K) {
88
- 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");
89
- return t(), s("div", H, [
90
- i(h, { ref: "navLendCategories" }, {
96
+ function ie(x, e, s, k, T, M) {
97
+ const h = u("kv-material-icon"), c = u("kv-tab"), y = u("kv-loading-placeholder"), m = u("kv-tab-panel"), p = u("kv-accordion-item"), f = u("kv-lend-menu-country-list"), w = u("kv-lend-menu-search-list"), v = u("kv-tabs"), i = B("kv-track-event");
98
+ return t(), n("div", J, [
99
+ s.showMGUpsellLink ? _((t(), n("a", O, [
100
+ o("span", Q, [
101
+ e[0] || (e[0] = d(" Lend monthly ")),
102
+ r(h, {
103
+ icon: k.mdiArrowRight,
104
+ class: "tw-w-3 tw-h-3"
105
+ }, null, 8, ["icon"])
106
+ ])
107
+ ])), [
108
+ [i, ["TopNav", "click-Lend-Menu-Monthly-Good", "Lend-monthly"]]
109
+ ]) : C("", !0),
110
+ r(v, { ref: "navLendCategories" }, {
91
111
  tabNav: a(() => [
92
- i(_, { "for-panel": "nav-lend-categories" }, {
93
- default: a(() => e[0] || (e[0] = [
112
+ r(c, { "for-panel": "nav-lend-categories" }, {
113
+ default: a(() => e[1] || (e[1] = [
94
114
  d(" Categories ")
95
115
  ])),
96
116
  _: 1
97
117
  }),
98
- i(_, { "for-panel": "nav-lend-regions" }, {
99
- default: a(() => e[1] || (e[1] = [
118
+ r(c, { "for-panel": "nav-lend-regions" }, {
119
+ default: a(() => e[2] || (e[2] = [
100
120
  d(" Regions ")
101
121
  ])),
102
122
  _: 1
103
123
  }),
104
- r.userId ? (t(), L(_, {
124
+ s.userId ? (t(), N(c, {
105
125
  key: 0,
106
126
  "for-panel": "nav-my-kiva"
107
127
  }, {
108
- default: a(() => e[2] || (e[2] = [
128
+ default: a(() => e[3] || (e[3] = [
109
129
  d(" My Kiva ")
110
130
  ])),
111
131
  _: 1
112
- })) : T("", !0)
132
+ })) : C("", !0)
113
133
  ]),
114
134
  tabPanels: a(() => [
115
- i(k, { id: "nav-lend-categories" }, {
135
+ r(m, { id: "nav-lend-categories" }, {
116
136
  default: a(() => [
117
- l("ul", J, [
118
- r.isChannelsLoading ? (t(), s(g, { key: 0 }, b(14, (n) => l("li", {
119
- key: n,
137
+ o("ul", R, [
138
+ s.isChannelsLoading ? (t(), n(b, { key: 0 }, g(14, (l) => o("li", {
139
+ key: l,
120
140
  style: { width: "11rem" },
121
141
  class: "tw-py-1 tw-flex"
122
142
  }, [
123
- i(m, {
143
+ r(y, {
124
144
  class: "tw-inline-block tw-align-middle",
125
145
  style: { height: "1rem" }
126
146
  }),
127
- e[3] || (e[3] = l("span", { class: "tw-inline-block" }, " ", -1))
128
- ])), 64)) : (t(!0), s(g, { key: 1 }, b(r.categories, (n, x) => (t(), s("li", { key: x }, [
129
- v((t(), s("a", {
130
- href: n.url,
147
+ e[4] || (e[4] = o("span", { class: "tw-inline-block" }, " ", -1))
148
+ ])), 64)) : (t(!0), n(b, { key: 1 }, g(s.categories, (l, A) => (t(), n("li", { key: A }, [
149
+ _((t(), n("a", {
150
+ href: l.url,
131
151
  class: "lend-link"
132
152
  }, [
133
- d(A(n.name), 1)
134
- ], 8, O)), [
135
- [o, ["TopNav", "click-Lend-Category", n.name, x + 1]]
153
+ d(K(l.name), 1)
154
+ ], 8, W)), [
155
+ [i, ["TopNav", "click-Lend-Category", l.name, A + 1]]
136
156
  ])
137
157
  ]))), 128)),
138
- l("li", Q, [
139
- v((t(), s("a", U, e[4] || (e[4] = [
158
+ o("li", X, [
159
+ _((t(), n("a", Y, e[5] || (e[5] = [
140
160
  d(" Recommended by lenders ")
141
161
  ]))), [
142
- [o, ["TopNav", "click-Lend-Recommended-by-lenders"]]
162
+ [i, ["TopNav", "click-Lend-Recommended-by-lenders"]]
143
163
  ])
144
164
  ]),
145
- l("li", null, [
146
- v((t(), s("a", W, e[5] || (e[5] = [
165
+ o("li", null, [
166
+ _((t(), n("a", Z, e[6] || (e[6] = [
147
167
  d(" All loans ")
148
168
  ]))), [
149
- [o, ["TopNav", "click-Lend-All_Loans"]]
169
+ [i, ["TopNav", "click-Lend-All_Loans"]]
150
170
  ])
151
171
  ]),
152
- l("li", null, [
153
- v((t(), s("a", X, e[6] || (e[6] = [
172
+ o("li", null, [
173
+ _((t(), n("a", $, e[7] || (e[7] = [
154
174
  d(" All categories ")
155
175
  ]))), [
156
- [o, ["TopNav", "click-Lend-All_Categories"]]
176
+ [i, ["TopNav", "click-Lend-All_Categories"]]
157
177
  ])
158
178
  ])
159
179
  ])
160
180
  ]),
161
181
  _: 1
162
182
  }),
163
- i(k, { id: "nav-lend-regions" }, {
183
+ r(m, { id: "nav-lend-regions" }, {
164
184
  default: a(() => [
165
- r.isRegionsLoading ? (t(), s(g, { key: 0 }, b(8, (n) => i(c, {
166
- id: `placeholder-${n}-panel`,
167
- key: n,
185
+ s.isRegionsLoading ? (t(), n(b, { key: 0 }, g(8, (l) => r(p, {
186
+ id: `placeholder-${l}-panel`,
187
+ key: l,
168
188
  disabled: !0
169
189
  }, {
170
190
  header: a(() => [
171
- l("div", Y, [
172
- i(m, {
191
+ o("div", ee, [
192
+ r(y, {
173
193
  class: "tw-inline-block tw-align-middle",
174
194
  style: { height: "1rem" }
175
195
  }),
176
- e[7] || (e[7] = l("span", { class: "tw-inline-block tw-text-h4" }, " ", -1))
196
+ e[8] || (e[8] = o("span", { class: "tw-inline-block tw-text-h4" }, " ", -1))
177
197
  ])
178
198
  ]),
179
199
  _: 2
180
- }, 1032, ["id"])), 64)) : (t(!0), s(g, { key: 1 }, b(r.regions, (n) => (t(), L(c, {
181
- id: `lend-menu-${f.paramCase(n.name)}-panel`,
182
- key: n.name,
200
+ }, 1032, ["id"])), 64)) : (t(!0), n(b, { key: 1 }, g(s.regions, (l) => (t(), N(p, {
201
+ id: `lend-menu-${k.paramCase(l.name)}-panel`,
202
+ key: l.name,
183
203
  ref_for: !0,
184
204
  ref: "regionAccordions"
185
205
  }, {
186
206
  header: a(() => [
187
- l("h3", Z, [
188
- v((t(), s("span", null, [
189
- d(A(n.name), 1)
207
+ o("h3", te, [
208
+ _((t(), n("span", null, [
209
+ d(K(l.name), 1)
190
210
  ])), [
191
- [o, ["TopNav", "click-Lend-Region", n.name]]
211
+ [i, ["TopNav", "click-Lend-Region", l.name]]
192
212
  ])
193
213
  ])
194
214
  ]),
195
215
  default: a(() => [
196
- i(y, {
197
- countries: n.countries
216
+ r(f, {
217
+ countries: l.countries
198
218
  }, null, 8, ["countries"])
199
219
  ]),
200
220
  _: 2
@@ -202,56 +222,56 @@ function le(C, e, r, f, N, K) {
202
222
  ]),
203
223
  _: 1
204
224
  }),
205
- r.userId ? (t(), L(k, {
225
+ s.userId ? (t(), N(m, {
206
226
  key: 0,
207
227
  id: "nav-my-kiva"
208
228
  }, {
209
229
  default: a(() => [
210
- l("ul", R, [
211
- l("li", null, [
212
- r.favorites > 0 ? v((t(), s("a", {
230
+ o("ul", ne, [
231
+ o("li", null, [
232
+ s.favorites > 0 ? _((t(), n("a", {
213
233
  key: 0,
214
- href: `/lend?lenderFavorite=${r.userId}`,
234
+ href: `/lend?lenderFavorite=${s.userId}`,
215
235
  class: "lend-link"
216
- }, e[8] || (e[8] = [
236
+ }, e[9] || (e[9] = [
217
237
  d(" Saved loans ")
218
- ]), 8, $)), [
219
- [o, ["TopNav", "click-Lend-Favorites"]]
220
- ]) : (t(), s("span", ee, "Saved loans"))
238
+ ]), 8, oe)), [
239
+ [i, ["TopNav", "click-Lend-Favorites"]]
240
+ ]) : (t(), n("span", le, "Saved loans"))
221
241
  ]),
222
- f.hasSearches ? (t(), s("li", te, [
223
- i(c, {
242
+ k.hasSearches ? (t(), n("li", se, [
243
+ r(p, {
224
244
  id: "lend-menu-saved-searches-panel",
225
245
  ref: "searchesLink"
226
246
  }, {
227
- header: a(() => e[9] || (e[9] = [
228
- l("p", { class: "tw-font-medium" }, " Saved searches ", -1)
247
+ header: a(() => e[10] || (e[10] = [
248
+ o("p", { class: "tw-font-medium" }, " Saved searches ", -1)
229
249
  ])),
230
250
  default: a(() => [
231
- i(p, { searches: r.searches }, null, 8, ["searches"])
251
+ r(w, { searches: s.searches }, null, 8, ["searches"])
232
252
  ]),
233
253
  _: 1
234
254
  }, 512)
235
- ])) : (t(), s("li", ne, e[10] || (e[10] = [
236
- l("span", { class: "tw-block tw-py-1 tw-text-tertiary" }, "Saved searches", -1)
255
+ ])) : (t(), n("li", ae, e[11] || (e[11] = [
256
+ o("span", { class: "tw-block tw-py-1 tw-text-tertiary" }, "Saved searches", -1)
237
257
  ]))),
238
- l("li", null, [
239
- v((t(), s("a", se, e[11] || (e[11] = [
258
+ o("li", null, [
259
+ _((t(), n("a", re, e[12] || (e[12] = [
240
260
  d(" Countries I haven't lent to ")
241
261
  ]))), [
242
- [o, ["TopNav", "click-Lend-Countries_Not_Lent"]]
262
+ [i, ["TopNav", "click-Lend-Countries_Not_Lent"]]
243
263
  ])
244
264
  ])
245
265
  ])
246
266
  ]),
247
267
  _: 1
248
- })) : T("", !0)
268
+ })) : C("", !0)
249
269
  ]),
250
270
  _: 1
251
271
  }, 512)
252
272
  ]);
253
273
  }
254
- const fe = /* @__PURE__ */ z(G, [["render", le], ["__scopeId", "data-v-4fed1891"]]);
274
+ const ge = /* @__PURE__ */ z(H, [["render", ie], ["__scopeId", "data-v-41849311"]]);
255
275
  export {
256
- fe as default
276
+ ge as default
257
277
  };
@@ -1 +1 @@
1
- .menu-heading[data-v-c47f9ef7]{font-weight:300;font-size:1rem;letter-spacing:0em;line-height:1.5}@media (min-width: 64rem){.menu-heading[data-v-c47f9ef7]{font-size:1.0625rem;letter-spacing:0em}}.menu-heading[data-v-c47f9ef7]{font-weight:400}.region-list[data-v-c47f9ef7],.search-list[data-v-c47f9ef7]{-moz-column-fill:auto;column-fill:auto;-moz-columns:3;columns:3;gap:2rem}.mega-menu-link[data-v-c47f9ef7]{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-c47f9ef7]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}.link-item[data-v-c47f9ef7]{width:11rem;text-decoration-line:none}.link-item[data-v-c47f9ef7]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}
1
+ .menu-heading[data-v-53c4e3f0]{font-weight:300;font-size:1rem;letter-spacing:0em;line-height:1.5}@media (min-width: 64rem){.menu-heading[data-v-53c4e3f0]{font-size:1.0625rem;letter-spacing:0em}}.menu-heading[data-v-53c4e3f0]{font-weight:400}.region-list[data-v-53c4e3f0],.search-list[data-v-53c4e3f0]{-moz-column-fill:auto;column-fill:auto;-moz-columns:3;columns:3;gap:2rem}.mega-menu-link[data-v-53c4e3f0]{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-53c4e3f0]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}.link-item[data-v-53c4e3f0]{width:11rem;text-decoration-line:none}.link-item[data-v-53c4e3f0]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}