@kiva/kv-components 8.15.0 → 8.16.0

package/dist/vue/KvCompactLoanCard2.js

@@ -1,12 +1,12 @@
-import p from "graphql-tag";
+import A from "graphql-tag";
 import W from "numeral";
 import { ref as $, computed as o, watch as H } from "vue";
 import { mdiMapMarker as j, mdiHome as q, mdiLink as z, mdiCached as J } from "@mdi/js";
 import { LOAN_CALLOUTS_FRAGMENT as Q, LOAN_GEOCODE_FRAGMENT as X, LOAN_PROGRESS_FRAGMENT as Y, loanCardComputedProperties as Z, loanCardMethods as ee } from "../utils/loanCard.js";
 import { getDropdownPriceArray as te, getLendCtaSelectedOption as ae, isLessThan25 as oe } from "../utils/loanUtils.js";
 import { computePostGoalLoanCardStatement as ne } from "../utils/postGoalStatement.js";
-import re from "./KvLoanUse.js";
-import le from "./KvBorrowerImage.js";
+import le from "./KvLoanUse.js";
+import re from "./KvBorrowerImage.js";
 import ie from "./KvLoanCallouts.js";
 import se from "./KvLendCta.js";
 import ue from "./KvLoanProgressGroup.js";
@@ -14,14 +14,14 @@ import de from "./KvLoanTag.js";
 import me from "./KvMaterialIcon.js";
 import fe from "./KvLoadingPlaceholder.js";
 import ce from "./KvLoanTeamPick.js";
