@kiva/kv-components 6.14.2 → 6.16.0

package/dist/utils/imageUtils.js

@@ -1,11 +1,12 @@
-function r(o) {
+import a from "./Alea.js";
+function c(o) {
   if (!o)
     return !1;
   let t = o.toString();
   return t.includes(".") && ([t] = t.split(".")), ["726677", "315726", "4d844ac2c0b77a8a522741b908ea5c32"].includes(t);
 }
-function a() {
-  const o = [
+function l(o = "") {
+  const t = new a(o), e = [
     { color: "tw-text-action", bg: "tw-bg-brand-100" },
     { color: "tw-text-black", bg: "tw-bg-brand-100" },
     { color: "tw-text-white", bg: "tw-bg-action" },
@@ -13,10 +14,10 @@ function a() {
     { color: "tw-text-primary-inverse", bg: "tw-bg-action" },
     { color: "tw-text-white", bg: "tw-bg-black" },
     { color: "tw-text-action", bg: "tw-bg-black" }
-  ], t = o[Math.floor(Math.random() * o.length)];
-  return `${t.color} ${t.bg}`;
+  ], r = e[Math.floor(t() * e.length)];
+  return `${r.color} ${r.bg}`;
 }
 export {
-  r as isLegacyPlaceholderAvatar,
-  a as randomizedUserAvatarClass
+  c as isLegacyPlaceholderAvatar,
+  l as randomizedUserAvatarClass
 };

package/dist/utils/loanCard.js

@@ -1,8 +1,9 @@
 import R from "graphql-tag";
-import ee from "numeral";
-import { toRefs as ne, computed as n } from "vue";
-import { mdiMapMarker as Le } from "@mdi/js";
-const ye = "N/A", te = "ECO-FRIENDLY", ae = "SUSTAINABLE AG", oe = "SINGLE PARENT", Ee = "REFUGEES/DISPLACED", P = (c, p) => (c == null ? void 0 : c.find((v) => v.name.replace("#", "").toUpperCase() === p.toUpperCase())) ?? {}, Pe = R`
+import ae from "numeral";
+import { toRefs as se, computed as n } from "vue";
+import { mdiMapMarker as ye } from "@mdi/js";
+import Ee from "./Alea.js";
+const Ue = "N/A", oe = "ECO-FRIENDLY", ne = "SUSTAINABLE AG", le = "SINGLE PARENT", Ne = "REFUGEES/DISPLACED", P = (c, v) => (c == null ? void 0 : c.find((f) => f.name.replace("#", "").toUpperCase() === v.toUpperCase())) ?? {}, _e = R`
 	fragment LoanCallouts on LoanBasic {
 		id
 		activity {
@@ -19,7 +20,7 @@ const ye = "N/A", te = "ECO-FRIENDLY", ae = "SUSTAINABLE AG", oe = "SINGLE PAREN
 			themes
 		}
 	}
-`, Re = R`
+`, Se = R`
 	fragment LoanGeocode on LoanBasic {
 		id
 		geocode {
@@ -31,7 +32,7 @@ const ye = "N/A", te = "ECO-FRIENDLY", ae = "SUSTAINABLE AG", oe = "SINGLE PAREN
 			}
 		}
 	}
-`, Me = R`
+`, De = R`
 	fragment LoanProgress on LoanBasic {
 		id
 		loanAmount
@@ -42,124 +43,124 @@ const ye = "N/A", te = "ECO-FRIENDLY", ae = "SUSTAINABLE AG", oe = "SINGLE PAREN
 		}
 	}
 `;
-function Fe(c, p = !1) {
+function Me(c, v = !1) {
   const {
-    externalLinks: v,
+    externalLinks: f,
     customLoanDetails: L,
-    loanId: h,
+    loanId: m,
     loan: t,
-    categoryPageName: d,
+    categoryPageName: p,
     customCallouts: y
-  } = ne(c), se = n(() => v.value ? "a" : "router-link"), le = n(() => L.value ? "" : `/lend/${h.value}`), M = n(() => !h.value || !t.value), re = n(() => {
+  } = se(c), re = n(() => f.value ? "a" : "router-link"), ue = n(() => L.value ? "" : `/lend/${m.value}`), F = n(() => !m.value || !t.value), ie = n(() => {
     var e;
     return ((e = t.value) == null ? void 0 : e.name) || "";
-  }), f = n(() => {
-    var e, a, s;
-    return ((s = (a = (e = t.value) == null ? void 0 : e.geocode) == null ? void 0 : a.country) == null ? void 0 : s.name) || "";
-  }), ue = n(() => {
-    var e, a, s;
-    return ((s = (a = (e = t.value) == null ? void 0 : e.geocode) == null ? void 0 : a.country) == null ? void 0 : s.isoCode) || "";
+  }), g = n(() => {
+    var e, a, l;
+    return ((l = (a = (e = t.value) == null ? void 0 : e.geocode) == null ? void 0 : a.country) == null ? void 0 : l.name) || "";
+  }), ce = n(() => {
+    var e, a, l;
+    return ((l = (a = (e = t.value) == null ? void 0 : e.geocode) == null ? void 0 : a.country) == null ? void 0 : l.isoCode) || "";
   }), E = n(() => {
     var e, a;
     return ((a = (e = t.value) == null ? void 0 : e.geocode) == null ? void 0 : a.city) || "";
-  }), F = n(() => {
+  }), _ = n(() => {
     var e, a;
     return ((a = (e = t.value) == null ? void 0 : e.geocode) == null ? void 0 : a.state) || "";
-  }), _ = n(() => {
+  }), S = n(() => {
     var e;
     return ((e = t.value) == null ? void 0 : e.distributionModel) || "";
-  }), ie = n(() => {
+  }), de = n(() => {
     var e, a;
     return ((a = (e = t.value) == null ? void 0 : e.image) == null ? void 0 : a.hash) ?? "";
   }), U = n(() => {
-    var e, a, s, u, m;
-    return typeof ((e = t.value) == null ? void 0 : e.loanAmount) < "u" && typeof ((s = (a = t.value) == null ? void 0 : a.loanFundraisingInfo) == null ? void 0 : s.fundedAmount) < "u" && typeof ((m = (u = t.value) == null ? void 0 : u.loanFundraisingInfo) == null ? void 0 : m.reservedAmount) < "u";
-  }), ce = n(() => !M.value && U.value), de = n(() => {
-    if (_.value === "direct") {
-      const e = p && f.value.toLowerCase() === "united states" ? "" : `, ${f.value}`;
-      return `${E.value}, ${F.value}${e}`;
+    var e, a, l, u, d;
+    return typeof ((e = t.value) == null ? void 0 : e.loanAmount) < "u" && typeof ((l = (a = t.value) == null ? void 0 : a.loanFundraisingInfo) == null ? void 0 : l.fundedAmount) < "u" && typeof ((d = (u = t.value) == null ? void 0 : u.loanFundraisingInfo) == null ? void 0 : d.reservedAmount) < "u";
+  }), pe = n(() => !F.value && U.value), ve = n(() => {
+    if (S.value === "direct") {
+      const e = v && g.value.toLowerCase() === "united states" ? "" : `, ${g.value}`;
+      return `${E.value}, ${_.value}${e}`;
     }
-    return f.value === "Puerto Rico" ? `${E.value}, PR` : f.value;
-  }), pe = n(() => {
+    return g.value === "Puerto Rico" ? `${E.value}, PR` : g.value;
+  }), fe = n(() => {
     var e;
     return ((e = t.value) == null ? void 0 : e.use) ?? "";
-  }), ve = n(() => {
+  }), me = n(() => {
     var e;
     return ((e = t.value) == null ? void 0 : e.status) ?? "";
   }), C = n(() => {
     var e;
     return ((e = t.value) == null ? void 0 : e.loanAmount) ?? "0";
   }), N = n(() => {
-    var e, a, s, u;
-    return ee(((a = (e = t.value) == null ? void 0 : e.loanFundraisingInfo) == null ? void 0 : a.reservedAmount) ?? "0").add(((u = (s = t.value) == null ? void 0 : s.loanFundraisingInfo) == null ? void 0 : u.fundedAmount) ?? "0");
-  }), fe = n(() => N.value.clone().divide(C.value).value()), S = n(() => U.value && C.value - N.value.value() > 0), me = n(() => S.value ? ee(C.value).subtract(N.value.value()).format("0.00") : "0"), ge = n(() => {
+    var e, a, l, u;
+    return ae(((a = (e = t.value) == null ? void 0 : e.loanFundraisingInfo) == null ? void 0 : a.reservedAmount) ?? "0").add(((u = (l = t.value) == null ? void 0 : l.loanFundraisingInfo) == null ? void 0 : u.fundedAmount) ?? "0");
+  }), D = n(() => N.value.clone().divide(C.value).value()), M = n(() => U.value && C.value - N.value.value() > 0), ge = n(() => M.value ? ae(C.value).subtract(N.value.value()).format("0.00") : "0"), he = n(() => {
     var e;
     return ((e = t.value) == null ? void 0 : e.borrowerCount) ?? 0;
-  }), he = n(() => {
-    var G, O, k, Y, B, $, w, K, x, q, H, j, z, J, Q, V, W, X, Z;
-    const e = [], a = ((O = (G = t.value) == null ? void 0 : G.activity) == null ? void 0 : O.name) ?? "", s = ((Y = (k = t.value) == null ? void 0 : k.activity) == null ? void 0 : Y.id) ?? null, u = (($ = (B = t.value) == null ? void 0 : B.sector) == null ? void 0 : $.name) ?? "", m = ((K = (w = t.value) == null ? void 0 : w.sector) == null ? void 0 : K.id) ?? null, i = ((q = (x = t.value) == null ? void 0 : x.tags) == null ? void 0 : q.filter((o) => o.charAt(0) === "#").map((o) => o.substring(1))) ?? [], A = ((H = t.value) == null ? void 0 : H.themes) ?? [], b = {
-      ecoFriendly: !!i.filter((o) => o.toUpperCase() === te || o.toUpperCase() === ae).length,
-      refugeesIdps: !!A.filter((o) => o.toUpperCase() === Ee).length,
-      singleParents: !!i.filter((o) => o.toUpperCase() === oe).length
-    }, D = (z = (j = t.value) == null ? void 0 : j.partnerName) == null ? void 0 : z.toUpperCase().includes(ye), T = ((J = t.value) == null ? void 0 : J.tagsData) ?? [], Ce = ((Q = t.value) == null ? void 0 : Q.themesData) ?? [];
-    if (D && i.length) {
-      const o = Math.floor(Math.random() * i.length), l = i[o], r = P(T, l), g = (r == null ? void 0 : r.id) ?? null;
-      e.push({ label: l, type: "tag", id: g });
+  }), Ce = n(() => {
+    var k, Y, w, B, $, K, x, q, H, j, z, J, Q, V, W, X, Z, ee, te;
+    const e = [], a = new Ee(m.value, D.value), l = ((Y = (k = t.value) == null ? void 0 : k.activity) == null ? void 0 : Y.name) ?? "", u = ((B = (w = t.value) == null ? void 0 : w.activity) == null ? void 0 : B.id) ?? null, d = ((K = ($ = t.value) == null ? void 0 : $.sector) == null ? void 0 : K.name) ?? "", T = ((q = (x = t.value) == null ? void 0 : x.sector) == null ? void 0 : q.id) ?? null, i = ((j = (H = t.value) == null ? void 0 : H.tags) == null ? void 0 : j.filter((o) => o.charAt(0) === "#").map((o) => o.substring(1))) ?? [], A = ((z = t.value) == null ? void 0 : z.themes) ?? [], b = {
+      ecoFriendly: !!i.filter((o) => o.toUpperCase() === oe || o.toUpperCase() === ne).length,
+      refugeesIdps: !!A.filter((o) => o.toUpperCase() === Ne).length,
+      singleParents: !!i.filter((o) => o.toUpperCase() === le).length
+    }, G = (Q = (J = t.value) == null ? void 0 : J.partnerName) == null ? void 0 : Q.toUpperCase().includes(Ue), O = ((V = t.value) == null ? void 0 : V.tagsData) ?? [], Ae = ((W = t.value) == null ? void 0 : W.themesData) ?? [];
+    if (G && i.length) {
+      const o = Math.floor(a() * i.length), s = i[o], r = P(O, s), h = (r == null ? void 0 : r.id) ?? null;
+      e.push({ label: s, type: "tag", id: h });
     }
-    if (d.value || (b.ecoFriendly && !e.find((o) => o.label.toUpperCase() === te || o.label.toUpperCase() === ae) ? e.push({ label: "Eco-friendly", type: "tag", id: 9 }) : b.refugeesIdps ? e.push({ label: "Refugees and IDPs", type: "attribute", id: 28 }) : b.singleParents && !e.find((o) => o.label.toUpperCase() === oe) && e.push({ label: "Single Parent", type: "tag", id: 17 })), a && s && ((V = d.value) == null ? void 0 : V.toUpperCase()) !== a.toUpperCase() && e.push({ id: s, label: a, type: "activity" }), u && m && a.toUpperCase() !== u.toUpperCase() && u.toUpperCase() !== ((W = d.value) == null ? void 0 : W.toUpperCase()) && e.length < 2 && e.push({ id: m, label: u, type: "sector" }), i.length && e.length < 2) {
-      const o = Math.floor(Math.random() * i.length), l = i[o], r = P(T, l), g = (r == null ? void 0 : r.id) ?? null;
-      e.filter((I) => I.label.toUpperCase() === l.toUpperCase()).length || e.push({ label: l, type: "tag", id: g });
+    if (p.value || (b.ecoFriendly && !e.find((o) => o.label.toUpperCase() === oe || o.label.toUpperCase() === ne) ? e.push({ label: "Eco-friendly", type: "tag", id: 9 }) : b.refugeesIdps ? e.push({ label: "Refugees and IDPs", type: "attribute", id: 28 }) : b.singleParents && !e.find((o) => o.label.toUpperCase() === le) && e.push({ label: "Single Parent", type: "tag", id: 17 })), l && u && ((X = p.value) == null ? void 0 : X.toUpperCase()) !== l.toUpperCase() && e.push({ id: u, label: l, type: "activity" }), d && T && l.toUpperCase() !== d.toUpperCase() && d.toUpperCase() !== ((Z = p.value) == null ? void 0 : Z.toUpperCase()) && e.length < 2 && e.push({ id: T, label: d, type: "sector" }), i.length && e.length < 2) {
+      const o = Math.floor(a() * i.length), s = i[o], r = P(O, s), h = (r == null ? void 0 : r.id) ?? null;
+      e.filter((I) => I.label.toUpperCase() === s.toUpperCase()).length || e.push({ label: s, type: "tag", id: h });
     }
     if (A.length && e.length < 2) {
-      const o = Math.floor(Math.random() * A.length), l = A[o], r = P(Ce, l), g = (r == null ? void 0 : r.id) ?? null;
-      !e.filter((I) => I.label.toUpperCase() === l.toUpperCase()).length && l.toUpperCase() !== ((X = d.value) == null ? void 0 : X.toUpperCase()) && e.push({ label: l, type: "attribute", id: g });
+      const o = Math.floor(a() * A.length), s = A[o], r = P(Ae, s), h = (r == null ? void 0 : r.id) ?? null;
+      !e.filter((I) => I.label.toUpperCase() === s.toUpperCase()).length && s.toUpperCase() !== ((ee = p.value) == null ? void 0 : ee.toUpperCase()) && e.push({ label: s, type: "attribute", id: h });
     }
-    if (D && e.length > 1) return [e.shift()];
-    const Ae = ((Z = y.value) == null ? void 0 : Z.map((o) => ({ label: o }))) ?? [];
-    return e.push(...Ae), e;
+    if (G && e.length > 1) return [e.shift()];
+    const Le = ((te = y.value) == null ? void 0 : te.map((o) => ({ label: o }))) ?? [];
+    return e.push(...Le), e;
   });
   return {
-    tag: se,
-    readMorePath: le,
-    isLoading: M,
-    borrowerName: re,
-    countryName: f,
-    countryCode: ue,
+    tag: re,
+    readMorePath: ue,
+    isLoading: F,
+    borrowerName: ie,
+    countryName: g,
+    countryCode: ce,
     city: E,
-    state: F,
-    distributionModel: _,
-    imageHash: ie,
+    state: _,
+    distributionModel: S,
+    imageHash: de,
     hasProgressData: U,
-    allDataLoaded: ce,
-    fundraisingPercent: fe,
-    unreservedAmount: me,
-    sharesAvailable: S,
-    formattedLocation: de,
-    loanUse: pe,
-    loanStatus: ve,
+    allDataLoaded: pe,
+    fundraisingPercent: D,
+    unreservedAmount: ge,
+    sharesAvailable: M,
+    formattedLocation: ve,
+    loanUse: fe,
+    loanStatus: me,
     loanAmount: C,
-    loanBorrowerCount: ge,
-    mdiMapMarker: Le,
-    loanCallouts: he
+    loanBorrowerCount: he,
+    mdiMapMarker: ye,
+    loanCallouts: Ce
   };
 }
-function _e(c, p) {
+function Te(c, v) {
   const {
-    loanId: v,
+    loanId: f,
     customLoanDetails: L,
-    kvTrackFunction: h
-  } = ne(c);
-  function t(d, y) {
-    h.value("Lending", "click-Read more", d, v.value), L.value && (y.preventDefault(), p("show-loan-details"));
+    kvTrackFunction: m
+  } = se(c);
+  function t(p, y) {
+    m.value("Lending", "click-Read more", p, f.value), L.value && (y.preventDefault(), v("show-loan-details"));
   }
   return {
     clickReadMore: t
   };
 }
 export {
-  Pe as LOAN_CALLOUTS_FRAGMENT,
-  Re as LOAN_GEOCODE_FRAGMENT,
-  Me as LOAN_PROGRESS_FRAGMENT,
-  Fe as loanCardComputedProperties,
-  _e as loanCardMethods
+  _e as LOAN_CALLOUTS_FRAGMENT,
+  Se as LOAN_GEOCODE_FRAGMENT,
+  De as LOAN_PROGRESS_FRAGMENT,
+  Me as loanCardComputedProperties,
+  Te as loanCardMethods
 };

package/dist/vue/KvLendCta.css

@@ -1 +1 @@
-.amountDropdownWrapper[data-v-1ac5c3c8] select{border-radius:14px 0 0 14px}.lend-again[data-v-1ac5c3c8] span{padding-left:0;padding-right:0;padding-left:.5rem;padding-right:.5rem}.lendButtonWrapper[data-v-1ac5c3c8] span:first-child{border-radius:0 14px 14px 0}.filtered-dropdown[data-v-1ac5c3c8] select{cursor:pointer;border-radius:.875rem;border-width:2px;font-weight:500}.unselected-dropdown[data-v-1ac5c3c8] select{--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.selected-dropdown[data-v-1ac5c3c8] select{--tw-border-opacity: 1;border-color:rgb(34 56 41 / var(--tw-border-opacity, 1))}.preset-option[data-v-1ac5c3c8] span.tw-w-full:first-child{border-width:2px;--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.selected-option[data-v-1ac5c3c8] span.tw-w-full:first-child{--tw-border-opacity: 1;border-color:rgba(var(--border-action),var(--tw-border-opacity, 1))}
+.amountDropdownWrapper[data-v-e06394ac] select{border-radius:14px 0 0 14px}.lend-again[data-v-e06394ac] span{padding-left:0;padding-right:0;padding-left:.5rem;padding-right:.5rem}.lendButtonWrapper[data-v-e06394ac] span:first-child{border-radius:0 14px 14px 0}.filtered-dropdown[data-v-e06394ac] select{cursor:pointer;border-radius:.875rem;border-width:2px;font-weight:500}.unselected-dropdown[data-v-e06394ac] select{--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.selected-dropdown[data-v-e06394ac] select{--tw-border-opacity: 1;border-color:rgb(34 56 41 / var(--tw-border-opacity, 1))}.preset-option[data-v-e06394ac] span.tw-w-full:first-child{border-width:2px;--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.selected-option[data-v-e06394ac] span.tw-w-full:first-child{--tw-border-opacity: 1;border-color:rgba(var(--border-action),var(--tw-border-opacity, 1))}

package/dist/vue/KvLendCta.js

@@ -1,12 +1,12 @@
 import C from "graphql-tag";
-import { mdiChevronRight as x } from "@mdi/js";
+import { mdiChevronRight as _ } from "@mdi/js";
 import { getLendCtaSelectedOption as B, getDropdownPriceArray as D } from "../utils/loanUtils.js";
 import P from "./KvLendAmountButton.js";
 import S from "./KvSelect.js";
 import F from "./KvButton.js";
 import I from "./KvMaterialIcon.js";
 import N from "./KvCartPill.js";
-import { resolveComponent as y, openBlock as i, createElementBlock as l, createBlock as a, withCtx as r, createElementVNode as u, createCommentVNode as d, normalizeClass as h, createTextVNode as f, toDisplayString as w, createVNode as V, withModifiers as A, Fragment as g, renderList as p } from "vue";
+import { resolveComponent as y, openBlock as i, createElementBlock as l, createBlock as a, withCtx as r, createElementVNode as u, createCommentVNode as d, normalizeClass as h, createTextVNode as f, toDisplayString as w, createVNode as V, withModifiers as p, Fragment as L, renderList as g } from "vue";
 import "./KvLendCta.css";
 import O from "../_virtual/_plugin-vue_export-helper.js";
 const k = "Other", oe = C`
@@ -113,6 +113,14 @@ const k = "Other", oe = C`
       type: Function,
       default: void 0
     },
+    /**
+     * Hide preset buttons under this amount when
+     * showPresetAmounts is true
+     * */
+    maxAmount: {
+      type: String,
+      default: ""
+    },
     showPresetAmounts: {
       type: Boolean,
       default: !1
@@ -129,7 +137,7 @@ const k = "Other", oe = C`
   data() {
     var e, n;
     return {
-      mdiChevronRight: x,
+      mdiChevronRight: _,
       defaultAmountOptions: [25, 50, 75],
       selectedOption: B(
         this.getCookie,
@@ -169,8 +177,7 @@ const k = "Other", oe = C`
       return ((e = this.basketItems) == null ? void 0 : e.some((n) => n.__typename === "LoanReservation" && n.id === this.loanId)) ?? !1;
     },
     prices() {
-      const e = parseFloat(this.unreservedAmount < 25 ? this.minNoteSize : 25);
-      return D(
+      const e = parseFloat(this.unreservedAmount < 25 ? this.minNoteSize : 25), n = D(
         this.unreservedAmount,
         this.isCompleteLoanActive,
         e,
@@ -178,6 +185,7 @@ const k = "Other", oe = C`
         this.enableHugeAmount,
         this.isVisitor
       );
+      return this.maxAmount ? n.filter((s) => parseFloat(s) <= parseFloat(this.maxAmount)) : n;
     },
     presetButtonsPrices() {
       const e = this.prices.slice(0, 3);
@@ -241,7 +249,7 @@ const k = "Other", oe = C`
       return this.isAmountLessThan25(this.unreservedAmount) || this.isAmountBetween25And500(this.unreservedAmount);
     },
     isLendAmountButton() {
-      return (this.lendButtonVisibility || this.state === "lent-to") && this.isAmountLessThan25(this.unreservedAmount) || this.showPresetAmounts && this.presetButtonsPrices.length === 1 && !this.isAdding;
+      return this.maxAmount ? !1 : (this.lendButtonVisibility || this.state === "lent-to") && this.isAmountLessThan25(this.unreservedAmount) || this.showPresetAmounts && this.presetButtonsPrices.length === 1 && !this.isAdding;
     },
     isFunded() {
       return this.state === "funded" || this.state === "fully-reserved";
@@ -259,17 +267,17 @@ const k = "Other", oe = C`
       return this.presetDropdownPrices.length > 1;
     },
     hideLendButton() {
-      return this.showPresetAmounts && (this.isAdding || this.presetButtonsPrices.length === 1);
+      return this.maxAmount ? !1 : this.showPresetAmounts && (this.isAdding || this.presetButtonsPrices.length === 1);
     }
   },
   watch: {
     unreservedAmount(e, n) {
-      var s, L;
+      var s, A;
       e !== n && n === "" && (this.selectedOption = B(
         this.getCookie,
         this.setCookie,
         this.enableFiveDollarsNotes,
-        (L = (s = this.route) == null ? void 0 : s.query) == null ? void 0 : L.utm_campaign,
+        (A = (s = this.route) == null ? void 0 : s.query) == null ? void 0 : A.utm_campaign,
         e,
         this.userBalance,
         this.fiveDollarsSelected,
@@ -344,8 +352,8 @@ const k = "Other", oe = C`
   key: 1,
   class: "amountDropdownWrapper"
 }, z = ["value"];
-function q(e, n, s, L, c, t) {
-  const b = y("kv-cart-pill"), m = y("kv-ui-button"), T = y("kv-material-icon"), v = y("kv-ui-select"), _ = y("kv-lend-amount-button");
+function q(e, n, s, A, c, t) {
+  const b = y("kv-cart-pill"), m = y("kv-ui-button"), T = y("kv-material-icon"), v = y("kv-ui-select"), x = y("kv-lend-amount-button");
   return i(), l("div", H, [
     s.showPill && s.showPresetAmounts ? (i(), a(b, {
       key: 0,
@@ -429,7 +437,7 @@ function q(e, n, s, L, c, t) {
     }, 8, ["state", "to", "href"])) : t.useFormSubmit ? (i(), l("form", {
       key: 5,
       class: "tw-w-full tw-flex",
-      onSubmit: n[4] || (n[4] = A((...o) => t.addToBasket && t.addToBasket(...o), ["prevent"]))
+      onSubmit: n[4] || (n[4] = p((...o) => t.addToBasket && t.addToBasket(...o), ["prevent"]))
     }, [
       u("fieldset", {
         class: h(["tw-w-full tw-flex", {
@@ -443,7 +451,7 @@ function q(e, n, s, L, c, t) {
           key: 0,
           class: h(["tw-flex tw-gap-1 lg:tw-gap-2", { "tw-flex-wrap md:tw-flex-nowrap": s.enableHugeAmount }])
         }, [
-          t.isLendAmountButton ? d("", !0) : (i(!0), l(g, { key: 0 }, p(t.presetButtonsPrices, (o) => (i(), a(m, {
+          t.isLendAmountButton ? d("", !0) : (i(!0), l(L, { key: 0 }, g(t.presetButtonsPrices, (o) => (i(), a(m, {
             key: o,
             variant: "secondary",
             class: h(["tw-inline-flex tw-flex-1 preset-option tw-w-8", { "selected-option": c.selectedOption == o }]),
@@ -469,10 +477,10 @@ function q(e, n, s, L, c, t) {
               "tw-w-full": s.enableHugeAmount
             }]),
             "aria-label": "Lend amount",
-            onClick: A(t.clickDropdown, ["stop"])
+            onClick: p(t.clickDropdown, ["stop"])
           }, {
             default: r(() => [
-              (i(!0), l(g, null, p(t.presetDropdownPrices, (o) => (i(), l("option", {
+              (i(!0), l(L, null, g(t.presetDropdownPrices, (o) => (i(), l("option", {
                 key: o,
                 value: o
               }, w(o !== c.OTHER_OPTION ? `$${o}` : o), 9, E))), 128))
@@ -491,10 +499,10 @@ function q(e, n, s, L, c, t) {
             class: "tw-min-w-12",
             style: { "border-radius": "14px 0 0 14px" },
             "aria-label": "Lend amount",
-            onClick: A(t.clickDropdown, ["stop"])
+            onClick: p(t.clickDropdown, ["stop"])
           }, {
             default: r(() => [
-              (i(!0), l(g, null, p(t.prices, (o) => (i(), l("option", {
+              (i(!0), l(L, null, g(t.prices, (o) => (i(), l("option", {
                 key: o,
                 value: o
               }, " $" + w(o), 9, z))), 128))
@@ -530,7 +538,7 @@ function q(e, n, s, L, c, t) {
             _: 1
           }, 8, ["class"])) : d("", !0)
         ], 2),
-        t.isLendAmountButton && !s.enableFiveDollarsNotes ? (i(), a(_, {
+        t.isLendAmountButton && !s.enableFiveDollarsNotes ? (i(), a(x, {
           key: 2,
           class: "tw-w-full",
           "loan-id": t.loanId,
@@ -552,7 +560,7 @@ function q(e, n, s, L, c, t) {
     ], 32)) : d("", !0)
   ]);
 }
-const ae = /* @__PURE__ */ O(M, [["render", q], ["__scopeId", "data-v-1ac5c3c8"]]);
+const ae = /* @__PURE__ */ O(M, [["render", q], ["__scopeId", "data-v-e06394ac"]]);
 export {
   oe as KV_LEND_CTA_FRAGMENT,
   ie as KV_LEND_CTA_USER_FRAGMENT,

package/dist/vue/KvUserAvatar.js

@@ -37,7 +37,7 @@ const V = {
       isSmall: e
     } = A(u), i = v(!0), m = v(null), c = d(() => a.value === "" && t.value === "" || a.value === "Anonymous"), f = () => {
       const l = e != null && e.value ? "tw-w-3 tw-h-3 tw-text-h4" : "tw-w-6 tw-h-6 tw-text-h2";
-      return `${D()} ${l}`;
+      return `${D(a.value)} ${l}`;
     }, S = d(() => {
       var l;
       return ((l = t == null ? void 0 : t.value) == null ? void 0 : l.split("/").pop()) ?? "";
@@ -46,9 +46,9 @@ const V = {
       return (l = a == null ? void 0 : a.value) == null ? void 0 : l.substring(0, 1).toUpperCase();
     }), g = () => {
       i.value = !1;
-    }, C = (l, w = 1e4) => new Promise((k, L) => {
+    }, C = (l, w = 1e4) => new Promise((L, k) => {
       const x = Date.now() + w, h = () => {
-        !l || l.complete ? k(l) : Date.now() > x ? L(new Error(`Timeout: ${l.src}`)) : setTimeout(h, 50);
+        !l || l.complete ? L(l) : Date.now() > x ? k(new Error(`Timeout: ${l.src}`)) : setTimeout(h, 50);
       };
       h();
     });
@@ -74,7 +74,6 @@ const V = {
 function K(u, a, t, e, i, m) {
   const c = U("kv-loading-placeholder");
   return n(), o("div", {
-    id: "kv-user-avatar",
     class: r(["data-hj-suppress tw-flex", { "tw-w-3": t.isSmall, "tw-w-6": !t.isSmall }])
   }, [
     e.isAnonymousUser ? (n(), o("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.14.2",
+  "version": "6.16.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -111,5 +111,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "a99f2d5f6d3157739316f6533029c18c913d9aa0"
+  "gitHead": "6b563c82fd8270b4df50c76da70eed7f2c82b908"
 }