@kiva/kv-components 8.16.0 → 8.17.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 +1 @@
1
- .loan-card-use[data-v-977a7484]:hover,.loan-card-use[data-v-977a7484]: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-977a7484]{text-decoration-line:underline}.loan-card-progress[data-v-977a7484]:hover,.loan-card-progress[data-v-977a7484]:focus{text-decoration-line:none}.loan-card-use-text[data-v-977a7484] p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;text-overflow:ellipsis}.loan-card-cta[data-v-977a7484] form,.loan-card-cta[data-v-977a7484] fieldset,.loan-card-cta[data-v-977a7484] .tw-w-full,.loan-card-cta[data-v-977a7484] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-977a7484] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}[data-v-977a7484] .amount-dropdown select{height:2.25rem;--tw-border-opacity: 1;border-color:rgb(245 245 245 / var(--tw-border-opacity, 1));padding-left:.5rem}[data-v-977a7484] .goal-variant-callouts span{font-weight:500}.goal-variant-progress-group[data-v-977a7484] div[role=progressbar]{background-color:#d9d9d9}
1
+ .loan-card-use[data-v-daea2e7e]:hover,.loan-card-use[data-v-daea2e7e]: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-daea2e7e]{text-decoration-line:underline}.loan-card-progress[data-v-daea2e7e]:hover,.loan-card-progress[data-v-daea2e7e]:focus{text-decoration-line:none}.loan-card-use-text[data-v-daea2e7e] p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;text-overflow:ellipsis}.loan-card-cta[data-v-daea2e7e] form,.loan-card-cta[data-v-daea2e7e] fieldset,.loan-card-cta[data-v-daea2e7e] .tw-w-full,.loan-card-cta[data-v-daea2e7e] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-daea2e7e] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}[data-v-daea2e7e] .amount-dropdown select{height:2.25rem;--tw-border-opacity: 1;border-color:rgb(245 245 245 / var(--tw-border-opacity, 1));padding-left:.5rem}[data-v-daea2e7e] .goal-variant-callouts span{font-weight:500}.goal-variant-progress-group[data-v-daea2e7e] div[role=progressbar]{background-color:#d9d9d9}
@@ -317,7 +317,7 @@ function Q(k, o, t, e, X, y) {
317
317
  ], 2)
318
318
  ], 10, S);
319
319
  }
320
- const te = /* @__PURE__ */ G(B, [["render", Q], ["__scopeId", "data-v-977a7484"]]);
320
+ const te = /* @__PURE__ */ G(B, [["render", Q], ["__scopeId", "data-v-daea2e7e"]]);
321
321
  export {
322
322
  oe as KV_COMPACT_LOAN_CARD_FRAGMENT,
323
323
  le as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
@@ -377,7 +377,7 @@ const d = {
377
377
  },
378
378
  hasMatchingInfo() {
379
379
  var e, a, n;
380
- return !!((e = this.loan) != null && e.matchingText) || this.enableMultiMatching && (((n = (a = this.loan) == null ? void 0 : a.multiMatching) == null ? void 0 : n.length) ?? 0) > 0;
380
+ return !!((e = this.loan) != null && e.matchingText) || this.enableMultiMatching && (((n = (a = this.loan) == null ? void 0 : a.simultaneousMatching) == null ? void 0 : n.length) ?? 0) > 0;
381
381
  }
382
382
  }
383
383
  };
@@ -1,44 +1,44 @@
1
1
  import u from "./KvLoanTag2.js";
2
- import { KV_LOAN_TAG_FRAGMENT as O } from "./KvLoanTag2.js";
3
- import { resolveComponent as c, openBlock as e, createElementBlock as a, normalizeClass as _, normalizeStyle as g, Fragment as o, createTextVNode as i, toDisplayString as n, createElementVNode as h, createVNode as x, withCtx as f, renderList as k, createBlock as w, createCommentVNode as m } from "vue";
4
- import p from "../_virtual/_plugin-vue_export-helper.js";
2
+ import { KV_LOAN_TAG_FRAGMENT as L } from "./KvLoanTag2.js";
3
+ import { resolveComponent as c, openBlock as e, createElementBlock as a, normalizeClass as _, normalizeStyle as g, Fragment as o, createTextVNode as i, toDisplayString as r, createElementVNode as h, createVNode as p, withCtx as f, renderList as k, createBlock as w, createCommentVNode as d } from "vue";
4
+ import x from "../_virtual/_plugin-vue_export-helper.js";
5
5
  const y = ["id"];
