@kiva/kv-components 6.13.2 → 6.14.1

package/dist/vue/KvLendCta.js

@@ -1,27 +1,46 @@
+import C from "graphql-tag";
 import { mdiChevronRight as x } from "@mdi/js";
-import { getLendCtaSelectedOption as B, getDropdownPriceArray as _ } from "../utils/loanUtils.js";
-import D from "./KvLendAmountButton.js";
-import P from "./KvSelect.js";
-import S from "./KvButton.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 F 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 w, toDisplayString as f, createVNode as O, withModifiers as v, Fragment as p, renderList as L } from "vue";
+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 "./KvLendCta.css";
-import V from "../_virtual/_plugin-vue_export-helper.js";
-const k = "Other", N = {
+import O from "../_virtual/_plugin-vue_export-helper.js";
+const k = "Other", oe = C`
+	fragment KvLendCta on LoanBasic {
+		id
+		name
+		status
+		minNoteSize
+	}
+`, ie = C`
+	fragment KvLendCtaUser on LoanBasic {
+		id
+		userProperties {
+			lentTo
+		}
+	}
+`, M = {
   name: "KvLendCta",
   components: {
-    KvLendAmountButton: D,
-    KvUiButton: S,
-    KvUiSelect: P,
+    KvLendAmountButton: P,
+    KvUiButton: F,
+    KvUiSelect: S,
     KvMaterialIcon: I,
-    KvCartPill: F
+    KvCartPill: N
   },
   props: {
     loan: {
       type: Object,
       default: () => ({})
     },
+    unreservedAmount: {
+      type: String,
+      default: ""
+    },
     basketItems: {
       type: Array,
       default: () => []
@@ -108,7 +127,7 @@ const k = "Other", N = {
     }
   },
   data() {
-    var e, s, n;
+    var e, n;
     return {
       mdiChevronRight: x,
       defaultAmountOptions: [25, 50, 75],
@@ -116,8 +135,8 @@ const k = "Other", N = {
         this.getCookie,
         this.setCookie,
         this.enableFiveDollarsNotes,
-        (s = (e = this.route) == null ? void 0 : e.query) == null ? void 0 : s.utm_campaign,
-        (n = this.loan) == null ? void 0 : n.unreservedAmount,
+        (n = (e = this.route) == null ? void 0 : e.query) == null ? void 0 : n.utm_campaign,
+        this.unreservedAmount,
         this.userBalance,
         this.fiveDollarsSelected
       ),
@@ -141,21 +160,17 @@ const k = "Other", N = {
       var e;
       return ((e = this.loan) == null ? void 0 : e.minNoteSize) ?? "";
     },
-    unreservedAmount() {
-      var e;
-      return ((e = this.loan) == null ? void 0 : e.unreservedAmount) ?? "";
-    },
     lentPreviously() {
-      var e, s;
-      return ((s = (e = this.loan) == null ? void 0 : e.userProperties) == null ? void 0 : s.lentTo) ?? !1;
+      var e, n;
+      return ((n = (e = this.loan) == null ? void 0 : e.userProperties) == null ? void 0 : n.lentTo) ?? !1;
     },
     isInBasket() {
       var e;
-      return ((e = this.basketItems) == null ? void 0 : e.some((s) => s.__typename === "LoanReservation" && s.id === this.loanId)) ?? !1;
+      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 _(
+      return D(
         this.unreservedAmount,
         this.isCompleteLoanActive,
         e,
@@ -248,13 +263,13 @@ const k = "Other", N = {
     }
   },
   watch: {
-    unreservedAmount(e, s) {
-      var n, A;
-      e !== s && s === "" && (this.selectedOption = B(
+    unreservedAmount(e, n) {
+      var s, L;
+      e !== n && n === "" && (this.selectedOption = B(
         this.getCookie,
         this.setCookie,
         this.enableFiveDollarsNotes,
-        (A = (n = this.route) == null ? void 0 : n.query) == null ? void 0 : A.utm_campaign,
+        (L = (s = this.route) == null ? void 0 : s.query) == null ? void 0 : L.utm_campaign,
         e,
         this.userBalance,
         this.fiveDollarsSelected,
@@ -321,23 +336,23 @@ const k = "Other", N = {
       );
     }
   }
-}, H = { class: "tw-whitespace-nowrap" }, M = {
+}, H = { class: "tw-whitespace-nowrap" }, K = {
   key: 3,
   class: "tw-w-full tw-text-center tw-rounded tw-p-2",
   style: { background: "#f1f1f1" }
-}, K = { class: "tw-flex" }, R = ["disabled"], U = ["value"], j = {
+}, R = { class: "tw-flex" }, U = ["disabled"], E = ["value"], j = {
   key: 1,
   class: "amountDropdownWrapper"
 }, z = ["value"];
-function E(e, s, n, A, c, t) {
-  const C = y("kv-cart-pill"), m = y("kv-ui-button"), b = y("kv-material-icon"), g = y("kv-ui-select"), T = y("kv-lend-amount-button");
+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");
   return i(), l("div", H, [
-    n.showPill && n.showPresetAmounts ? (i(), a(C, {
+    s.showPill && s.showPresetAmounts ? (i(), a(b, {
       key: 0,
       "borrower-name": t.loanName,
       class: "!tw-w-full tw-justify-center tw-pb-2"
     }, {
-      icon: r(() => s[5] || (s[5] = [
+      icon: r(() => n[5] || (n[5] = [
         u("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           width: "25",
@@ -375,14 +390,14 @@ function E(e, s, n, A, c, t) {
     t.isInBasket ? (i(), a(m, {
       key: 1,
       variant: "secondary",
-      class: h(["tw-inline-flex tw-flex-1", { "tw-w-full": n.showPresetAmounts }]),
+      class: h(["tw-inline-flex tw-flex-1", { "tw-w-full": s.showPresetAmounts }]),
       "data-testid": "bp-lend-cta-checkout-button",
-      to: n.externalLinks ? void 0 : "/basket",
-      href: n.externalLinks ? "/basket" : void 0,
-      onClick: s[0] || (s[0] = (o) => t.clickSecondaryButton(o))
+      to: s.externalLinks ? void 0 : "/basket",
+      href: s.externalLinks ? "/basket" : void 0,
+      onClick: n[0] || (n[0] = (o) => t.clickSecondaryButton(o))
     }, {
       default: r(() => [
-        w(f(t.loanInBasketButtonText), 1)
+        f(w(t.loanInBasketButtonText), 1)
       ]),
       _: 1
     }, 8, ["class", "to", "href"])) : t.showNonActionableLoanButton ? (i(), a(m, {
@@ -390,21 +405,21 @@ function E(e, s, n, A, c, t) {
       class: "tw-inline-flex tw-flex-1"
     }, {
       default: r(() => [
-        w(f(t.ctaButtonText), 1)
+        f(w(t.ctaButtonText), 1)
       ]),
       _: 1
-    })) : t.isFunded ? (i(), l("div", M, " This loan was just funded! 🎉 ")) : n.showViewLoan ? (i(), a(m, {
+    })) : t.isFunded ? (i(), l("div", K, " This loan was just funded! 🎉 ")) : s.showViewLoan ? (i(), a(m, {
       key: 4,
       state: `${t.allSharesReserved ? "disabled" : ""}`,
-      to: n.externalLinks ? void 0 : t.readMorePath,
-      href: n.externalLinks ? t.readMorePath : void 0,
+      to: s.externalLinks ? void 0 : t.readMorePath,
+      href: s.externalLinks ? t.readMorePath : void 0,
       class: "tw-mb-0",
-      onClick: s[1] || (s[1] = (o) => e.$emit("show-loan-details", o))
+      onClick: n[1] || (n[1] = (o) => e.$emit("show-loan-details", o))
     }, {
       default: r(() => [
-        u("span", K, [
-          s[6] || (s[6] = w(" View loan ")),
-          O(b, {
+        u("span", R, [
+          n[6] || (n[6] = f(" View loan ")),
+          V(T, {
             class: "tw-w-3 tw-h-3 tw-align-middle",
             icon: c.mdiChevronRight
           }, null, 8, ["icon"])
@@ -414,130 +429,132 @@ function E(e, s, n, A, c, t) {
     }, 8, ["state", "to", "href"])) : t.useFormSubmit ? (i(), l("form", {
       key: 5,
       class: "tw-w-full tw-flex",
-      onSubmit: s[4] || (s[4] = v((...o) => t.addToBasket && t.addToBasket(...o), ["prevent"]))
+      onSubmit: n[4] || (n[4] = A((...o) => t.addToBasket && t.addToBasket(...o), ["prevent"]))
     }, [
       u("fieldset", {
         class: h(["tw-w-full tw-flex", {
-          "tw-flex-col md:tw-flex-row md:tw-justify-between": n.showPresetAmounts,
-          "tw-gap-1.5": n.showPresetAmounts && !t.isLendAmountButton
+          "tw-flex-col md:tw-flex-row md:tw-justify-between": s.showPresetAmounts,
+          "tw-gap-1.5": s.showPresetAmounts && !t.isLendAmountButton
         }]),
-        disabled: n.isAdding,
+        disabled: s.isAdding,
         "data-testid": "bp-lend-cta-select-and-button"
       }, [
-        n.showPresetAmounts && !n.isAdding ? (i(), l("div", {
+        s.showPresetAmounts && !s.isAdding ? (i(), l("div", {
           key: 0,
-          class: h(["tw-flex tw-gap-1 lg:tw-gap-2", { "tw-flex-wrap md:tw-flex-nowrap": n.enableHugeAmount }])
+          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(p, { key: 0 }, L(t.presetButtonsPrices, (o) => (i(), a(m, {
+          t.isLendAmountButton ? d("", !0) : (i(!0), l(g, { key: 0 }, p(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 }]),
             "data-testid": "bp-lend-cta-lend-button",
-            onClick: (q) => t.clickPresetButton(o)
+            onClick: (Z) => t.clickPresetButton(o)
           }, {
             default: r(() => [
-              w(" $" + f(o), 1)
+              f(" $" + w(o), 1)
             ]),
             _: 2
           }, 1032, ["class", "onClick"]))), 128)),
-          t.showFilteredDropdown ? (i(), a(g, {
+          t.showFilteredDropdown ? (i(), a(v, {
             key: 1,
             id: `LoanAmountDropdown_${t.loanId}`,
             modelValue: c.selectedDropdownOption,
             "onUpdate:modelValue": [
-              s[2] || (s[2] = (o) => c.selectedDropdownOption = o),
+              n[2] || (n[2] = (o) => c.selectedDropdownOption = o),
               t.trackLendAmountSelection
             ],
             class: h(["tw-min-w-12 tw-rounded filtered-dropdown", {
               "unselected-dropdown": !t.selectedDropdown,
               "selected-dropdown": t.selectedDropdown,
-              "tw-w-full": n.enableHugeAmount
+              "tw-w-full": s.enableHugeAmount
             }]),
             "aria-label": "Lend amount",
-            onClick: v(t.clickDropdown, ["stop"])
+            onClick: A(t.clickDropdown, ["stop"])
           }, {
             default: r(() => [
-              (i(!0), l(p, null, L(t.presetDropdownPrices, (o) => (i(), l("option", {
+              (i(!0), l(g, null, p(t.presetDropdownPrices, (o) => (i(), l("option", {
                 key: o,
                 value: o
-              }, f(o !== c.OTHER_OPTION ? `$${o}` : o), 9, U))), 128))
+              }, w(o !== c.OTHER_OPTION ? `$${o}` : o), 9, E))), 128))
             ]),
             _: 1
           }, 8, ["id", "modelValue", "class", "onUpdate:modelValue", "onClick"])) : d("", !0)
-        ], 2)) : n.showPresetAmounts ? d("", !0) : (i(), l("div", j, [
-          t.hideShowLendDropdown && !t.isLessThan25 ? (i(), a(g, {
+        ], 2)) : s.showPresetAmounts ? d("", !0) : (i(), l("div", j, [
+          t.hideShowLendDropdown && !t.isLessThan25 ? (i(), a(v, {
             key: 0,
             id: `LoanAmountDropdown_${t.loanId}`,
             modelValue: c.selectedOption,
             "onUpdate:modelValue": [
-              s[3] || (s[3] = (o) => c.selectedOption = o),
+              n[3] || (n[3] = (o) => c.selectedOption = o),
               t.trackLendAmountSelection
             ],
             class: "tw-min-w-12",
             style: { "border-radius": "14px 0 0 14px" },
             "aria-label": "Lend amount",
-            onClick: v(t.clickDropdown, ["stop"])
+            onClick: A(t.clickDropdown, ["stop"])
           }, {
             default: r(() => [
-              (i(!0), l(p, null, L(t.prices, (o) => (i(), l("option", {
+              (i(!0), l(g, null, p(t.prices, (o) => (i(), l("option", {
                 key: o,
                 value: o
-              }, " $" + f(o), 9, z))), 128))
+              }, " $" + w(o), 9, z))), 128))
             ]),
             _: 1
           }, 8, ["id", "modelValue", "onUpdate:modelValue", "onClick"])) : d("", !0)
         ])),
         u("div", {
           class: h({
-            lendButtonWrapper: t.hideShowLendDropdown && !n.showPresetAmounts,
+            lendButtonWrapper: t.hideShowLendDropdown && !s.showPresetAmounts,
             "tw-hidden": t.hideLendButton
           })
         }, [
           t.lendButtonVisibility && !t.isLessThan25 ? (i(), a(m, {
             key: "lendButton",
-            class: h(["tw-inline-flex tw-flex-1", { "tw-w-full": n.showPresetAmounts }]),
+            class: h(["tw-inline-flex tw-flex-1", { "tw-w-full": s.showPresetAmounts }]),
             "data-testid": "bp-lend-cta-lend-button",
             type: "submit"
           }, {
             default: r(() => [
-              w(f(t.ctaButtonText), 1)
+              f(w(t.ctaButtonText), 1)
             ]),
             _: 1
           }, 8, ["class"])) : t.showLendAgain ? (i(), a(m, {
             key: "lendAgainButton",
-            class: h(["lend-again", { "tw-w-full": n.showPresetAmounts }]),
+            class: h(["lend-again", { "tw-w-full": s.showPresetAmounts }]),
             "data-testid": "bp-lend-cta-lend-again-button",
             type: "submit"
           }, {
             default: r(() => [
-              w(f(n.primaryButtonText || "Lend") + " again ", 1)
+              f(w(s.primaryButtonText || "Lend") + " again ", 1)
             ]),
             _: 1
           }, 8, ["class"])) : d("", !0)
         ], 2),
-        t.isLendAmountButton && !n.enableFiveDollarsNotes ? (i(), a(T, {
+        t.isLendAmountButton && !s.enableFiveDollarsNotes ? (i(), a(_, {
           key: 2,
           class: "tw-w-full",
           "loan-id": t.loanId,
           "show-now": !1,
-          "amount-left": t.unreservedAmount,
-          "is-adding": n.isAdding,
+          "amount-left": s.unreservedAmount,
+          "is-adding": s.isAdding,
           onAddToBasket: t.addToBasket
         }, null, 8, ["loan-id", "amount-left", "is-adding", "onAddToBasket"])) : d("", !0),
-        !n.isLoading && n.isAdding ? (i(), a(m, {
+        !s.isLoading && s.isAdding ? (i(), a(m, {
           key: 3,
           class: "tw-inline-flex tw-flex-1"
         }, {
-          default: r(() => s[7] || (s[7] = [
-            w(" Adding to basket ")
+          default: r(() => n[7] || (n[7] = [
+            f(" Adding to basket ")
           ])),
           _: 1
         })) : d("", !0)
-      ], 10, R)
+      ], 10, U)
     ], 32)) : d("", !0)
   ]);
 }
-const ne = /* @__PURE__ */ V(N, [["render", E], ["__scopeId", "data-v-6049057c"]]);
+const ae = /* @__PURE__ */ O(M, [["render", q], ["__scopeId", "data-v-1ac5c3c8"]]);
 export {
-  ne as default
+  oe as KV_LEND_CTA_FRAGMENT,
+  ie as KV_LEND_CTA_USER_FRAGMENT,
+  ae as default
 };

package/dist/vue/KvLoanActivities.css

@@ -1 +1 @@
-.loan-activity[data-v-2bb2fe91] #kvLightboxBody{display:flex;flex-direction:column;padding-left:0;padding-right:0;padding-bottom:0}.loan-activity[data-v-2bb2fe91] div>div>div>div>div:first-child{box-shadow:var(--kiva-box-shadow)}.loan-activity[data-v-2bb2fe91] div>div>div>div>div:first-child>div,.loan-activity[data-v-2bb2fe91] #kvLightboxBody div{box-shadow:none}.loan-activity[data-v-2bb2fe91] #kvLightboxBody>div:first-child{padding-left:2rem;padding-right:2rem}.loan-activity[data-v-2bb2fe91] [role=dialog]{min-width:840px;max-width:840px!important}@media (max-width: calc(840px + 2rem)){.loan-activity[data-v-2bb2fe91] [role=dialog]{min-width:100%;max-width:100%!important}}.loan-activity[data-v-2bb2fe91] #kvLightboxBody>div:nth-child(2){padding-left:2rem;padding-right:2rem;box-shadow:var(--kiva-negative-box-shadow)}
+.loan-activity[data-v-a3adcb1a] #kvLightboxBody{display:flex;flex-direction:column;padding-left:0;padding-right:0;padding-bottom:0}.loan-activity[data-v-a3adcb1a] div>div>div>div>div:first-child{box-shadow:var(--kiva-box-shadow)}.loan-activity[data-v-a3adcb1a] div>div>div>div>div:first-child>div,.loan-activity[data-v-a3adcb1a] #kvLightboxBody div{box-shadow:none}.loan-activity[data-v-a3adcb1a] #kvLightboxBody>div:first-child{padding-left:2rem;padding-right:2rem}.loan-activity[data-v-a3adcb1a] [role=dialog]{min-width:840px;max-width:840px!important}@media (max-width: calc(840px + 2rem)){.loan-activity[data-v-a3adcb1a] [role=dialog]{min-width:100%;max-width:100%!important}}.loan-activity[data-v-a3adcb1a] #kvLightboxBody>div:nth-child(2){padding-left:2rem;padding-right:2rem;box-shadow:var(--kiva-negative-box-shadow)}

package/dist/vue/KvLoanActivities.js

@@ -1,17 +1,29 @@
-import { toRefs as C, ref as F, computed as v, resolveComponent as w, openBlock as s, createElementBlock as d, createElementVNode as i, createVNode as g, toDisplayString as c, createCommentVNode as k, withCtx as A, Fragment as L, renderList as p, createBlock as K } from "vue";
-import M from "numeral";
-import { format as B } from "date-fns";
-import N from "./KvActivityRow.js";
-import j from "./KvLightbox.js";
-import D from "./KvLendCta.js";
+import p from "graphql-tag";
+import { toRefs as F, ref as K, computed as v, resolveComponent as g, openBlock as s, createElementBlock as d, createElementVNode as i, createVNode as w, toDisplayString as c, createCommentVNode as k, withCtx as A, Fragment as L, renderList as C, createBlock as M } from "vue";
+import B from "numeral";
+import { format as N } from "date-fns";
+import T from "./KvActivityRow.js";
+import I from "./KvLightbox.js";
+import j from "./KvLendCta.js";
 import "./KvLoanActivities.css";
-import T from "../_virtual/_plugin-vue_export-helper.js";
-const O = {
+import D from "../_virtual/_plugin-vue_export-helper.js";
+const nt = p`
+	fragment KvLoanActivities on LoanBasic {
+		id
+		lenders(limit: 0) {
+			totalCount
+		}
+		loanFundraisingInfo {
+			id
+			fundedAmount
+		}
+	}
+`, V = {
   name: "KvLoanActivities",
   components: {
-    KvActivityRow: N,
-    KvLightbox: j,
-    KvLendCta: D
+    KvActivityRow: T,
+    KvLightbox: I,
+    KvLendCta: j
   },
   props: {
     /**
@@ -105,7 +117,7 @@ const O = {
       loan: a,
       combinedActivities: t,
       kvTrackFunction: e
-    } = C(f), r = F(!1), h = v(() => {
+    } = F(f), r = K(!1), _ = v(() => {
       var o;
       return `Activity for ${(o = a.value) == null ? void 0 : o.name}`;
     }), u = v(() => {
@@ -114,17 +126,17 @@ const O = {
     }), y = v(() => {
       var n, m;
       const o = ((m = (n = a.value) == null ? void 0 : n.loanFundraisingInfo) == null ? void 0 : m.fundedAmount) ?? 0;
-      return M(parseFloat(o)).format("$0,0");
+      return B(parseFloat(o)).format("$0,0");
     }), b = v(() => {
       const o = t.value.find((n) => n.data.some((m) => m.type === "LendingAction"));
       return (o == null ? void 0 : o.data[0]) ?? {};
     });
     return {
       lightboxOpen: r,
-      modalTitle: h,
+      modalTitle: _,
       formattedDate: (o) => {
         const n = new Date(o);
-        return B(n, "MMM d, yyyy");
+        return N(n, "MMM d, yyyy");
       },
       showActivityModal: () => {
         e.value("loan-card", "click", "see-all-activity"), r.value = !0;
@@ -137,53 +149,53 @@ const O = {
       amountLent: y
     };
   }
-}, V = {
+}, O = {
   key: 0,
   class: "loan-activity"
-}, I = { class: "tw-flex tw-justify-center lg:tw-px-0" }, R = { class: "tw-flex tw-justify-center tw-mt-1 tw-text-small" }, S = { key: 0 }, E = { class: "tw-text-h3 tw-flex-1 data-hj-suppress" }, H = { class: "tw-overflow-x-hidden tw-px-2 tw-pb-1" }, q = { class: "tw-text-center tw-text-h4" }, z = { class: "tw-flex tw-flex-col tw-gap-y-1" }, G = {
+}, R = { class: "tw-flex tw-justify-center lg:tw-px-0" }, S = { class: "tw-flex tw-justify-center tw-mt-1 tw-text-small" }, E = { key: 0 }, q = { class: "tw-text-h3 tw-flex-1 data-hj-suppress" }, H = { class: "tw-overflow-x-hidden tw-px-2 tw-pb-1" }, G = { class: "tw-text-center tw-text-h4" }, z = { class: "tw-flex tw-flex-col tw-gap-y-1" }, J = {
   key: 0,
   class: "tw-mt-1 tw-text-small tw-text-danger"
-}, J = { class: "tw-flex tw-justify-end tw-mt-4 tw-pb-2.5 md:tw-pb-4" };
-function P(f, a, t, e, r, h) {
-  const u = w("KvActivityRow"), y = w("KvLendCta"), b = w("KvLightbox");
-  return t.combinedActivities.length > 0 ? (s(), d("div", V, [
-    i("div", I, [
-      g(u, { activity: e.singleActivity }, null, 8, ["activity"])
-    ]),
+}, P = { class: "tw-flex tw-justify-end tw-mt-4 tw-pb-2.5 md:tw-pb-4" };
+function Q(f, a, t, e, r, _) {
+  const u = g("KvActivityRow"), y = g("KvLendCta"), b = g("KvLightbox");
+  return t.combinedActivities.length > 0 ? (s(), d("div", O, [
     i("div", R, [
-      e.lendersNumber && e.amountLent ? (s(), d("span", S, c(e.lendersNumber) + " lenders lent " + c(e.amountLent) + ".   ", 1)) : k("", !0),
+      w(u, { activity: e.singleActivity }, null, 8, ["activity"])
+    ]),
+    i("div", S, [
+      e.lendersNumber && e.amountLent ? (s(), d("span", E, c(e.lendersNumber) + " lenders lent " + c(e.amountLent) + ".   ", 1)) : k("", !0),
       i("button", {
         class: "tw-text-action hover:tw-underline",
         onClick: a[0] || (a[0] = (...l) => e.showActivityModal && e.showActivityModal(...l))
       }, " See all activity ")
     ]),
-    g(b, {
+    w(b, {
       title: "Activity Feed Modal",
       visible: e.lightboxOpen,
       onLightboxClosed: e.closeLightbox
     }, {
       header: A(() => [
-        i("h2", E, c(e.modalTitle), 1)
+        i("h2", q, c(e.modalTitle), 1)
       ]),
       default: A(() => [
         i("div", H, [
-          (s(!0), d(L, null, p(t.combinedActivities, (l) => (s(), d("div", {
+          (s(!0), d(L, null, C(t.combinedActivities, (l) => (s(), d("div", {
             key: l.key,
             class: "md:tw-px-8 lg:tw-px-14 tw-mt-4"
           }, [
-            i("h4", q, c(e.formattedDate(l.key)), 1),
+            i("h4", G, c(e.formattedDate(l.key)), 1),
             i("div", z, [
-              (s(!0), d(L, null, p(l.data, (_, x) => (s(), K(u, {
+              (s(!0), d(L, null, C(l.data, (h, x) => (s(), M(u, {
                 key: x,
-                activity: _
+                activity: h
               }, null, 8, ["activity"]))), 128))
             ])
           ]))), 128))
         ]),
         i("div", null, [
-          t.errorMsg ? (s(), d("p", G, c(t.errorMsg), 1)) : k("", !0),
-          i("div", J, [
-            g(y, {
+          t.errorMsg ? (s(), d("p", J, c(t.errorMsg), 1)) : k("", !0),
+          i("div", P, [
+            w(y, {
               loan: t.loan,
               "is-loading": !1,
               "kv-track-function": t.kvTrackFunction,
@@ -205,7 +217,8 @@ function P(f, a, t, e, r, h) {
     }, 8, ["visible", "onLightboxClosed"])
   ])) : k("", !0);
 }
-const et = /* @__PURE__ */ T(O, [["render", P], ["__scopeId", "data-v-2bb2fe91"]]);
+const it = /* @__PURE__ */ D(V, [["render", Q], ["__scopeId", "data-v-a3adcb1a"]]);
 export {
-  et as default
+  nt as KV_LOAN_ACTIVITIES_FRAGMENT,
+  it as default
 };

package/dist/vue/KvLoanBookmark.js

@@ -1,11 +1,19 @@
-import { mdiBookmarkOutline as a, mdiBookmark as m } from "@mdi/js";
-import i from "./KvMaterialIcon.js";
-import { resolveComponent as l, openBlock as k, createElementBlock as s, createElementVNode as c, createVNode as d, normalizeClass as p } from "vue";
+import a from "graphql-tag";
+import { mdiBookmarkOutline as m, mdiBookmark as i } from "@mdi/js";
+import s from "./KvMaterialIcon.js";
+import { resolveComponent as k, openBlock as l, createElementBlock as c, createElementVNode as d, createVNode as f, normalizeClass as p } from "vue";
 import u from "../_virtual/_plugin-vue_export-helper.js";
-const f = {
+const N = a`
+	fragment KvLoanBookmark on LoanBasic {
+		id
+		userProperties {
+			favorited
+		}
+	}
+`, B = {
   name: "KvLoanBookmark",
   components: {
-    KvMaterialIcon: i
+    KvMaterialIcon: s
   },
   props: {
     isBookmarked: {
@@ -15,27 +23,28 @@ const f = {
   },
   data() {
     return {
-      mdiBookmarkOutline: a,
-      mdiBookmark: m
+      mdiBookmarkOutline: m,
+      mdiBookmark: i
     };
   }
 };
-function B(r, e, o, w, t, _) {
-  const n = l("kv-material-icon");
-  return k(), s("div", null, [
-    c("button", {
+function _(r, e, o, v, t, w) {
+  const n = k("kv-material-icon");
+  return l(), c("div", null, [
+    d("button", {
       style: { "border-radius": "8px", padding: "3px" },
       class: "tw-cursor-pointer tw-font-medium tw-bg-white tw-flex tw-justify-center",
-      onClick: e[0] || (e[0] = (v) => r.$emit("toggle-bookmark"))
+      onClick: e[0] || (e[0] = (g) => r.$emit("toggle-bookmark"))
     }, [
-      d(n, {
+      f(n, {
         class: p(["tw-w-3", { "tw-text-black": !o.isBookmarked, "tw-text-marigold": o.isBookmarked }]),
         icon: `${o.isBookmarked ? t.mdiBookmark : t.mdiBookmarkOutline}`
       }, null, 8, ["class", "icon"])
     ])
   ]);
 }
-const C = /* @__PURE__ */ u(f, [["render", B]]);
+const y = /* @__PURE__ */ u(B, [["render", _]]);
 export {
-  C as default
+  N as KV_LOAN_BOOKMARK_FRAGMENT,
+  y as default
 };