-import ve from "./KvSelect.js";
-import { KV_LEND_CTA_FRAGMENT as Le, KV_LEND_CTA_USER_FRAGMENT as he } from "./KvLendCta2.js";
-import { KV_LOAN_TAG_FRAGMENT as ye } from "./KvLoanTag2.js";
-import { KV_LOAN_USE_FRAGMENT as ge } from "./KvLoanUse2.js";
+import he from "./KvSelect.js";
+import { KV_LEND_CTA_FRAGMENT as ve, KV_LEND_CTA_USER_FRAGMENT as Le } from "./KvLendCta2.js";
+import { KV_LOAN_TAG_FRAGMENT as ge } from "./KvLoanTag2.js";
+import { KV_LOAN_USE_FRAGMENT as ye } from "./KvLoanUse2.js";
 const d = {
   default: "default",
   postGoal: "post-goal"
-}, Ae = (e) => e < 500 && e >= 25, pe = (e) => oe(e) || Ae(e), $e = p`
+}, pe = (e) => e < 500 && e >= 25, Ae = (e) => oe(e) || pe(e), $e = A`
 	fragment KvCompactLoanCard on LoanBasic {
 		id
 		image {
@@ -43,31 +43,31 @@ const d = {
 		...LoanGeocode
 		...LoanProgress
 	}
-	${Le}
-	${ye}
+	${ve}
 	${ge}
+	${ye}
 	${Q}
 	${X}
 	${Y}
-`, He = p`
+`, He = A`
 	fragment KvCompactLoanCardUser on LoanBasic {
 		id
 		...KvLendCtaUser
 	}
-	${he}
+	${Le}
 `, je = {
   name: "KvCompactLoanCard",
   components: {
-    KvBorrowerImage: le,
+    KvBorrowerImage: re,
     KvLoadingPlaceholder: fe,
-    KvLoanUse: re,
+    KvLoanUse: le,
     KvMaterialIcon: me,
     KvLendCta: se,
     KvLoanTag: de,
     KvLoanCallouts: ie,
     KvLoanTeamPick: ce,
     KvLoanProgressGroup: ue,
-    KvSelect: ve
+    KvSelect: he
   },
   props: {
     variant: {
@@ -206,6 +206,10 @@ const d = {
     customAmountLent: {
       type: String,
       default: "25"
+    },
+    enableMultiMatching: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
@@ -217,7 +221,7 @@ const d = {
     "update:selected-amount"
   ],
   setup(e, { emit: a }) {
-    const r = $(""), s = o(
+    const n = $(""), s = o(
       () => e.variant === d.postGoal
     ), {
       allDataLoaded: C,
@@ -230,77 +234,77 @@ const d = {
       hasProgressData: _,
       imageHash: w,
       isLoading: B,
-      loanAmount: v,
-      loanBorrowerCount: L,
+      loanAmount: h,
+      loanBorrowerCount: v,
       loanCallouts: T,
-      loanStatus: h,
-      loanUse: y,
+      loanStatus: L,
+      loanUse: g,
       readMorePath: k,
-      state: F,
-      tag: K,
+      state: M,
+      tag: F,
       unreservedAmount: u,
-      sharesAvailable: R
-    } = Z(e), { clickReadMore: P } = ee(e, a), M = o(() => s.value ? void 0 : { width: "100px", height: "100px" }), E = o(() => {
+      sharesAvailable: K
+    } = Z(e), { clickReadMore: R } = ee(e, a), P = o(() => s.value ? void 0 : { width: "100px", height: "100px" }), E = o(() => {
       if (!e.website)
         return "";
       const t = e.website.trim();
       return t.startsWith("http://") || t.startsWith("https://") ? t : `https://${t}`;
     }), G = o(() => {
       if (s.value) return {};
-      const t = e.showLightView ? "auto" : "6.75rem", n = e.showLightView ? "none" : "6.75rem";
-      return { height: t, maxHeight: n };
-    }), l = o(() => {
+      const t = e.showLightView ? "auto" : "6.75rem", l = e.showLightView ? "none" : "6.75rem";
+      return { height: t, maxHeight: l };
+    }), r = o(() => {
       var t;
       return ne({
         anonymizationLevel: (t = e.loan) == null ? void 0 : t.anonymizationLevel,
         borrowerName: m.value,
         distributionModel: f.value,
         formattedLocation: c.value,
-        loanAmount: v.value,
-        loanBorrowerCount: L.value,
-        loanStatus: h.value,
-        loanUse: y.value
+        loanAmount: h.value,
+        loanBorrowerCount: v.value,
+        loanStatus: L.value,
+        loanUse: g.value
       });
-    }), O = o(() => l.value.borrowerNameWithCountry), U = o(() => l.value.loanUsePrefixStart), D = o(() => l.value.loanUsePrefixEnd), V = o(() => l.value.statementTitle), I = o(() => l.value.visibleUseStatement), g = o(() => {
+    }), O = o(() => r.value.borrowerNameWithCountry), U = o(() => r.value.loanUsePrefixStart), D = o(() => r.value.loanUsePrefixEnd), V = o(() => r.value.statementTitle), I = o(() => r.value.visibleUseStatement), y = o(() => {
       var i;
       const t = parseFloat(u.value);
       if (!t) return [];
-      const n = t < 25 ? parseFloat(`${((i = e.loan) == null ? void 0 : i.minNoteSize) ?? 25}`) : 25;
+      const l = t < 25 ? parseFloat(`${((i = e.loan) == null ? void 0 : i.minNoteSize) ?? 25}`) : 25;
       return te(
         u.value,
-        pe(t),
-        n,
+        Ae(t),
+        l,
         e.enableFiveDollarsNotes,
         e.isVisitor
       );
     });
     H(
-      g,
+      y,
       (t) => {
-        var i, A;
+        var i, p;
         if (!s.value) return;
         if (!t.length) {
-          r.value = "";
+          n.value = "";
           return;
         }
-        const n = ae(
+        const l = ae(
           e.getCookie,
           e.setCookie,
           e.enableFiveDollarsNotes,
-          (A = (i = e.route) == null ? void 0 : i.query) == null ? void 0 : A.utm_campaign,
+          (p = (i = e.route) == null ? void 0 : i.query) == null ? void 0 : p.utm_campaign,
           u.value,
           e.userBalance ? parseFloat(e.userBalance) : void 0,
           e.fiveDollarsSelected
         );
-        r.value = t.includes(n) ? n : t[0];
+        n.value = t.includes(l) ? l : t[0];
       },
       { immediate: !0 }
     );
     const x = o(() => e.showLightView ? 3 : 4);
     return {
       allDataLoaded: C,
-      amountOptions: g,
-      borrowerImageStyle: M,
+      amountOptions: y,
+      borrowerImageStyle: P,
       borrowerName: m,
       borrowerNameWithCountry: O,
       city: b,
@@ -313,11 +317,11 @@ const d = {
       imageHash: w,
       isLoading: B,
       isPostGoalVariant: s,
-      loanAmount: v,
-      loanBorrowerCount: L,
+      loanAmount: h,
+      loanBorrowerCount: v,
       loanCallouts: T,
-      loanStatus: h,
-      loanUse: y,
+      loanStatus: L,
+      loanUse: g,
       loanUsePrefixEnd: D,
       loanUsePrefixStart: U,
       mdiMapMarker: j,
@@ -325,16 +329,16 @@ const d = {
       mdiLink: z,
       mdiCached: J,
       readMorePath: k,
-      state: F,
-      tag: K,
+      state: M,
+      tag: F,
       unreservedAmount: u,
-      sharesAvailable: R,
-      selectedAmount: r,
+      sharesAvailable: K,
+      selectedAmount: n,
       statementTitle: V,
       customStyle: G,
       loanUseLoadingRows: x,
       visibleUseStatement: I,
-      clickReadMore: P,
+      clickReadMore: R,
       trackWebsiteClick: () => {
         e.kvTrackFunction(
           "Lending",
@@ -347,12 +351,12 @@ const d = {
         a("refresh-button", t);
       },
       handleSelectedAmount: (t) => {
-        var n;
-        r.value = t, a("update:selected-amount", t), e.kvTrackFunction(
+        var l;
+        n.value = t, a("update:selected-amount", t), e.kvTrackFunction(
           "Lending",
           "Modify lend amount",
           t,
-          e.loanId ?? ((n = e.loan) == null ? void 0 : n.id)
+          e.loanId ?? ((l = e.loan) == null ? void 0 : l.id)
         );
       }
     };
@@ -363,13 +367,17 @@ const d = {
       return ((a = (e = this.loan) == null ? void 0 : e.lenders) == null ? void 0 : a.totalCount) ?? 0;
     },
     amountLent() {
-      var a, r;
-      const e = ((r = (a = this.loan) == null ? void 0 : a.loanFundraisingInfo) == null ? void 0 : r.fundedAmount) ?? 0;
+      var a, n;
+      const e = ((n = (a = this.loan) == null ? void 0 : a.loanFundraisingInfo) == null ? void 0 : n.fundedAmount) ?? 0;
       return W(e).format("$0,0");
     },
     isInBasket() {
       var e;
       return ((e = this.basketItems) == null ? void 0 : e.some((a) => a.__typename === "LoanReservation" && a.id === this.loanId)) ?? !1;
+    },
+    hasMatchingInfo() {
+      var e, a, n;
+      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;
     }
   }
 };

package/dist/vue/KvIntroductionLoanCard.css

@@ -1 +1 @@
-.loan-callouts[data-v-fa784de7] span{background-color:transparent!important;--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1))}.loan-card-use[data-v-fa784de7]:hover,.loan-card-use[data-v-fa784de7]: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-fa784de7],.loan-card-active-hover:hover .loan-card-name[data-v-fa784de7]{text-decoration-line:underline}.loan-card-progress[data-v-fa784de7],.loan-card-progress[data-v-fa784de7]:hover,.loan-card-progress[data-v-fa784de7]:focus{text-decoration-line:none}.loan-card-name[data-v-fa784de7]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;cursor:pointer;overflow:hidden;text-overflow:ellipsis;padding-left:1.5rem;padding-right:1.5rem;padding-top:.5rem}.loan-bookmark[data-v-fa784de7] button{border-top-left-radius:0!important;border-top-right-radius:0!important}
+.loan-callouts[data-v-03fddb4a] span{background-color:transparent!important;--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1))}.loan-card-use[data-v-03fddb4a]:hover,.loan-card-use[data-v-03fddb4a]: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-03fddb4a],.loan-card-active-hover:hover .loan-card-name[data-v-03fddb4a]{text-decoration-line:underline}.loan-card-progress[data-v-03fddb4a],.loan-card-progress[data-v-03fddb4a]:hover,.loan-card-progress[data-v-03fddb4a]:focus{text-decoration-line:none}.loan-card-name[data-v-03fddb4a]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;cursor:pointer;overflow:hidden;text-overflow:ellipsis;padding-left:1.5rem;padding-right:1.5rem;padding-top:.5rem}.loan-bookmark[data-v-03fddb4a] button{border-top-left-radius:0!important;border-top-right-radius:0!important}