6
- function v(M, T, l, N, C, t) {
7
- const d = c("kv-tooltip"), s = c("kv-countdown-timer");
6
+ function v(M, N, l, A, C, t) {
7
+ const m = c("kv-tooltip"), s = c("kv-countdown-timer");
8
8
  return t.variation ? (e(), a("div", {
9
9
  key: 0,
10
10
  class: _(["tw-text-small tw-font-medium tw-pt-0.5", { "tw-line-clamp-1": !t.isMultipleMatch }]),
11
11
  style: g({ color: t.tagColor })
12
12
  }, [
13
13
  t.isMultipleMatch ? (e(), a(o, { key: 0 }, [
14
- i(n(t.totalMatchRatio) + "x match by ", 1),
14
+ i(r(t.totalMatchRatio) + "x match by ", 1),
15
15
  h("span", {
16
16
  id: `matching-orgs-${l.loan.id}`,
17
17
  class: "tw-underline tw-decoration-dotted tw-cursor-pointer"
18
- }, n(t.multiMatchingOrgs.length) + " organizations", 9, y),
19
- x(d, {
18
+ }, r(t.multiMatchingOrgs.length) + " organizations", 9, y),
19
+ p(m, {
20
20
  controller: `matching-orgs-${l.loan.id}`,
21
21
  theme: "default"
22
22
  }, {
23
23
  default: f(() => [
24
- (e(!0), a(o, null, k(t.multiMatchingOrgs, (r) => (e(), a("p", {
25
- key: r.matchingText,
24
+ (e(!0), a(o, null, k(t.multiMatchingOrgs, (n) => (e(), a("p", {
25
+ key: n.managedAccountId,
26
26
  class: "tw-m-0"
27
- }, n(r.matchRatio + 1) + "x matching by " + n(r.matchingText), 1))), 128))
27
+ }, r(n.ratio + 1) + "x matching by " + r(n.displayName || "a Kiva supporter"), 1))), 128))
28
28
  ]),
29
29
  _: 1
30
30
  }, 8, ["controller"])
31
31
  ], 64)) : (e(), a(o, { key: 1 }, [
32
- i(n(t.tagText) + " ", 1),
32
+ i(r(t.tagText) + " ", 1),
33
33
  t.variation === "ending-soon" ? (e(), w(s, {
34
34
  key: 0,
35
35
  deadline: t.deadline
36
- }, null, 8, ["deadline"])) : m("", !0)
36
+ }, null, 8, ["deadline"])) : d("", !0)
37
37
  ], 64))
38
- ], 6)) : m("", !0);
38
+ ], 6)) : d("", !0);
39
39
  }
40
- const B = /* @__PURE__ */ p(u, [["render", v]]);
40
+ const B = /* @__PURE__ */ x(u, [["render", v]]);
41
41
  export {
42
- O as KV_LOAN_TAG_FRAGMENT,
42
+ L as KV_LOAN_TAG_FRAGMENT,
43
43
  B as default
44
44
  };
@@ -1,8 +1,8 @@
1
1
  import { parseISO as s, differenceInDays as r } from "date-fns";
2
2
  import u from "graphql-tag";
3
3
  import l from "numeral";
4
- import h from "./KvCountdownTimer.js";
5
- import d from "./KvTooltip.js";
4
+ import d from "./KvCountdownTimer.js";
5
+ import h from "./KvTooltip.js";
6
6
  const m = "N/A", a = {
7
7
  almostFunded: "almost-funded",
8
8
  endingSoon: "ending-soon",
@@ -19,20 +19,21 @@ const m = "N/A", a = {
19
19
  loanAmount
20
20
  matchRatio
21
21
  matchingText
22
- multiMatching {
23
- matchRatio
24
- matchingText
22
+ simultaneousMatching {
23
+ managedAccountId
24
+ displayName
25
+ ratio
25
26
  }
26
27
  plannedExpirationDate
27
28
  ... on LoanPartner {
28
29
  partnerName
29
30
  }
30
31
  }
31
- `, x = {
32
+ `, A = {
32
33
  name: "KvLoanTag",
33
34
  components: {
34
- KvCountdownTimer: h,
35
- KvTooltip: d
35
+ KvCountdownTimer: d,
36
+ KvTooltip: h
36
37
  },
37
38
  props: {
38
39
  loan: {
@@ -64,13 +65,13 @@ const m = "N/A", a = {
64
65
  },
65
66
  multiMatchingOrgs() {
66
67
  var t;
67
- return ((t = this.loan) == null ? void 0 : t.multiMatching) ?? [];
68
+ return ((t = this.loan) == null ? void 0 : t.simultaneousMatching) ?? [];
68
69
  },
69
70
  isMultipleMatch() {
70
71
  return this.enableMultiMatching && this.multiMatchingOrgs.length > 1;
71
72
  },
72
73
  totalMatchRatio() {
73
- return this.multiMatchingOrgs.reduce((t, n) => t + n.matchRatio + 1, 0);
74
+ return this.multiMatchingOrgs.reduce((t, n) => t + n.ratio + 1, 0);
74
75
  },
75
76
  variation() {
76
77
  var i, e;
@@ -87,7 +88,7 @@ const m = "N/A", a = {
87
88
  case a.matchedLoan: {
88
89
  if (this.enableMultiMatching && this.multiMatchingOrgs.length === 1) {
89
90
  const n = this.multiMatchingOrgs[0];
90
- return `${this.useExpandedStyles ? "🤝 " : ""}${n.matchRatio + 1}x matching by ${n.matchingText}`;
91
+ return `${this.useExpandedStyles ? "🤝 " : ""}${n.ratio + 1}x matching by ${n.displayName || "a Kiva supporter"}`;
91
92
  }
92
93
  return `${this.useExpandedStyles ? "🤝 " : ""}${this.matchRatio + 1}x matching by ${(t = this.loan) == null ? void 0 : t.matchingText}`;
93
94
  }
@@ -115,5 +116,5 @@ const m = "N/A", a = {
115
116
  };
116
117
  export {
117
118
  L as KV_LOAN_TAG_FRAGMENT,
118
- x as default
119
+ A as default
119
120
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kiva/kv-components",
3
- "version": "8.16.0",
3
+ "version": "8.17.0",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -128,5 +128,5 @@
128
128
  "dependencies": {
129
129
  "fuse.js": "^7.1.0"
130
130
  },
131
- "gitHead": "23b0928e2e0d6fc6899df814e04cf53989a39a65"
131
+ "gitHead": "c00bb6f8ab55a188247b085df65b8b7bbe79c3e4"
132
132
  }