@kiva/kv-components 7.2.5 → 7.3.1

package/dist/index.js

@@ -1,7 +1,7 @@
 import { default as t } from "./vue/KvAccordionItem.js";
 import { default as r } from "./vue/KvActivityRow.js";
 import { default as l } from "./vue/KvBorrowerImage.js";
-import { default as d } from "./vue/KvButton.js";
+import { default as s } from "./vue/KvButton.js";
 import { default as p } from "./vue/KvCardFrame.js";
 import { default as x } from "./vue/KvCarousel.js";
 import { default as n } from "./vue/KvCartModal.js";
@@ -10,7 +10,7 @@ import { default as i } from "./vue/KvCheckbox.js";
 import { default as L } from "./vue/KvCheckoutReceipt.js";
 import { default as T } from "./vue/KvChip.js";
 import { KV_CLASSIC_LOAN_CARD_FRAGMENT as E, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as R, default as M } from "./vue/KvClassicLoanCard.js";
-import { KV_COMPACT_LOAN_CARD_FRAGMENT as S, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as I, default as P } from "./vue/KvCompactLoanCard.js";
+import { KV_COMPACT_LOAN_CARD_FRAGMENT as I, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as S, default as P } from "./vue/KvCompactLoanCard.js";
 import { default as G } from "./vue/KvCommentsAdd.js";
 import { default as F } from "./vue/KvCommentsContainer.js";
 import { default as D } from "./vue/KvCommentsHeartButton.js";
@@ -26,7 +26,7 @@ import { default as ee } from "./vue/KvFlag.js";
 import { default as te } from "./vue/KvGrid.js";
 import { default as re } from "./vue/KvImpactDashboardHeader.js";
 import { default as le } from "./vue/KvImpactVerticalSelector.js";
-import { default as de } from "./vue/KvInlineActivityCard.js";
+import { default as se } from "./vue/KvInlineActivityCard.js";
 import { default as pe } from "./vue/KvInlineActivityFeed.js";
 import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as xe, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as Ke, default as ne } from "./vue/KvIntroductionLoanCard.js";
 import { default as Ae } from "./vue/KvLendAmountButton.js";
