@kiva/kv-components 6.13.2 → 6.14.1

package/dist/utils/loanCard.js

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

package/dist/vue/KvClassicLoanCard.css

@@ -1 +1 @@
-.loan-card-use[data-v-d014fd7b]:hover,.loan-card-use[data-v-d014fd7b]: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-d014fd7b]{text-decoration-line:underline}.loan-card-progress[data-v-d014fd7b]:hover,.loan-card-progress[data-v-d014fd7b]:focus{text-decoration-line:none}
+.loan-card-use[data-v-fcb027fa]:hover,.loan-card-use[data-v-fcb027fa]: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-fcb027fa]{text-decoration-line:underline}.loan-card-progress[data-v-fcb027fa]:hover,.loan-card-progress[data-v-fcb027fa]:focus{text-decoration-line:none}