@kiva/kv-components 10.4.1 → 10.5.1

package/dist/vue/KvCompactLoanCard.js

@@ -1,325 +1,382 @@
-import B from "./KvCompactLoanCard2.js";
-import { KV_COMPACT_LOAN_CARD_FRAGMENT as nt, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as lt } from "./KvCompactLoanCard2.js";
-import { resolveComponent as d, openBlock as o, createElementBlock as l, normalizeClass as s, createVNode as i, createCommentVNode as m, createElementVNode as r, normalizeStyle as b, createBlock as w, resolveDynamicComponent as u, withCtx as k, toDisplayString as c, withModifiers as R, Fragment as g, renderList as v } from "vue";
-import "./KvCompactLoanCard.css";
-import G from "../_virtual/_plugin-vue_export-helper.js";
-const S = ["aria-busy"], D = { class: "tw-flex tw-flex-col tw-items-start tw-w-full" }, U = {
-  key: 1,
-  class: "tw-flex-shrink-0 tw-overflow-hidden"
-}, I = {
-  key: 0,
-  class: "tw-mb-0.5 tw-w-full"
-}, W = { class: "tw-text-primary !tw-font-medium tw-text-base tw-leading-normal tw-truncate" }, E = ["href"], F = { class: "tw-truncate" }, O = ["title"], j = { class: "tw-font-medium" }, K = {
-  key: 0,
-  class: "loan-card-use-text tw-w-full tw-overflow-hidden"
-}, z = { class: "tw-flex-1 tw-min-w-0 tw-mr-1" }, H = {
-  class: "tw-flex-1 tw-min-w-0",
-  style: { "max-width": "6.5rem" }
-}, Z = ["value"], q = { class: "tw-flex-1 tw-min-w-0" }, J = { class: "tw-p-1 tw-rounded-l-sm tw-border tw-border-gray-100 tw-border-r-0" };
-function Q(f, n, e, t, X, y) {
-  var L;
-  const _ = d("kv-material-icon"), h = d("kv-loading-placeholder"), P = d("kv-borrower-image"), C = d("kv-loan-tag"), V = d("kv-loan-use"), M = d("kv-loan-callouts"), x = d("kv-loan-progress-group"), N = d("kv-select"), A = d("kv-lend-cta");
-  return o(), l("div", {
-    class: s(["tw-flex tw-flex-col tw-items-start tw-justify-between tw-p-1 tw-bg-white tw-rounded-md tw-shadow-lg tw-w-full", {
-      "tw-relative": e.showRefreshButton,
-      "!tw-p-1.5": e.showLightView || t.isPostGoalVariant
-    }]),
-    "aria-busy": t.isLoading ? "true" : "false"
-  }, [
-    e.showRefreshButton ? (o(), l("button", {
-      key: 0,
-      class: "tw-absolute tw--top-1 tw--right-1 tw-bg-white tw-rounded-full tw-w-2.5 tw-h-2.5 tw-flex tw-items-center tw-justify-center tw-cursor-pointer tw-drop-shadow-sm",
-      onClick: n[0] || (n[0] = (...a) => t.handleRefreshButton && t.handleRefreshButton(...a))
-    }, [
-      i(_, {
-        icon: t.mdiCached,
-        class: "tw-w-2.5 tw-h-2.5 tw--scale-x-100 tw-text-gray-500"
-      }, null, 8, ["icon"])
-    ])) : m("", !0),
-    r("div", D, [
-      r("div", {
-        class: s(["tw-flex tw-items-start tw-gap-2 tw-w-full loan-card-active-hover", {
-          "!tw-gap-1": e.showLightView,
-          "!tw-gap-1.5 md:!tw-gap-2.5": t.isPostGoalVariant
-        }]),
-        style: b(t.customStyle)
-      }, [
-        t.isLoading ? (o(), w(h, {
-          key: 0,
-          "aria-hidden": "true",
-          class: s({
-            "!tw-w-7.5 !tw-h-7.5": e.showLightView,
-            "!tw-w-7.5 !tw-h-7.5 md:!tw-w-12.5 md:!tw-h-12.5": t.isPostGoalVariant
-          }),
-          style: b(t.borrowerImageStyle)
-        }, null, 8, ["class", "style"])) : (o(), l("div", U, [
-          (o(), w(u(t.tag), {
-            to: t.readMorePath,
-            href: t.readMorePath,
-            target: e.externalLinksNewTab ? "_blank" : void 0,
-            rel: e.externalLinksNewTab ? "noopener noreferrer" : void 0,
-            class: "tw-flex",
-            "aria-label": "Borrower image",
-            onClick: n[1] || (n[1] = (a) => t.clickReadMore("Photo", a))
-          }, {
-            default: k(() => [
-              i(P, {
-                class: s(["tw-bg-gray-300 tw-rounded-sm tw-object-cover tw-bg-clip-content", {
-                  "!tw-w-7.5 !tw-h-7.5": e.showLightView,
-                  "!tw-w-7.5 !tw-h-7.5 md:!tw-w-12.5 md:!tw-h-12.5": t.isPostGoalVariant
-                }]),
-                style: b(t.borrowerImageStyle),
-                alt: `Photo of ${t.borrowerName}`,
-                "aspect-ratio": 1,
-                "default-image": { width: 200, faceZoom: 50 },
-                hash: t.imageHash,
-                images: [{ width: 200, faceZoom: 50 }],
-                "photo-path": e.photoPath
-              }, null, 8, ["class", "style", "alt", "hash", "photo-path"])
-            ]),
-            _: 1
-          }, 8, ["to", "href", "target", "rel"]))
-        ])),
-        r("div", {
-          class: s(["tw-flex tw-flex-col tw-items-start tw-gap-1 tw-flex-1 tw-min-w-0", { "!tw-gap-0": t.isPostGoalVariant }])
-        }, [
-          e.businessName ? (o(), l("div", I, [
-            (o(), w(u(t.tag), {
-              to: t.readMorePath,
-              href: t.readMorePath,
-              target: e.externalLinksNewTab ? "_blank" : void 0,
-              rel: e.externalLinksNewTab ? "noopener noreferrer" : void 0,
-              class: "tw-no-underline hover:tw-underline focus:tw-no-underline",
-              "aria-label": "Business name",
-              onClick: n[2] || (n[2] = (a) => t.clickReadMore("Business", a))
-            }, {
-              default: k(() => [
-                r("h3", W, c(e.businessName), 1)
-              ]),
-              _: 1
-            }, 8, ["to", "href", "target", "rel"])),
-            e.website ? (o(), l("a", {
-              key: 0,
-              href: t.formattedWebsite,
-              target: "_blank",
-              class: "tw-flex tw-items-center tw-gap-0.5 tw-text-secondary tw-text-small tw-font-light tw-leading-normal tw-no-underline hover:tw-underline",
-              onClick: n[3] || (n[3] = R((...a) => t.trackWebsiteClick && t.trackWebsiteClick(...a), ["stop"]))
-            }, [
-              i(_, {
-                icon: t.mdiLink,
-                class: "tw-w-2 tw-h-2"
-              }, null, 8, ["icon"]),
-              r("span", F, c(e.website), 1)
-            ], 8, E)) : m("", !0)
-          ])) : m("", !0),
-          t.isLoading ? m("", !0) : (o(), w(u(t.tag), {
-            key: 1,
-            to: t.readMorePath,
-            href: t.readMorePath,
-            target: e.externalLinksNewTab ? "_blank" : void 0,
-            rel: e.externalLinksNewTab ? "noopener noreferrer" : void 0,
-            class: "tw-flex tw-no-underline hover:tw-no-underline focus:tw-no-underline -tw-mt-1",
-            "aria-label": "Loan tag",
-            onClick: n[4] || (n[4] = (a) => t.clickReadMore("Tag", a))
-          }, {
-            default: k(() => [
-              e.showTags ? (o(), w(C, {
-                key: 0,
-                class: s({
-                  "tw-mb-1 !tw-font-medium": t.isPostGoalVariant
-                }),
-                loan: e.loan,
-                "enable-multi-matching": e.enableMultiMatching
-              }, null, 8, ["class", "loan", "enable-multi-matching"])) : m("", !0)
-            ]),
-            _: 1
-          }, 8, ["to", "href", "target", "rel"])),
-          t.isPostGoalVariant ? (o(), l(g, { key: 2 }, [
-            t.isLoading ? (o(), l(g, { key: 0 }, v(4, (a) => i(h, {
-              key: a,
-              class: "tw-mb-0.5 md:!tw-mb-1.5 !tw-w-full !tw-h-1.5 md:!tw-h-2"
-            })), 64)) : (o(), l("p", {
-              key: 1,
-              class: "tw-text-small tw-mb-0 tw-leading-normal",
-              style: { "line-height": "150%" },
-              title: t.statementTitle,
-              "data-testid": "loan-use-statement"
-            }, [
-              r("span", null, c(t.loanUsePrefixStart), 1),
-              r("span", j, c(t.borrowerNameWithCountry), 1),
-              r("span", null, c(t.loanUsePrefixEnd), 1),
-              r("span", null, c(t.visibleUseStatement), 1)
-            ], 8, O))
-          ], 64)) : e.showLoanUse ? (o(), w(u(t.tag), {
-            key: 3,
-            to: t.readMorePath,
-            href: t.readMorePath,
-            target: e.externalLinksNewTab ? "_blank" : void 0,
-            rel: e.externalLinksNewTab ? "noopener noreferrer" : void 0,
-            class: "loan-card-use tw-no-underline tw-text-primary tw-block tw-w-full",
-            "aria-label": "Loan use",
-            onClick: n[5] || (n[5] = (a) => t.clickReadMore("Use", a))
-          }, {
-            default: k(() => [
-              t.isLoading ? (o(), l("div", K, [
-                (o(!0), l(g, null, v([...Array(t.loanUseLoadingRows)], (a, T) => (o(), l("div", {
-                  key: T,
-                  class: "tw-h-2 tw-mb-1"
-                }, [
-                  i(h)
-                ]))), 128))
-              ])) : (o(), l("div", {
-                key: 1,
-                class: s(["loan-card-use-text tw-w-full tw-overflow-hidden", { "!tw--mt-1": e.showTags && y.hasMatchingInfo && e.showLightView }])
-              }, [
-                i(V, {
-                  use: t.loanUse,
-                  "loan-amount": t.loanAmount,
-                  status: t.loanStatus,
-                  "borrower-count": t.loanBorrowerCount,
-                  name: t.borrowerName,
-                  "distribution-model": t.distributionModel,
-                  "bold-name": !0,
-                  country: t.formattedLocation,
-                  "show-read-more": e.showLightView,
-                  "truncate-words-number": e.truncateWordsNumber,
-                  class: "tw-text-small tw-leading-tight"
-                }, null, 8, ["use", "loan-amount", "status", "borrower-count", "name", "distribution-model", "country", "show-read-more", "truncate-words-number"])
-              ], 2))
-            ]),
-            _: 1
-          }, 8, ["to", "href", "target", "rel"])) : m("", !0)
-        ], 2)
-      ], 6),
-      t.isLoading || typeof t.loanCallouts > "u" ? (o(), w(h, {
-        key: 0,
-        class: "tw-mt-1.5 tw-mb-1 tw-rounded-full",
-        style: { width: "60%", height: "1.5rem" }
-      })) : (o(), w(M, {
-        key: 1,
-        callouts: t.loanCallouts,
-        class: s(["tw-mt-1.5", { "goal-variant-callouts": t.isPostGoalVariant }]),
-        onClick: n[6] || (n[6] = (a) => f.$emit("jump-filter-page", a))
-      }, null, 8, ["callouts", "class"]))
-    ]),
-    r("div", {
-      class: s(["tw-flex tw-items-center tw-justify-between tw-w-full tw-mt-1", {
-        "tw-gap-1": t.sharesAvailable,
-        "!tw-items-end !tw-gap-2": t.isPostGoalVariant
-      }])
-    }, [
-      t.hasProgressData ? t.isPostGoalVariant ? (o(), l(g, { key: 1 }, [
-        r("div", H, [
-          i(x, {
-            "money-left": t.unreservedAmount,
-            "progress-percent": t.fundraisingPercent,
-            class: "tw-text-black goal-variant-progress-group"
-          }, null, 8, ["money-left", "progress-percent"])
-        ]),
-        r("div", null, [
-          i(N, {
-            id: `PostGoalAmountDropdown_${((L = e.loan) == null ? void 0 : L.id) ?? e.loanId}`,
-            modelValue: t.selectedAmount,
-            "onUpdate:modelValue": [
-              n[7] || (n[7] = (a) => t.selectedAmount = a),
-              t.handleSelectedAmount
-            ],
-            "aria-label": "Lend amount",
-            disabled: !t.amountOptions.length || y.isInBasket,
-            class: "amount-dropdown"
-          }, {
-            default: k(() => [
-              (o(!0), l(g, null, v(t.amountOptions, (a) => (o(), l("option", {
-                key: a,
-                value: a
-              }, " $" + c(a), 9, Z))), 128))
-            ]),
-            _: 1
-          }, 8, ["id", "modelValue", "disabled", "onUpdate:modelValue"])
-        ])
-      ], 64)) : (o(), l(g, { key: 2 }, [
-        r("div", q, [
-          t.sharesAvailable ? (o(), w(u(t.tag), {
-            key: 0,
-            to: t.readMorePath,
-            href: t.readMorePath,
-            target: e.externalLinksNewTab ? "_blank" : void 0,
-            rel: e.externalLinksNewTab ? "noopener noreferrer" : void 0,
-            class: "loan-card-progress tw-no-underline tw-block",
-            "aria-label": "Loan progress",
-            onClick: n[8] || (n[8] = (a) => t.clickReadMore("Progress", a))
-          }, {
-            default: k(() => [
-              i(x, {
-                id: "loanProgress",
-                "money-left": t.unreservedAmount,
-                "progress-percent": t.fundraisingPercent,
-                class: "tw-text-black"
-              }, null, 8, ["money-left", "progress-percent"])
-            ]),
-            _: 1
-          }, 8, ["to", "href", "target", "rel"])) : m("", !0)
-        ]),
-        e.showLightView ? (o(), l("button", {
-          key: 0,
-          class: "tw-ml-2",
-          onClick: n[9] || (n[9] = (a) => t.clickReadMore("View", a))
-        }, [
-          r("span", J, " $" + c(e.customAmountLent), 1),
-          n[13] || (n[13] = r("span", { class: "tw-bg-gray-100 tw-px-1.5 tw-py-1 tw-rounded-r-sm tw-border tw-border-gray-100 tw-text-action tw-font-medium hover:tw-underline tw-text-center tw-cursor-pointer" }, " View ", -1))
-        ])) : (o(), l("div", {
-          key: 1,
-          class: s(["tw-flex-shrink-0 loan-card-cta", { "tw-w-full": !t.sharesAvailable }]),
-          style: { height: "40px" }
-        }, [
-          i(A, {
-            loan: e.loan,
-            "unreserved-amount": t.unreservedAmount,
-            "basket-items": e.basketItems,
-            "is-loading": t.isLoading,
-            "is-adding": e.isAdding,
-            "enable-five-dollars-notes": e.enableFiveDollarsNotes,
-            "five-dollars-selected": e.fiveDollarsSelected,
-            "kv-track-function": e.kvTrackFunction,
-            "show-view-loan": e.showViewLoan,
-            "custom-loan-details": e.customLoanDetails,
-            "external-links": e.externalLinks,
-            route: e.route,
-            "user-balance": e.userBalance,
-            "get-cookie": e.getCookie,
-            "set-cookie": e.setCookie,
-            "is-visitor": e.isVisitor,
-            "primary-button-text": e.primaryButtonText,
-            "secondary-button-text": e.secondaryButtonText,
-            "secondary-button-handler": e.secondaryButtonHandler,
-            onAddToBasket: n[10] || (n[10] = (a) => f.$emit("add-to-basket", a)),
-            onShowLoanDetails: n[11] || (n[11] = (a) => t.clickReadMore("ViewLoan", a)),
-            onRemoveFromBasket: n[12] || (n[12] = (a) => f.$emit("remove-from-basket", a))
-          }, null, 8, ["loan", "unreserved-amount", "basket-items", "is-loading", "is-adding", "enable-five-dollars-notes", "five-dollars-selected", "kv-track-function", "show-view-loan", "custom-loan-details", "external-links", "route", "user-balance", "get-cookie", "set-cookie", "is-visitor", "primary-button-text", "secondary-button-text", "secondary-button-handler"])
-        ], 2))
-      ], 64)) : (o(), l(g, { key: 0 }, [
-        r("div", z, [
-          i(h, {
-            class: "tw-mb-0.5",
-            style: { width: "100%", maxWidth: "11rem", height: "1rem" }
-          }),
-          i(h, {
-            class: "tw-rounded",
-            style: { width: "100%", maxWidth: "11rem", height: "0.5rem" }
-          })
-        ]),
-        t.allDataLoaded ? m("", !0) : (o(), w(h, {
-          key: 0,
-          class: "tw-rounded tw-flex-shrink-0",
-          style: { width: "8rem", height: "2.5rem" }
-        }))
-      ], 64))
-    ], 2)
-  ], 10, S);
-}
-const et = /* @__PURE__ */ G(B, [["render", Q], ["__scopeId", "data-v-02aa45c6"]]);
+import b from "graphql-tag";
+import $ from "numeral";
+import { ref as j, computed as a, watch as q } from "vue";
+import { mdiArrowRight as H, mdiCached as z, mdiLink 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 le from "./KvLoanUse2.js";
+import ie from "./KvBorrowerImage.js";
+import re from "./KvLoanCallouts.js";
+import se from "./KvLendCta2.js";
+import ue from "./KvLoanProgressGroup.js";
+import de from "./KvLoanTag2.js";
+import me from "./KvMaterialIcon.js";
+import fe from "./KvLoadingPlaceholder.js";
+import ce from "./KvLoanTeamPick.js";
+import he from "./KvSelect.js";
+import { KV_LEND_CTA_FRAGMENT as ve, KV_LEND_CTA_USER_FRAGMENT as ge } from "./KvLendCta.js";
+import { KV_LOAN_TAG_FRAGMENT as Le } from "./KvLoanTag.js";
+import { KV_LOAN_USE_FRAGMENT as ye } from "./KvLoanUse.js";
+const d = {
+  default: "default",
+  postGoal: "post-goal",
+  lightDetailed: "light-detailed"
+}, Ae = (e) => e < 500 && e >= 25, Ce = (e) => oe(e) || Ae(e), $e = b`
+	fragment KvCompactLoanCard on LoanBasic {
+		id
+		image {
+			id
+			hash
+		}
+		lenders(limit: 0) {
+			totalCount
+		}
+		loanFundraisingInfo {
+			id
+			fundedAmount
+		}
+		name
+		...KvLendCta
+		...KvLoanTag
+		...KvLoanUse
+		...LoanCallouts
+		...LoanGeocode
+		...LoanProgress
+	}
+	${ve}
+	${Le}
+	${ye}
+	${Q}
+	${X}
+	${Y}
+`, je = b`
+	fragment KvCompactLoanCardUser on LoanBasic {
+		id
+		...KvLendCtaUser
+	}
+	${ge}
+`, qe = {
+  name: "KvCompactLoanCard",
+  components: {
+    KvBorrowerImage: ie,
+    KvLoadingPlaceholder: fe,
+    KvLoanUse: le,
+    KvMaterialIcon: me,
+    KvLendCta: se,
+    KvLoanTag: de,
+    KvLoanCallouts: re,
+    KvLoanTeamPick: ce,
+    KvLoanProgressGroup: ue,
+    KvSelect: he
+  },
+  props: {
+    variant: {
+      type: String,
+      default: d.default,
+      validator: (e) => Object.values(d).includes(e)
+    },
+    loanId: {
+      type: Number,
+      default: void 0
+    },
+    loan: {
+      type: Object,
+      default: null
+    },
+    customLoanDetails: {
+      type: Boolean,
+      default: !1
+    },
+    showTags: {
+      type: Boolean,
+      default: !0
+    },
+    categoryPageName: {
+      type: String,
+      default: ""
+    },
+    enableFiveDollarsNotes: {
+      type: Boolean,
+      default: !1
+    },
+    isAdding: {
+      type: Boolean,
+      default: !1
+    },
+    isVisitor: {
+      type: Boolean,
+      default: !0
+    },
+    basketItems: {
+      type: Array,
+      default: () => []
+    },
+    kvTrackFunction: {
+      type: Function,
+      required: !0
+    },
+    photoPath: {
+      type: String,
+      required: !0
+    },
+    showViewLoan: {
+      type: Boolean,
+      default: !1
+    },
+    externalLinks: {
+      type: Boolean,
+      default: !1
+    },
+    externalLinksNewTab: {
+      type: Boolean,
+      default: !1
+    },
+    route: {
+      type: Object,
+      default: void 0
+    },
+    userBalance: {
+      type: String,
+      default: void 0
+    },
+    getCookie: {
+      type: Function,
+      default: void 0
+    },
+    setCookie: {
+      type: Function,
+      default: void 0
+    },
+    fiveDollarsSelected: {
+      type: Boolean,
+      default: !1
+    },
+    customCallouts: {
+      type: Array,
+      default: () => []
+    },
+    isTeamPick: {
+      type: Boolean,
+      default: !1
+    },
+    primaryButtonText: {
+      type: String,
+      default: "Lend"
+    },
+    secondaryButtonHandler: {
+      type: Function,
+      default: void 0
+    },
+    secondaryButtonText: {
+      type: String,
+      default: "Checkout now"
+    },
+    showContributors: {
+      type: Boolean,
+      default: !1
+    },
+    customHref: {
+      type: String,
+      default: ""
+    },
+    businessName: {
+      type: String,
+      default: ""
+    },
+    website: {
+      type: String,
+      default: ""
+    },
+    showLoanUse: {
+      type: Boolean,
+      default: !0
+    },
+    showLightView: {
+      type: Boolean,
+      default: !1
+    },
+    truncateWordsNumber: {
+      type: Number,
+      default: 0
+    },
+    showRefreshButton: {
+      type: Boolean,
+      default: !1
+    },
+    customAmountLent: {
+      type: String,
+      default: "25"
+    },
+    enableMultiMatching: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "refresh-button",
+    "jump-filter-page",
+    "add-to-basket",
+    "remove-from-basket",
+    "show-loan-details",
+    "update:selected-amount"
+  ],
+  setup(e, { emit: o }) {
+    const l = j(""), m = a(
+      () => e.variant === d.postGoal
+    ), s = a(
+      () => e.variant === d.lightDetailed
+    ), c = a(
+      () => m.value || s.value
+    ), w = a(
+      () => e.showRefreshButton && !s.value
+    ), {
+      allDataLoaded: S,
+      borrowerName: h,
+      distributionModel: v,
+      formattedLocation: g,
+      fundraisingPercent: B,
+      hasProgressData: _,
+      imageHash: N,
+      isLoading: T,
+      loanAmount: f,
+      loanBorrowerCount: L,
+      loanCallouts: k,
+      loanStatus: y,
+      loanUse: A,
+      readMorePath: R,
+      tag: F,
+      unreservedAmount: u,
+      sharesAvailable: M
+    } = Z(e), { clickReadMore: K } = ee(e, o), P = a(() => c.value ? void 0 : { width: "100px", height: "100px" }), D = a(() => {
+      if (!e.website)
+        return "";
+      const t = e.website.trim();
+      return t.startsWith("http://") || t.startsWith("https://") ? t : `https://${t}`;
+    }), E = a(() => {
+      if (c.value) return {};
+      const t = e.showLightView ? "auto" : "6.75rem", n = e.showLightView ? "none" : "6.75rem";
+      return { height: t, maxHeight: n };
+    }), G = a(() => $(f.value).format("$0,0")), i = a(() => {
+      var t;
+      return ne({
+        anonymizationLevel: (t = e.loan) == null ? void 0 : t.anonymizationLevel,
+        borrowerName: h.value,
+        distributionModel: v.value,
+        formattedLocation: g.value,
+        loanAmount: f.value,
+        loanBorrowerCount: L.value,
+        loanStatus: y.value,
+        loanUse: A.value
+      });
+    }), O = a(() => i.value.borrowerNameWithCountry), U = a(() => i.value.loanUsePrefixStart), V = a(() => i.value.loanUsePrefixEnd), x = a(() => i.value.statementTitle), I = a(() => i.value.visibleUseStatement), C = a(() => {
+      var r;
+      const t = parseFloat(u.value);
+      if (!t) return [];
+      const n = t < 25 ? parseFloat(`${((r = e.loan) == null ? void 0 : r.minNoteSize) ?? 25}`) : 25;
+      return te(
+        u.value,
+        Ce(t),
+        n,
+        e.enableFiveDollarsNotes,
+        e.isVisitor
+      );
+    });
+    q(
+      C,
+      (t) => {
+        var r, p;
+        if (!m.value) return;
+        if (!t.length) {
+          l.value = "";
+          return;
+        }
+        const n = ae(
+          e.getCookie,
+          e.setCookie,
+          e.enableFiveDollarsNotes,
+          (p = (r = e.route) == null ? void 0 : r.query) == null ? void 0 : p.utm_campaign,
+          u.value,
+          e.userBalance ? parseFloat(e.userBalance) : void 0,
+          e.fiveDollarsSelected
+        );
+        l.value = t.includes(n) ? n : t[0];
+      },
+      { immediate: !0 }
+    );
+    const W = a(() => s.value ? 2 : e.showLightView ? 3 : 4);
+    return {
+      allDataLoaded: S,
+      amountOptions: C,
+      borrowerImageStyle: P,
+      borrowerName: h,
+      borrowerNameWithCountry: O,
+      lightDetailedAmount: G,
+      distributionModel: v,
+      formattedLocation: g,
+      formattedWebsite: D,
+      fundraisingPercent: B,
+      hasProgressData: _,
+      imageHash: N,
+      isLightDetailedVariant: s,
+      isLoading: T,
+      isPostGoalVariant: m,
+      loanAmount: f,
+      loanBorrowerCount: L,
+      loanCallouts: k,
+      loanStatus: y,
+      loanUse: A,
+      loanUsePrefixEnd: V,
+      loanUsePrefixStart: U,
+      mdiLink: J,
+      mdiCached: z,
+      mdiArrowRight: H,
+      readMorePath: R,
+      shouldShowRefreshButton: w,
+      tag: F,
+      unreservedAmount: u,
+      sharesAvailable: M,
+      selectedAmount: l,
+      statementTitle: x,
+      customStyle: E,
+      loanUseLoadingRows: W,
+      visibleUseStatement: I,
+      clickReadMore: K,
+      trackWebsiteClick: () => {
+        e.kvTrackFunction(
+          "Lending",
+          "click-Business Website",
+          "Website",
+          e.loanId
+        );
+      },
+      handleRefreshButton: (t) => {
+        o("refresh-button", t);
+      },
+      handleSelectedAmount: (t) => {
+        var n;
+        l.value = t, o("update:selected-amount", t), e.kvTrackFunction(
+          "Lending",
+          "Modify lend amount",
+          t,
+          e.loanId ?? ((n = e.loan) == null ? void 0 : n.id)
+        );
+      }
+    };
+  },
+  computed: {
+    isInBasket() {
+      var e;
+      return ((e = this.basketItems) == null ? void 0 : e.some((o) => o.__typename === "LoanReservation" && o.id === this.loanId)) ?? !1;
+    },
+    hasMatchingInfo() {
+      var e, o, l;
+      return !!((e = this.loan) != null && e.matchingText) || this.enableMultiMatching && (((l = (o = this.loan) == null ? void 0 : o.simultaneousMatching) == null ? void 0 : l.length) ?? 0) > 0;
+    }
+  }
+};
 export {
-  nt as KV_COMPACT_LOAN_CARD_FRAGMENT,
-  lt as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
-  et as default
+  $e as KV_COMPACT_LOAN_CARD_FRAGMENT,
+  je as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
+  qe as default
 };