@@ -34,85 +34,86 @@ import { KV_LEND_CTA_FRAGMENT as ie, KV_LEND_CTA_USER_FRAGMENT as _e, default as
 import { default as Te } from "./vue/KvLightbox.js";
 import { default as Ee } from "./vue/KvLineGraph.js";
 import { KV_LOAN_ACTIVITIES_FRAGMENT as Me, default as Oe } from "./vue/KvLoanActivities.js";
-import { KV_LOAN_BOOKMARK_FRAGMENT as Ie, default as Pe } from "./vue/KvLoanBookmark.js";
+import { KV_LOAN_BOOKMARK_FRAGMENT as Se, default as Pe } from "./vue/KvLoanBookmark.js";
 import { default as Ge } from "./vue/KvLoanCallouts.js";
-import { default as Fe } from "./vue/KvLoanProgressGroup.js";
-import { KV_LOAN_TAG_FRAGMENT as De, default as ke } from "./vue/KvLoanTag.js";
-import { default as Ue } from "./vue/KvLoanTeamPick.js";
-import { KV_LOAN_USE_FRAGMENT as be, default as we } from "./vue/KvLoanUse.js";
-import { default as He } from "./vue/KvLoadingPlaceholder.js";
-import { default as ze } from "./vue/KvLoadingSpinner.js";
-import { default as qe } from "./vue/KvMap.js";
-import { default as Xe } from "./vue/KvMaterialIcon.js";
-import { default as Ze } from "./vue/KvPageContainer.js";
-import { default as eo } from "./vue/KvPagination.js";
-import { default as to } from "./vue/KvPieChart.js";
-import { default as ro } from "./vue/KvPill.js";
-import { default as lo } from "./vue/KvPopper.js";
-import { default as mo } from "./vue/KvProgressBar.js";
-import { default as uo } from "./vue/KvPulsingDot.js";
-import { default as Ko } from "./vue/KvRadio.js";
-import { default as vo } from "./vue/KvSelect.js";
-import { default as Co } from "./vue/KvSideSheet.js";
-import { default as _o } from "./vue/KvSwitch.js";
-import { default as No } from "./vue/KvTab.js";
-import { default as co } from "./vue/KvTabPanel.js";
-import { default as Ro } from "./vue/KvTabs.js";
-import { default as Oo } from "./vue/KvTextInput.js";
-import { default as Io } from "./vue/KvTextLink.js";
-import { default as go } from "./vue/KvThemeProvider.js";
-import { default as ho } from "./vue/KvToast.js";
-import { default as Vo } from "./vue/KvTooltip.js";
-import { default as ko } from "./vue/KvTreeMapChart.js";
-import { default as Uo } from "./vue/KvUserAvatar.js";
-import { default as bo } from "./vue/KvUtilityMenu.js";
-import { default as Wo } from "./vue/KvVerticalCarousel.js";
-import { default as jo } from "./vue/KvVotingCard.js";
-import { default as Qo } from "./vue/KvVotingCardV2.js";
-import { KV_WIDE_LOAN_CARD_FRAGMENT as Jo, KV_WIDE_LOAN_CARD_USER_FRAGMENT as Xo, default as Yo } from "./vue/KvWideLoanCard.js";
-import { default as $o } from "./vue/KvAtbModal.js";
-import { default as ot } from "./vue/KvSecondaryNav.js";
-import { default as at } from "./vue/KvWwwHeader.js";
-import { default as ft, Mash as lt } from "./utils/Alea.js";
-import { useAttrs as dt } from "./utils/attrs.js";
-import { carouselUtil as pt } from "./utils/carousels.js";
-import { collapse as xt, expand as Kt } from "./utils/expander.js";
-import { getKivaImageUrl as vt, isLegacyPlaceholderAvatar as At, randomizedUserAvatarClass as Ct } from "./utils/imageUtils.js";
-import { LOAN_CALLOUTS_FRAGMENT as _t, LOAN_GEOCODE_FRAGMENT as Lt, LOAN_PROGRESS_FRAGMENT as Nt, loanCardComputedProperties as Tt, loanCardMethods as ct } from "./utils/loanCard.js";
-import { BALANCE_CAMPAIGN as Rt, BASE_CAMPAIGN as Mt, ERL_COOKIE_NAME as Ot, NO_BALANCE_CAMPAIGN as St, TOP_UP_CAMPAIGN as It, getDropdownPriceArray as Pt, getLendCtaSelectedOption as gt, isBetween25And50 as Gt, isLessThan25 as ht } from "./utils/loanUtils.js";
-import { animationCoordinator as Vt, generateMapMarkers as Dt, getCoordinatesBetween as kt, getCountryColor as Bt, getLoansIntervals as Ut } from "./utils/mapUtils.js";
-import { lockPrintSingleEl as bt, unlockPrintSingleEl as wt } from "./utils/printing.js";
-import { lockScroll as Ht, lockScrollSmallOnly as jt, unlockScroll as zt, unlockScrollSmallOnly as Qt } from "./utils/scrollLock.js";
-import { buildTailwindClassName as Jt, headerNumberCase as Xt, kebabCase as Yt, removeObjectProperty as Zt } from "./utils/themeUtils.js";
-import { throttle as ea } from "./utils/throttle.js";
-import { isTargetElement as ta, offBodyTouchstart as aa, onBodyTouchstart as ra } from "./utils/touchEvents.js";
-import { getTreemap as la } from "./utils/treemap.js";
-import { KvBlueskyIcon as da } from "./assets/icons/bluesky.js";
+import { default as Fe } from "./vue/KvLoanInfoCard.js";
+import { default as De } from "./vue/KvLoanProgressGroup.js";
+import { KV_LOAN_TAG_FRAGMENT as Be, default as Ue } from "./vue/KvLoanTag.js";
+import { default as be } from "./vue/KvLoanTeamPick.js";
+import { KV_LOAN_USE_FRAGMENT as We, default as He } from "./vue/KvLoanUse.js";
+import { default as ze } from "./vue/KvLoadingPlaceholder.js";
+import { default as qe } from "./vue/KvLoadingSpinner.js";
+import { default as Xe } from "./vue/KvMap.js";
+import { default as Ze } from "./vue/KvMaterialIcon.js";
+import { default as eo } from "./vue/KvPageContainer.js";
+import { default as to } from "./vue/KvPagination.js";
+import { default as ro } from "./vue/KvPieChart.js";
+import { default as lo } from "./vue/KvPill.js";
+import { default as mo } from "./vue/KvPopper.js";
+import { default as uo } from "./vue/KvProgressBar.js";
+import { default as Ko } from "./vue/KvPulsingDot.js";
+import { default as vo } from "./vue/KvRadio.js";
+import { default as Co } from "./vue/KvSelect.js";
+import { default as _o } from "./vue/KvSideSheet.js";
+import { default as No } from "./vue/KvSwitch.js";
+import { default as co } from "./vue/KvTab.js";
+import { default as Ro } from "./vue/KvTabPanel.js";
+import { default as Oo } from "./vue/KvTabs.js";
+import { default as So } from "./vue/KvTextInput.js";
+import { default as go } from "./vue/KvTextLink.js";
+import { default as ho } from "./vue/KvThemeProvider.js";
+import { default as Vo } from "./vue/KvToast.js";
+import { default as ko } from "./vue/KvTooltip.js";
+import { default as Uo } from "./vue/KvTreeMapChart.js";
+import { default as bo } from "./vue/KvUserAvatar.js";
+import { default as Wo } from "./vue/KvUtilityMenu.js";
+import { default as jo } from "./vue/KvVerticalCarousel.js";
+import { default as Qo } from "./vue/KvVotingCard.js";
+import { default as Jo } from "./vue/KvVotingCardV2.js";
+import { KV_WIDE_LOAN_CARD_FRAGMENT as Yo, KV_WIDE_LOAN_CARD_USER_FRAGMENT as Zo, default as $o } from "./vue/KvWideLoanCard.js";
+import { default as ot } from "./vue/KvAtbModal.js";
+import { default as at } from "./vue/KvSecondaryNav.js";
+import { default as ft } from "./vue/KvWwwHeader.js";
+import { default as dt, Mash as st } from "./utils/Alea.js";
+import { useAttrs as pt } from "./utils/attrs.js";
+import { carouselUtil as xt } from "./utils/carousels.js";
+import { collapse as nt, expand as vt } from "./utils/expander.js";
+import { getKivaImageUrl as Ct, isLegacyPlaceholderAvatar as it, randomizedUserAvatarClass as _t } from "./utils/imageUtils.js";
+import { LOAN_CALLOUTS_FRAGMENT as Nt, LOAN_GEOCODE_FRAGMENT as Tt, LOAN_PROGRESS_FRAGMENT as ct, loanCardComputedProperties as Et, loanCardMethods as Rt } from "./utils/loanCard.js";
+import { BALANCE_CAMPAIGN as Ot, BASE_CAMPAIGN as It, ERL_COOKIE_NAME as St, NO_BALANCE_CAMPAIGN as Pt, TOP_UP_CAMPAIGN as gt, getDropdownPriceArray as Gt, getLendCtaSelectedOption as ht, isBetween25And50 as Ft, isLessThan25 as Vt } from "./utils/loanUtils.js";
+import { animationCoordinator as kt, generateMapMarkers as Bt, getCoordinatesBetween as Ut, getCountryColor as yt, getLoansIntervals as bt } from "./utils/mapUtils.js";
+import { lockPrintSingleEl as Wt, unlockPrintSingleEl as Ht } from "./utils/printing.js";
+import { lockScroll as zt, lockScrollSmallOnly as Qt, unlockScroll as qt, unlockScrollSmallOnly as Jt } from "./utils/scrollLock.js";
+import { buildTailwindClassName as Yt, headerNumberCase as Zt, kebabCase as $t, removeObjectProperty as ea } from "./utils/themeUtils.js";
+import { throttle as ta } from "./utils/throttle.js";
+import { isTargetElement as ra, offBodyTouchstart as fa, onBodyTouchstart as la } from "./utils/touchEvents.js";
+import { getTreemap as sa } from "./utils/treemap.js";
+import { KvBlueskyIcon as pa } from "./assets/icons/bluesky.js";
 export {
-  ft as Alea,
-  Rt as BALANCE_CAMPAIGN,
-  Mt as BASE_CAMPAIGN,
-  Ot as ERL_COOKIE_NAME,
+  dt as Alea,
+  Ot as BALANCE_CAMPAIGN,
+  It as BASE_CAMPAIGN,
+  St as ERL_COOKIE_NAME,
   E as KV_CLASSIC_LOAN_CARD_FRAGMENT,
   R as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
-  S as KV_COMPACT_LOAN_CARD_FRAGMENT,
-  I as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
+  I as KV_COMPACT_LOAN_CARD_FRAGMENT,
+  S as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
   xe as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
   Ke as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
   ie as KV_LEND_CTA_FRAGMENT,
   _e as KV_LEND_CTA_USER_FRAGMENT,
   Me as KV_LOAN_ACTIVITIES_FRAGMENT,
-  Ie as KV_LOAN_BOOKMARK_FRAGMENT,
-  De as KV_LOAN_TAG_FRAGMENT,
-  be as KV_LOAN_USE_FRAGMENT,
-  Jo as KV_WIDE_LOAN_CARD_FRAGMENT,
-  Xo as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
+  Se as KV_LOAN_BOOKMARK_FRAGMENT,
+  Be as KV_LOAN_TAG_FRAGMENT,
+  We as KV_LOAN_USE_FRAGMENT,
+  Yo as KV_WIDE_LOAN_CARD_FRAGMENT,
+  Zo as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
   t as KvAccordionItem,
   r as KvActivityRow,
-  $o as KvAtbModal,
-  da as KvBlueskyIcon,
+  ot as KvAtbModal,
+  pa as KvBlueskyIcon,
   l as KvBorrowerImage,
-  d as KvButton,
+  s as KvButton,
   p as KvCardFrame,
   x as KvCarousel,
   n as KvCartModal,
@@ -137,89 +138,90 @@ export {
   te as KvGrid,
   re as KvImpactDashboardHeader,
   le as KvImpactVerticalSelector,
-  de as KvInlineActivityCard,
+  se as KvInlineActivityCard,
   pe as KvInlineActivityFeed,
   ne as KvIntroductionLoanCard,
   Ae as KvLendAmountButton,
   Le as KvLendCta,
   Te as KvLightbox,
   Ee as KvLineGraph,
-  He as KvLoadingPlaceholder,
-  ze as KvLoadingSpinner,
+  ze as KvLoadingPlaceholder,
+  qe as KvLoadingSpinner,
   Oe as KvLoanActivities,
   Pe as KvLoanBookmark,
   Ge as KvLoanCallouts,
-  Fe as KvLoanProgressGroup,
-  ke as KvLoanTag,
-  Ue as KvLoanTeamPick,
-  we as KvLoanUse,
-  qe as KvMap,
-  Xe as KvMaterialIcon,
-  Ze as KvPageContainer,
-  eo as KvPagination,
-  to as KvPieChart,
-  ro as KvPill,
-  lo as KvPopper,
-  mo as KvProgressBar,
-  uo as KvPulsingDot,
-  Ko as KvRadio,
-  ot as KvSecondaryNav,
-  vo as KvSelect,
-  Co as KvSideSheet,
-  _o as KvSwitch,
-  No as KvTab,
-  co as KvTabPanel,
-  Ro as KvTabs,
-  Oo as KvTextInput,
-  Io as KvTextLink,
-  go as KvThemeProvider,
-  ho as KvToast,
-  Vo as KvTooltip,
-  ko as KvTreeMapChart,
-  Uo as KvUserAvatar,
-  bo as KvUtilityMenu,
-  Wo as KvVerticalCarousel,
-  jo as KvVotingCard,
-  Qo as KvVotingCardV2,
-  Yo as KvWideLoanCard,
-  at as KvWwwHeader,
-  _t as LOAN_CALLOUTS_FRAGMENT,
-  Lt as LOAN_GEOCODE_FRAGMENT,
-  Nt as LOAN_PROGRESS_FRAGMENT,
-  lt as Mash,
-  St as NO_BALANCE_CAMPAIGN,
-  It as TOP_UP_CAMPAIGN,
-  Vt as animationCoordinator,
-  Jt as buildTailwindClassName,
-  pt as carouselUtil,
-  xt as collapse,
-  Kt as expand,
-  Dt as generateMapMarkers,
-  kt as getCoordinatesBetween,
-  Bt as getCountryColor,
-  Pt as getDropdownPriceArray,
-  vt as getKivaImageUrl,
-  gt as getLendCtaSelectedOption,
-  Ut as getLoansIntervals,
-  la as getTreemap,
-  Xt as headerNumberCase,
-  Gt as isBetween25And50,
-  At as isLegacyPlaceholderAvatar,
-  ht as isLessThan25,
-  ta as isTargetElement,
-  Yt as kebabCase,
-  Tt as loanCardComputedProperties,
-  ct as loanCardMethods,
-  bt as lockPrintSingleEl,
-  Ht as lockScroll,
-  jt as lockScrollSmallOnly,
-  aa as offBodyTouchstart,
-  ra as onBodyTouchstart,
-  Ct as randomizedUserAvatarClass,
-  Zt as removeObjectProperty,
-  ea as throttle,
-  wt as unlockPrintSingleEl,
-  zt as unlockScroll,
-  Qt as unlockScrollSmallOnly,
-  dt as useAttrs
+  Fe as KvLoanInfoCard,
+  De as KvLoanProgressGroup,
+  Ue as KvLoanTag,
+  be as KvLoanTeamPick,
+  He as KvLoanUse,
+  Xe as KvMap,
+  Ze as KvMaterialIcon,
+  eo as KvPageContainer,
+  to as KvPagination,
+  ro as KvPieChart,
+  lo as KvPill,
+  mo as KvPopper,
+  uo as KvProgressBar,
+  Ko as KvPulsingDot,
+  vo as KvRadio,
+  at as KvSecondaryNav,
+  Co as KvSelect,
+  _o as KvSideSheet,
+  No as KvSwitch,
+  co as KvTab,
+  Ro as KvTabPanel,
+  Oo as KvTabs,
+  So as KvTextInput,
+  go as KvTextLink,
+  ho as KvThemeProvider,
+  Vo as KvToast,
+  ko as KvTooltip,
+  Uo as KvTreeMapChart,
+  bo as KvUserAvatar,
+  Wo as KvUtilityMenu,
+  jo as KvVerticalCarousel,
+  Qo as KvVotingCard,
+  Jo as KvVotingCardV2,
+  $o as KvWideLoanCard,
+  ft as KvWwwHeader,
+  Nt as LOAN_CALLOUTS_FRAGMENT,
+  Tt as LOAN_GEOCODE_FRAGMENT,
+  ct as LOAN_PROGRESS_FRAGMENT,
+  st as Mash,
+  Pt as NO_BALANCE_CAMPAIGN,
+  gt as TOP_UP_CAMPAIGN,
+  kt as animationCoordinator,
+  Yt as buildTailwindClassName,
+  xt as carouselUtil,
+  nt as collapse,
+  vt as expand,
+  Bt as generateMapMarkers,
+  Ut as getCoordinatesBetween,
+  yt as getCountryColor,
+  Gt as getDropdownPriceArray,
+  Ct as getKivaImageUrl,
+  ht as getLendCtaSelectedOption,
+  bt as getLoansIntervals,
+  sa as getTreemap,
+  Zt as headerNumberCase,
+  Ft as isBetween25And50,
+  it as isLegacyPlaceholderAvatar,
+  Vt as isLessThan25,
+  ra as isTargetElement,
+  $t as kebabCase,
+  Et as loanCardComputedProperties,
+  Rt as loanCardMethods,
+  Wt as lockPrintSingleEl,
+  zt as lockScroll,
+  Qt as lockScrollSmallOnly,
+  fa as offBodyTouchstart,
+  la as onBodyTouchstart,
+  _t as randomizedUserAvatarClass,
+  ea as removeObjectProperty,
+  ta as throttle,
+  Ht as unlockPrintSingleEl,
+  qt as unlockScroll,
+  Jt as unlockScrollSmallOnly,
+  pt as useAttrs
 };

package/dist/utils/loanCard.js

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

package/dist/vue/KvImpactVerticalSelector.js

@@ -63,7 +63,7 @@ const G = {
         return ((L = (E = (S = (I = (y = u == null ? void 0 : u.fields) == null ? void 0 : y.contentLight) == null ? void 0 : I[0]) == null ? void 0 : S.fields) == null ? void 0 : E.file) == null ? void 0 : L.url) ?? null;
       }
       return null;
-    }, h = o(() => s.useCompactCard ? "tw-p-2 md:tw-p-3 tw-flex tw-flex-row tw-items-center tw-cursor-pointer" : "tw-p-2 tw-flex tw-flex-row md:tw-flex-col tw-items-center tw-cursor-pointer"), c = o(() => s.useCompactCard ? "tw-shrink-0 tw-mr-2" : "tw-shrink-0 tw-mr-2 md:tw-mr-0 md:tw-mb-2"), m = o(() => s.useCompactCard ? "" : "md:tw-text-center"), t = (e) => s.existingCategories.includes(e), x = o(() => !s.categoryList || s.categoryList.length === 0 ? [] : s.categoryList.filter((e) => !s.hiddenCategories.includes(e.id)).map((e) => ({
+    }, h = o(() => s.useCompactCard ? "tw-p-1 md:tw-p-2 tw-flex tw-flex-row tw-items-center tw-cursor-pointer" : "tw-p-2 tw-flex tw-flex-row md:tw-flex-col tw-items-center tw-cursor-pointer"), c = o(() => s.useCompactCard ? "tw-shrink-0 tw-mr-2" : "tw-shrink-0 tw-mr-2 md:tw-mr-0 md:tw-mb-2"), m = o(() => s.useCompactCard ? "" : "md:tw-text-center"), t = (e) => s.existingCategories.includes(e), x = o(() => !s.categoryList || s.categoryList.length === 0 ? [] : s.categoryList.filter((e) => !s.hiddenCategories.includes(e.id)).map((e) => ({
       id: e.id,
       name: e.name,
       description: e.description,

package/dist/vue/KvLoanInfoCard.css

@@ -0,0 +1 @@
+.loan-card-active-hover[data-v-4dc95254]:hover{cursor:pointer}.loan-card-use[data-v-4dc95254]:hover,.loan-card-use[data-v-4dc95254]:focus{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1))}.loan-card-active-hover:hover .loan-card-use[data-v-4dc95254]{text-decoration-line:underline}.loan-card-progress[data-v-4dc95254]:hover,.loan-card-progress[data-v-4dc95254]:focus{text-decoration-line:none}

package/dist/vue/KvLoanInfoCard.js

@@ -0,0 +1,259 @@
+import A from "graphql-tag";
+import { LOAN_GEOCODE_FRAGMENT as B, loanCardComputedProperties as z, loanCardMethods as W } from "../utils/loanCard.js";
+import D, { KV_LOAN_USE_FRAGMENT as K } from "./KvLoanUse.js";
+import R from "./KvBorrowerImage.js";
+import T from "./KvMaterialIcon.js";
+import E from "./KvLoadingPlaceholder.js";
+import { resolveComponent as c, openBlock as t, createElementBlock as i, normalizeClass as v, normalizeStyle as F, createElementVNode as d, createBlock as h, resolveDynamicComponent as _, withCtx as k, createVNode as s, createTextVNode as U, toDisplayString as b, createCommentVNode as V, Fragment as I, renderList as O, withModifiers as G } from "vue";
+import "./KvLoanInfoCard.css";
+import H from "../_virtual/_plugin-vue_export-helper.js";
+A`
+	fragment KvClassicLoanCard on LoanBasic {
+		id
+		gender
+		image {
+			id
+			hash # for imageHash
+		}
+		name # for borrowerName
+		...KvLoanUse
+		...LoanGeocode
+	}
+	${K}
+	${B}
+`;
+const q = {
+  name: "KvClassicLoanCard",
+  components: {
+    KvBorrowerImage: R,
+    KvLoadingPlaceholder: E,
+    KvLoanUse: D,
+    KvMaterialIcon: T
+  },
+  props: {
+    loanId: {
+      type: Number,
+      default: void 0
+    },
+    loan: {
+      type: Object,
+      default: null
+    },
+    customLoanDetails: {
+      type: Boolean,
+      default: !0
+    },
+    kvTrackFunction: {
+      type: Function,
+      required: !0
+    },
+    photoPath: {
+      type: String,
+      required: !0
+    },
+    externalLinks: {
+      type: Boolean,
+      default: !1
+    },
+    useFullWidth: {
+      type: Boolean,
+      default: !1
+    },
+    largeCard: {
+      type: Boolean,
+      default: !1
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    primaryLinkText: {
+      type: String,
+      default: "Learn more"
+    },
+    customHref: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(m, { emit: a }) {
+    const {
+      allDataLoaded: o,
+      borrowerName: e,
+      city: y,
+      countryName: n,
+      distributionModel: l,
+      formattedLocation: w,
+      imageHash: u,
+      isLoading: f,
+      loanAmount: r,
+      loanStatus: g,
+      loanUse: p,
+      mdiMapMarker: x,
+      readMorePath: L,
+      state: C,
+      tag: M,
+      unreservedAmount: S,
+      sharesAvailable: N
+    } = z(m), {
+      clickReadMore: P
+    } = W(m, a);
+    return {
+      allDataLoaded: o,
+      borrowerName: e,
+      city: y,
+      countryName: n,
+      distributionModel: l,
+      formattedLocation: w,
+      imageHash: u,
+      isLoading: f,
+      loanAmount: r,
+      loanStatus: g,
+      loanUse: p,
+      mdiMapMarker: x,
+      readMorePath: L,
+      state: C,
+      tag: M,
+      unreservedAmount: S,
+      sharesAvailable: N,
+      clickReadMore: P
+    };
+  },
+  computed: {
+    cardWidth() {
+      return this.useFullWidth ? "100%" : "374px";
+    },
+    imageAspectRatio() {
+      return this.largeCard ? 5 / 8 : 3 / 4;
+    },
+    imageDefaultWidth() {
+      return this.largeCard ? 480 : 336;
+    },
+    imageSizes() {
+      return this.largeCard ? [{ width: 480 }] : [
+        { width: this.imageDefaultWidth, viewSize: 1024 },
+        { width: this.imageDefaultWidth, viewSize: 768 },
+        { width: 416, viewSize: 480 },
+        { width: 374, viewSize: 414 },
+        { width: 335, viewSize: 375 }
+      ];
+    }
+  }
+}, j = { class: "tw-grow" }, J = { class: "loan-card-active-hover" }, Q = {
+  key: 1,
+  class: "tw-relative"
+}, X = { key: 0 }, Y = {
+  class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-p-1 tw-mb-0 tw-mr-2 tw-text-h4 tw-inline-flex tw-items-center",
+  style: { padding: "2px 6px", "text-transform": "capitalize" }
+}, Z = { class: "tw-mb-1.5 tw-pt-1" }, $ = {
+  key: 0,
+  class: "tw-w-full",
+  style: { height: "5.5rem" }
+}, ee = { key: 1 }, te = { class: "tw-mt-1" }, ae = {
+  key: 0,
+  class: "tw-w-full",
+  style: { height: "1rem" }
+};
+function oe(m, a, o, e, y, n) {
+  const l = c("kv-loading-placeholder"), w = c("kv-borrower-image"), u = c("kv-material-icon"), f = c("kv-loan-use");
+  return t(), i("div", {
+    class: v(["tw-flex tw-flex-col tw-bg-white tw-rounded tw-w-full tw-pb-1 tw-p-1", { "tw-pointer-events-none": e.isLoading }]),
+    "data-testid": "loan-card",
+    style: F([{ "box-shadow": "0 4px 12px rgba(0, 0, 0, 0.08)" }, { minWidth: "230px", maxWidth: n.cardWidth }])
+  }, [
+    d("div", j, [
+      d("div", J, [
+        e.isLoading ? (t(), h(l, {
+          key: 0,
+          class: v(["tw-mb-1 tw-w-full", { "tw-rounded-t tw-rounded-b-none": o.largeCard, "tw-rounded": !o.largeCard }]),
+          style: { height: "15rem" }
+        }, null, 8, ["class"])) : (t(), i("div", Q, [
+          (t(), h(_(e.tag), {
+            to: e.readMorePath,
+            href: e.readMorePath,
+            class: "tw-flex",
+            "aria-label": "Borrower image",
+            onClick: a[0] || (a[0] = (r) => e.clickReadMore("Photo", r))
+          }, {
+            default: k(() => [
+              s(w, {
+                class: v(["tw-relative tw-w-full tw-bg-black", { "tw-rounded-t": o.largeCard, "tw-rounded": !o.largeCard }]),
+                alt: `Photo of ${e.borrowerName}`,
+                "aspect-ratio": n.imageAspectRatio,
+                "default-image": { width: n.imageDefaultWidth },
+                hash: e.imageHash,
+                images: n.imageSizes,
+                "photo-path": o.photoPath
+              }, null, 8, ["class", "alt", "aspect-ratio", "default-image", "hash", "images", "photo-path"]),
+              e.countryName ? (t(), i("div", X, [
+                d("p", Y, [
+                  s(u, {
+                    class: "tw-h-2 tw-w-2",
+                    icon: e.mdiMapMarker
+                  }, null, 8, ["icon"]),
+                  U(" " + b(e.formattedLocation), 1)
+                ])
+              ])) : V("", !0)
+            ]),
+            _: 1
+          }, 8, ["to", "href"]))
+        ])),
+        (t(), h(_(e.tag), {
+          to: e.readMorePath,
+          href: e.readMorePath,
+          class: "loan-card-use tw-no-underline tw-text-primary",
+          "aria-label": "Loan use",
+          onClick: a[1] || (a[1] = (r) => e.clickReadMore("Use", r))
+        }, {
+          default: k(() => [
+            d("div", Z, [
+              e.isLoading ? (t(), i("div", $, [
+                (t(!0), i(I, null, O([...Array(4)], (r, g) => (t(), i("div", {
+                  key: g,
+                  class: "tw-h-2 tw-mb-1"
+                }, [
+                  s(l)
+                ]))), 128))
+              ])) : (t(), i("div", ee, [
+                s(f, {
+                  use: e.loanUse,
+                  "hide-loan-amount": !0,
+                  "loan-amount": e.loanAmount,
+                  status: e.loanStatus,
+                  "borrower-count": m.loanBorrowerCount,
+                  name: e.borrowerName,
+                  "distribution-model": e.distributionModel,
+                  "use-indicative-help-text": !0
+                }, null, 8, ["use", "loan-amount", "status", "borrower-count", "name", "distribution-model"])
+              ]))
+            ])
+          ]),
+          _: 1
+        }, 8, ["to", "href"])),
+        (t(), h(_(e.tag), {
+          to: e.readMorePath,
+          href: e.readMorePath,
+          class: "loan-card-learn-more tw-no-underline hover:tw-no-underline tw-font-medium tw-text-action hover:tw-text-action-highlight",
+          "aria-label": o.primaryLinkText,
+          onClick: a[3] || (a[3] = (r) => e.clickReadMore(o.primaryLinkText, r))
+        }, {
+          default: k(() => [
+            d("div", te, [
+              e.isLoading ? (t(), i("div", ae, [
+                s(l)
+              ])) : (t(), i("div", {
+                key: 1,
+                onClick: a[2] || (a[2] = G((r) => e.clickReadMore("ViewLoan", r), ["prevent"]))
+              }, b(o.primaryLinkText), 1))
+            ])
+          ]),
+          _: 1
+        }, 8, ["to", "href", "aria-label"]))
+      ])
+    ])
+  ], 6);
+}
+const we = /* @__PURE__ */ H(q, [["render", oe], ["__scopeId", "data-v-4dc95254"]]);
+export {
+  we as default
+};

package/dist/vue/KvLoanUse.js

@@ -1,8 +1,8 @@
-import s from "graphql-tag";
-import a from "numeral";
-import { openBlock as i, createElementBlock as o } from "vue";
-import r from "../_virtual/_plugin-vue_export-helper.js";
-const t = "direct", w = s`
+import i from "graphql-tag";
+import o from "numeral";
+import { openBlock as r, createElementBlock as l } from "vue";
+import u from "../_virtual/_plugin-vue_export-helper.js";
+const n = "direct", g = i`
 	fragment KvLoanUse on LoanBasic {
 		id
 		anonymizationLevel
@@ -14,7 +14,7 @@ const t = "direct", w = s`
 		distributionModel
 		whySpecial
 	}
-`, u = {
+`, p = {
   name: "KvLoanUse",
   props: {
     anonymizationLevel: {
@@ -43,7 +43,7 @@ const t = "direct", w = s`
     },
     distributionModel: {
       type: String,
-      default: t
+      default: n
     },
     whySpecial: {
       type: String,
@@ -60,6 +60,10 @@ const t = "direct", w = s`
     country: {
       type: String,
       default: ""
+    },
+    useIndicativeHelpText: {
+      type: Boolean,
+      default: !1
     }
   },
   computed: {
@@ -67,7 +71,7 @@ const t = "direct", w = s`
       return this.status === "fundraising" || this.status === "inactive" || this.status === "reviewed" ? "helps" : "helped";
     },
     isDirect() {
-      return this.distributionModel === t;
+      return this.distributionModel === n;
     },
     whySpecialSentence() {
       return this.whySpecial ? ` This loan is special because ${this.whySpecial.charAt(0).toLowerCase() + this.whySpecial.slice(1)}` : "";
@@ -78,21 +82,23 @@ const t = "direct", w = s`
     loanUse() {
       if (this.anonymizationLevel === "full" || this.use.length === 0)
         return "For the borrower's privacy, this loan has been made anonymous.";
-      if (this.hideLoanAmount)
-        return `Help ${this.nameSpan} ${this.use.charAt(0).toLowerCase() + this.use.slice(1)} ${this.whySpecialSentence}`;
-      const e = this.borrowerCount > 1;
-      return `${a(this.loanAmount).format("$0,0")} ${this.isDirect ? "to" : this.helpLanguage} ${e ? "a member of " : ""}${this.nameSpan} ${this.isDirect ? `${this.helpLanguage} ` : ""}${this.use.charAt(0).toLowerCase() + this.use.slice(1)}${this.whySpecialSentence}`;
+      if (this.hideLoanAmount) {
+        const e = this.useIndicativeHelpText ? this.helpLanguage : "Help";
+        return `${e.charAt(0).toUpperCase() + e.slice(1)} ${this.nameSpan} ${this.use.charAt(0).toLowerCase() + this.use.slice(1)} ${this.whySpecialSentence}`;
+      }
+      const t = this.borrowerCount > 1;
+      return `${o(this.loanAmount).format("$0,0")} ${this.isDirect ? "to" : this.helpLanguage} ${t ? "a member of " : ""}${this.nameSpan} ${this.isDirect ? `${this.helpLanguage} ` : ""}${this.use.charAt(0).toLowerCase() + this.use.slice(1)}${this.whySpecialSentence}`;
     }
   }
-}, l = ["innerHTML"];
-function h(e, p, c, m, d, n) {
-  return i(), o("p", {
+}, h = ["innerHTML"];
+function c(t, e, s, d, m, a) {
+  return r(), l("p", {
     class: "tw-line-clamp-4",
-    innerHTML: n.loanUse
-  }, null, 8, l);
+    innerHTML: a.loanUse
+  }, null, 8, h);
 }
-const g = /* @__PURE__ */ r(u, [["render", h]]);
+const w = /* @__PURE__ */ u(p, [["render", c]]);
 export {
-  w as KV_LOAN_USE_FRAGMENT,
-  g as default
+  g as KV_LOAN_USE_FRAGMENT,
+  w as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "7.2.5",
+  "version": "7.3.1",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "0904f531bd60326a698c15461873188e1f8db4c9"
+  "gitHead": "510acc35df775a04f12b2eb7442ab43f40241f0a"
 }