package/dist/vue/KvIntroductionLoanCard.js

@@ -1,6 +1,6 @@
 import N from "./KvIntroductionLoanCard2.js";
 import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as tt, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as et } from "./KvIntroductionLoanCard2.js";
-import { resolveComponent as s, openBlock as e, createElementBlock as n, normalizeClass as _, normalizeStyle as P, createElementVNode as i, createBlock as o, resolveDynamicComponent as g, withCtx as w, createVNode as d, Suspense as p, toDisplayString as f, createCommentVNode as m, Fragment as R, renderList as A } from "vue";
+import { resolveComponent as s, openBlock as e, createElementBlock as n, normalizeClass as _, normalizeStyle as P, createElementVNode as i, createBlock as o, resolveDynamicComponent as g, withCtx as w, createVNode as d, Suspense as R, toDisplayString as f, createCommentVNode as m, Fragment as p, renderList as A } from "vue";
 import "./KvIntroductionLoanCard.css";
 import B from "../_virtual/_plugin-vue_export-helper.js";
 const D = { class: "tw-grow" }, T = { class: "loan-card-active-hover" }, z = {
@@ -26,7 +26,7 @@ const D = { class: "tw-grow" }, T = { class: "loan-card-active-hover" }, z = {
   style: { "font-weight": "bold", "font-size": "13px", "border-radius": "8px" }
 };
 function G(k, a, c, t, H, h) {
-  const l = s("kv-loading-placeholder"), u = s("kv-borrower-image"), y = s("kv-flag"), b = s("kv-loan-bookmark"), v = s("kv-loan-callouts"), x = s("kv-loan-use"), C = s("kv-loan-progress-group"), L = s("kv-loan-tag");
+  const l = s("kv-loading-placeholder"), u = s("kv-borrower-image"), y = s("kv-flag"), b = s("kv-loan-bookmark"), v = s("kv-loan-callouts"), x = s("kv-loan-use"), C = s("kv-loan-progress-group"), M = s("kv-loan-tag");
   return e(), n("div", {
     class: _(["tw-flex tw-flex-col tw-bg-white tw-rounded tw-w-full tw-pb-2", { "tw-pointer-events-none": t.isLoading }]),
     "data-testid": "loan-card",
@@ -58,7 +58,7 @@ function G(k, a, c, t, H, h) {
               }, null, 8, ["alt", "aspect-ratio", "default-image", "hash", "images", "photo-path"]),
               t.countryName ? (e(), n("div", I, [
                 i("p", F, [
-                  (e(), o(p, null, {
+                  (e(), o(R, null, {
                     default: w(() => [
                       d(y, {
                         class: "tw-ml-0.5 tw-mr-1",
@@ -150,8 +150,8 @@ function G(k, a, c, t, H, h) {
               class: _(["tw-pt-0.5 tw-px-2", { "tw-mb-1.5": !t.isLoading }])
             }, [
               t.isLoading ? (e(), n("div", V, [
-                (e(!0), n(R, null, A([...Array(3)], (r, M) => (e(), n("div", {
-                  key: M,
+                (e(!0), n(p, null, A([...Array(3)], (r, L) => (e(), n("div", {
+                  key: L,
                   class: "tw-h-2 tw-mb-1"
                 }, [
                   d(l)
@@ -216,17 +216,18 @@ function G(k, a, c, t, H, h) {
         key: 1,
         class: "tw-rounded tw-mx-auto tw-mt-2",
         style: { width: "9rem", height: "1rem" }
-      })) : h.isFunded ? (e(), n("div", K, " 🎉 Fully funded! ")) : (e(), o(L, {
+      })) : h.isFunded ? (e(), n("div", K, " 🎉 Fully funded! ")) : (e(), o(M, {
         key: 3,
         loan: c.loan,
         "use-expanded-styles": !0,
+        "enable-multi-matching": c.enableMultiMatching,
         style: { "font-size": "15px" },
         class: "tw-text-center tw-pt-2"
-      }, null, 8, ["loan"]))
+      }, null, 8, ["loan", "enable-multi-matching"]))
     ])
   ], 6);
 }
-const Y = /* @__PURE__ */ B(N, [["render", G], ["__scopeId", "data-v-fa784de7"]]);
+const Y = /* @__PURE__ */ B(N, [["render", G], ["__scopeId", "data-v-03fddb4a"]]);
 export {
   tt as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
   et as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,

package/dist/vue/KvIntroductionLoanCard.vue.d.ts

@@ -57,6 +57,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    enableMultiMatching: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     allDataLoaded: import('vue').ComputedRef<boolean>;
     borrowerName: import('vue').ComputedRef<any>;
@@ -149,6 +153,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    enableMultiMatching: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     loan: Record<string, any>;
     externalLinks: boolean;
@@ -160,6 +168,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     route: Record<string, any>;
     isVisitor: boolean;
     isBookmarked: boolean;
+    enableMultiMatching: boolean;
     errorMsg: string;
     useFullWidth: boolean;
 }, {}, {
@@ -490,10 +499,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        enableMultiMatching: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {}, {}, {
         deadline(): Date;
         isLseLoan(): any;
         amountLeft(): any;
+        multiMatchingOrgs(): any;
+        isMultipleMatch(): boolean;
+        totalMatchRatio(): any;
         variation(): string;
         tagText(): string;
         tagColor(): "#AF741C" | "#CE2626" | "#2B7C5F" | "#CE4A00";
@@ -507,8 +523,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        enableMultiMatching: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{}>, {
         useExpandedStyles: boolean;
+        enableMultiMatching: boolean;
     }, {}, {
         KvCountdownTimer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             deadline: {
@@ -524,6 +545,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 required: true;
             };
         }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        KvTooltip: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     KvLoanCallouts: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         callouts: {

package/dist/vue/KvIntroductionLoanCard2.js

@@ -1,12 +1,12 @@
 import a from "graphql-tag";
-import F from "numeral";
-import { LOAN_CALLOUTS_FRAGMENT as M, LOAN_GEOCODE_FRAGMENT as T, LOAN_PROGRESS_FRAGMENT as B, loanCardComputedProperties as k, loanCardMethods as E } from "../utils/loanCard.js";
+import R from "numeral";
+import { LOAN_CALLOUTS_FRAGMENT as F, LOAN_GEOCODE_FRAGMENT as T, LOAN_PROGRESS_FRAGMENT as B, loanCardComputedProperties as k, loanCardMethods as E } from "../utils/loanCard.js";
 import G from "./KvLoanBookmark.js";
 import I from "./KvLoanUse.js";
 import S from "./KvBorrowerImage.js";
-import D from "./KvLoanProgressGroup.js";
-import P from "./KvLoanCallouts.js";
-import b from "./KvLoanTag.js";
+import b from "./KvLoanProgressGroup.js";
+import D from "./KvLoanCallouts.js";
+import P from "./KvLoanTag.js";
 import U from "./KvMaterialIcon.js";
 import $ from "./KvLoadingPlaceholder.js";
 import w from "./KvFlag.js";
@@ -39,7 +39,7 @@ const no = a`
 	${r}
 	${V}
 	${W}
-	${M}
+	${F}
 	${T}
 	${B}
 `, io = a`
@@ -54,10 +54,10 @@ const no = a`
     KvBorrowerImage: S,
     KvLoadingPlaceholder: $,
     KvLoanUse: I,
-    KvLoanProgressGroup: D,
+    KvLoanProgressGroup: b,
     KvMaterialIcon: U,
-    KvLoanTag: b,
-    KvLoanCallouts: P,
+    KvLoanTag: P,
+    KvLoanCallouts: D,
     KvFlag: w,
     KvLoanBookmark: G
   },
@@ -117,6 +117,10 @@ const no = a`
     customHref: {
       type: String,
       default: ""
+    },
+    enableMultiMatching: {
+      type: Boolean,
+      default: !1
     }
   },
   setup(o, { emit: e }) {
@@ -135,16 +139,16 @@ const no = a`
       loanAmount: L,
       loanBorrowerCount: g,
       loanCallouts: A,
-      loanStatus: N,
-      loanUse: h,
+      loanStatus: h,
+      loanUse: N,
       mdiMapMarker: _,
       readMorePath: K,
       state: v,
-      tag: C,
-      unreservedAmount: O,
-      sharesAvailable: y
+      tag: y,
+      unreservedAmount: C,
+      sharesAvailable: O
     } = k(o, !0), {
-      clickReadMore: R
+      clickReadMore: M
     } = E(o, e);
     return {
       allDataLoaded: t,
@@ -161,15 +165,15 @@ const no = a`
       loanAmount: L,
       loanBorrowerCount: g,
       loanCallouts: A,
-      loanStatus: N,
-      loanUse: h,
+      loanStatus: h,
+      loanUse: N,
       mdiMapMarker: _,
       readMorePath: K,
       state: v,
-      tag: C,
-      unreservedAmount: O,
-      sharesAvailable: y,
-      clickReadMore: R
+      tag: y,
+      unreservedAmount: C,
+      sharesAvailable: O,
+      clickReadMore: M
     };
   },
   computed: {
@@ -194,7 +198,7 @@ const no = a`
     amountLent() {
       var e, t;
       const o = ((t = (e = this.loan) == null ? void 0 : e.loanFundraisingInfo) == null ? void 0 : t.fundedAmount) ?? 0;
-      return F(o).format("$0,0");
+      return R(o).format("$0,0");
     },
     isFunded() {
       var o;

package/dist/vue/KvLoanTag.js

@@ -1,23 +1,44 @@
-import n from "./KvLoanTag2.js";
-import { KV_LOAN_TAG_FRAGMENT as A } from "./KvLoanTag2.js";
-import { resolveComponent as a, openBlock as t, createElementBlock as c, normalizeStyle as l, createTextVNode as m, toDisplayString as d, createBlock as i, createCommentVNode as o } from "vue";
-import _ from "../_virtual/_plugin-vue_export-helper.js";
-function p(s, f, u, k, v, e) {
-  const r = a("kv-countdown-timer");
-  return e.variation ? (t(), c("div", {
+import u from "./KvLoanTag2.js";
+import { KV_LOAN_TAG_FRAGMENT as O } from "./KvLoanTag2.js";
+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";
+import p from "../_virtual/_plugin-vue_export-helper.js";
+const y = ["id"];
+function v(M, T, l, N, C, t) {
+  const d = c("kv-tooltip"), s = c("kv-countdown-timer");
+  return t.variation ? (e(), a("div", {
     key: 0,
-    class: "tw-text-small tw-font-medium tw-pt-0.5 tw-line-clamp-1",
-    style: l({ color: e.tagColor })
+    class: _(["tw-text-small tw-font-medium tw-pt-0.5", { "tw-line-clamp-1": !t.isMultipleMatch }]),
+    style: g({ color: t.tagColor })
   }, [
-    m(d(e.tagText) + " ", 1),
-    e.variation === "ending-soon" ? (t(), i(r, {
-      key: 0,
-      deadline: e.deadline
-    }, null, 8, ["deadline"])) : o("", !0)
-  ], 4)) : o("", !0);
+    t.isMultipleMatch ? (e(), a(o, { key: 0 }, [
+      i(n(t.totalMatchRatio) + "x match by ", 1),
+      h("span", {
+        id: `matching-orgs-${l.loan.id}`,
+        class: "tw-underline tw-decoration-dotted tw-cursor-pointer"
+      }, n(t.multiMatchingOrgs.length) + " organizations", 9, y),
+      x(d, {
+        controller: `matching-orgs-${l.loan.id}`,
+        theme: "default"
+      }, {
+        default: f(() => [
+          (e(!0), a(o, null, k(t.multiMatchingOrgs, (r) => (e(), a("p", {
+            key: r.matchingText,
+            class: "tw-m-0"
+          }, n(r.matchRatio + 1) + "x matching by " + n(r.matchingText), 1))), 128))
+        ]),
+        _: 1
+      }, 8, ["controller"])
+    ], 64)) : (e(), a(o, { key: 1 }, [
+      i(n(t.tagText) + " ", 1),
+      t.variation === "ending-soon" ? (e(), w(s, {
+        key: 0,
+        deadline: t.deadline
+      }, null, 8, ["deadline"])) : m("", !0)
+    ], 64))
+  ], 6)) : m("", !0);
 }
-const y = /* @__PURE__ */ _(n, [["render", p]]);
+const B = /* @__PURE__ */ p(u, [["render", v]]);
 export {
-  A as KV_LOAN_TAG_FRAGMENT,
-  y as default
+  O as KV_LOAN_TAG_FRAGMENT,
+  B as default
 };

package/dist/vue/KvLoanTag.vue.d.ts

@@ -8,10 +8,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    enableMultiMatching: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {
     deadline(): Date;
     isLseLoan(): any;
     amountLeft(): any;
+    multiMatchingOrgs(): any;
+    isMultipleMatch(): boolean;
+    totalMatchRatio(): any;
     variation(): string;
     tagText(): string;
     tagColor(): "#AF741C" | "#CE2626" | "#2B7C5F" | "#CE4A00";
@@ -25,8 +32,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    enableMultiMatching: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     useExpandedStyles: boolean;
+    enableMultiMatching: boolean;
 }, {}, {
     KvCountdownTimer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         deadline: {
@@ -42,5 +54,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             required: true;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvTooltip: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;