@kiva/kv-components 6.27.2 → 6.28.1

package/dist/utils/loanUtils.js

@@ -9,63 +9,63 @@ function E(r) {
 function O(r) {
   return r < 25 && r > 0;
 }
-function h(r, c, f, e, t, i, s) {
-  if (f && s)
+function h(r, e, o, n, t, i, s) {
+  if (o && s)
     return "5";
-  if (f && typeof i < "u") {
-    let o = r == null ? void 0 : r(a);
-    if (e && typeof e == "string" && !o) {
-      const n = /* @__PURE__ */ new Date();
-      n.setHours(n.getHours() + 24);
-      const l = e.toUpperCase();
-      o = l.includes(N) ? N : l.includes(A) ? A : l.includes(p) ? p : l.includes(P) ? P : "", o && c && c(a, o, { expires: n });
+  if (o && typeof i < "u") {
+    let f = r == null ? void 0 : r(a);
+    if (n && typeof n == "string" && !f) {
+      const c = /* @__PURE__ */ new Date();
+      c.setHours(c.getHours() + 24);
+      const l = n.toUpperCase();
+      f = l.includes(N) ? N : l.includes(A) ? A : l.includes(p) ? p : l.includes(P) ? P : "", f && e && e(a, f, { expires: c });
     }
-    if (o) {
-      let n = Math.floor(i / 5) * 5;
-      return o === A ? (n = n === 0 ? 5 : n > 25 ? 25 : n, Number(n <= t ? n : t).toFixed()) : o === p ? (n = C(n), Number(n).toFixed()) : Number(t > 5 ? 5 : t).toFixed();
+    if (f) {
+      let c = Math.floor(i / 5) * 5;
+      return f === A ? (c = c === 0 ? 5 : c > 25 ? 25 : c, Number(c <= t ? c : t).toFixed()) : f === p ? (c = C(c), Number(c).toFixed()) : Number(t > 5 ? 5 : t).toFixed();
     }
   }
   return E(t) || O(t) ? Number(t).toFixed() : "25";
 }
 function _(r) {
-  const c = [];
-  let f = 100, e = r > 1e3 ? 1e3 : r, t = e / f;
+  const e = [];
+  let o = 100, n = r > 1e3 ? 1e3 : r, t = n / o;
   for (let i = 1; i <= t; i += 1) {
-    const s = f * i + 500;
-    if (s > e) break;
-    c.push(u(s).format("0,0"));
+    const s = o * i + 500;
+    if (s > n) break;
+    e.push(u(s).format("0,0"));
   }
-  f = 1e3, e = r > 1e4 ? 1e4 : r, t = e / f;
+  o = 1e3, n = r > 1e4 ? 1e4 : r, t = n / o;
   for (let i = 1; i <= t; i += 1) {
-    const s = f * i + 1e3;
-    if (s > e) break;
-    c.push(u(s).format("0,0"));
+    const s = o * i + 1e3;
+    if (s > n) break;
+    e.push(u(s).format("0,0"));
   }
-  return c.includes(u(e).format("0,0")) || c.push(u(e).format("0,0")), c;
+  return e.includes(u(n).format("0,0")) || e.push(u(n).format("0,0")), e;
 }
 function b(r) {
-  const c = r < 50 ? r : 50, f = c / 5, e = Math.ceil((r - c) / 25) + 1, t = [];
-  for (let i = 1; i <= f; i += 1)
+  const e = r < 50 ? r : 50, o = e / 5, n = Math.ceil((r - e) / 25) + 1, t = [];
+  for (let i = 1; i <= o; i += 1)
     t.push(u(5 * i).format("0,0"));
-  if (r > c)
-    for (let i = 3; i <= e; i += 1)
+  if (r > e)
+    for (let i = 3; i <= n; i += 1)
       t.push(u(25 * i).format("0,0"));
   return t;
 }
-function d(r, c) {
-  const f = r / c, e = [];
-  for (let t = 1; t <= f; t += 1)
-    e.push(u(c * t).format("0,0"));
-  return e;
+function d(r, e) {
+  const o = r / e, n = [];
+  for (let t = 1; t <= o; t += 1)
+    n.push(u(e * t).format("0,0"));
+  return n;
 }
-function y(r, c = !1, f = 25, e = !1, t = !1, i = !0, s = !1) {
-  const o = parseFloat(r);
-  let n = e && !s ? b(o).slice(0, 28) : d(o, f).slice(0, 20);
-  if (t && o > 500 && !i) {
-    const l = _(o);
-    n = n.concat(l);
+function y(r, e = !1, o = 25, n = !1, t = !0, i = !1) {
+  const s = parseFloat(r);
+  let f = n && !i ? b(s).slice(0, 28) : d(s, o).slice(0, 20);
+  if (s > 500 && !t) {
+    const c = _(s);
+    f = f.concat(c);
   }
-  return c && !n.includes(Number(r).toFixed()) && n.push(Number(r).toFixed()), n;
+  return e && !f.includes(Number(r).toFixed()) && f.push(Number(r).toFixed()), f;
 }
 export {
   p as BALANCE_CAMPAIGN,

package/dist/vue/KvClassicLoanCard.css

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

package/dist/vue/KvClassicLoanCard.js

@@ -12,7 +12,7 @@ import ee from "./KvMaterialIcon.js";
 import te from "./KvLoadingPlaceholder.js";
 import ae from "./KvLoanTeamPick.js";
 import oe, { KV_LOAN_ACTIVITIES_FRAGMENT as ne } from "./KvLoanActivities.js";
-import { resolveComponent as r, openBlock as o, createElementBlock as m, normalizeClass as s, normalizeStyle as le, createElementVNode as c, createBlock as i, resolveDynamicComponent as g, withCtx as k, createVNode as w, createTextVNode as ie, toDisplayString as M, createCommentVNode as f, Fragment as re, renderList as se } from "vue";
+import { resolveComponent as r, openBlock as o, createElementBlock as m, normalizeClass as s, normalizeStyle as le, createElementVNode as c, createBlock as i, resolveDynamicComponent as k, withCtx as g, createVNode as w, createTextVNode as ie, toDisplayString as M, createCommentVNode as f, Fragment as re, renderList as se } from "vue";
 import "./KvClassicLoanCard.css";
 import de from "../_virtual/_plugin-vue_export-helper.js";
 const Ge = K`
@@ -169,10 +169,6 @@ const Ge = K`
       type: String,
       default: ""
     },
-    enableHugeAmount: {
-      type: Boolean,
-      default: !1
-    },
     primaryButtonText: {
       type: String,
       default: "Lend"
@@ -273,10 +269,10 @@ const Ge = K`
 }, ue = { class: "tw-grow" }, ce = { class: "loan-card-active-hover" }, we = {
   key: 1,
   class: "tw-relative"
-}, fe = { key: 0 }, ge = {
+}, fe = { key: 0 }, ke = {
   class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-p-1 tw-mb-0 tw-mr-2 tw-text-h4 tw-inline-flex tw-items-center",
   style: { padding: "2px 6px", "text-transform": "capitalize" }
-}, ke = { class: "tw-mb-1.5 tw-pt-1" }, ve = { key: 1 }, he = {
+}, ge = { class: "tw-mb-1.5 tw-pt-1" }, ve = { key: 1 }, he = {
   key: 0,
   class: "tw-w-full tw-pt-1 tw-pr-1"
 }, be = {
@@ -300,14 +296,14 @@ function _e(l, a, e, t, T, d) {
           class: s(["tw-mb-1 tw-w-full", { "tw-rounded-t tw-rounded-b-none": e.largeCard, "tw-rounded": !e.largeCard }]),
           style: { height: "15rem" }
         }, null, 8, ["class"])) : (o(), m("div", we, [
-          (o(), i(g(t.tag), {
+          (o(), i(k(t.tag), {
             to: t.readMorePath,
             href: t.readMorePath,
             class: "tw-flex",
             "aria-label": "Borrower image",
             onClick: a[0] || (a[0] = (n) => t.clickReadMore("Photo", n))
           }, {
-            default: k(() => [
+            default: g(() => [
               w(v, {
                 class: s(["tw-relative tw-w-full tw-bg-black", { "tw-rounded-t": e.largeCard, "tw-rounded": !e.largeCard }]),
                 alt: `Photo of ${t.borrowerName}`,
@@ -318,7 +314,7 @@ function _e(l, a, e, t, T, d) {
                 "photo-path": e.photoPath
               }, null, 8, ["class", "alt", "aspect-ratio", "default-image", "hash", "images", "photo-path"]),
               t.countryName ? (o(), m("div", fe, [
-                c("p", ge, [
+                c("p", ke, [
                   w(h, {
                     class: "tw-h-2 tw-w-2",
                     icon: t.mdiMapMarker
@@ -345,14 +341,14 @@ function _e(l, a, e, t, T, d) {
             onToggleBookmark: a[1] || (a[1] = (n) => l.$emit("toggle-bookmark"))
           }, null, 8, ["loan-id", "is-bookmarked"]))
         ])),
-        (o(), i(g(t.tag), {
+        (o(), i(k(t.tag), {
           to: t.readMorePath,
           href: t.readMorePath,
           class: s(["tw-flex tw-no-underline hover:tw-no-underline focus:tw-no-underline", { "tw-px-1": e.largeCard }]),
           "aria-label": "Loan tag",
           onClick: a[2] || (a[2] = (n) => t.clickReadMore("Tag", n))
         }, {
-          default: k(() => [
+          default: g(() => [
             e.showTags && !t.isLoading ? (o(), i(_, {
               key: 0,
               loan: e.loan
@@ -360,15 +356,15 @@ function _e(l, a, e, t, T, d) {
           ]),
           _: 1
         }, 8, ["to", "href", "class"])),
-        (o(), i(g(t.tag), {
+        (o(), i(k(t.tag), {
           to: t.readMorePath,
           href: t.readMorePath,
           class: "loan-card-use tw-no-underline tw-text-primary",
           "aria-label": "Loan use",
           onClick: a[3] || (a[3] = (n) => t.clickReadMore("Use", n))
         }, {
-          default: k(() => [
-            c("div", ke, [
+          default: g(() => [
+            c("div", ge, [
               t.isLoading ? (o(), m("div", {
                 key: 0,
                 class: s(["tw-w-full", { "tw-px-1": e.largeCard }]),
@@ -421,7 +417,7 @@ function _e(l, a, e, t, T, d) {
         })
       ])),
       c("div", null, [
-        t.sharesAvailable ? (o(), i(g(t.tag), {
+        t.sharesAvailable ? (o(), i(k(t.tag), {
           key: 0,
           to: t.readMorePath,
           href: t.readMorePath,
@@ -429,7 +425,7 @@ function _e(l, a, e, t, T, d) {
           "aria-label": "Loan progress",
           onClick: a[5] || (a[5] = (n) => t.clickReadMore("Progress", n))
         }, {
-          default: k(() => [
+          default: g(() => [
             w(A, {
               id: "loanProgress",
               "money-left": t.unreservedAmount,
@@ -457,7 +453,6 @@ function _e(l, a, e, t, T, d) {
         "user-balance": e.userBalance,
         "get-cookie": e.getCookie,
         "set-cookie": e.setCookie,
-        "enable-huge-amount": e.enableHugeAmount,
         "is-visitor": e.isVisitor,
         "primary-button-text": e.primaryButtonText,
         "secondary-button-text": e.secondaryButtonText,
@@ -466,7 +461,7 @@ function _e(l, a, e, t, T, d) {
         onAddToBasket: a[6] || (a[6] = (n) => l.$emit("add-to-basket", n)),
         onShowLoanDetails: a[7] || (a[7] = (n) => t.clickReadMore("ViewLoan", n)),
         onRemoveFromBasket: a[8] || (a[8] = (n) => l.$emit("remove-from-basket", n))
-      }, 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", "enable-huge-amount", "is-visitor", "primary-button-text", "secondary-button-text", "secondary-button-handler", "class"])) : (o(), i(u, {
+      }, 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", "class"])) : (o(), i(u, {
         key: 1,
         class: "tw-rounded tw-self-start",
         style: { width: "9rem", height: "3rem" }
@@ -493,14 +488,13 @@ function _e(l, a, e, t, T, d) {
         "get-cookie": e.getCookie,
         "set-cookie": e.setCookie,
         "error-msg": e.errorMsg,
-        "enable-huge-amount": e.enableHugeAmount,
         "is-visitor": e.isVisitor,
         onAddToBasket: a[9] || (a[9] = (n) => l.$emit("add-to-basket", n))
-      }, null, 8, ["loan", "combined-activities", "kv-track-function", "basket-items", "is-adding", "enable-five-dollars-notes", "five-dollars-selected", "show-view-loan", "custom-loan-details", "external-links", "route", "user-balance", "get-cookie", "set-cookie", "error-msg", "enable-huge-amount", "is-visitor"])
+      }, null, 8, ["loan", "combined-activities", "kv-track-function", "basket-items", "is-adding", "enable-five-dollars-notes", "five-dollars-selected", "show-view-loan", "custom-loan-details", "external-links", "route", "user-balance", "get-cookie", "set-cookie", "error-msg", "is-visitor"])
     ])) : f("", !0)
   ], 6);
 }
-const Ue = /* @__PURE__ */ de(me, [["render", _e], ["__scopeId", "data-v-fcb027fa"]]);
+const Ue = /* @__PURE__ */ de(me, [["render", _e], ["__scopeId", "data-v-b8376722"]]);
 export {
   Ge as KV_CLASSIC_LOAN_CARD_FRAGMENT,
   Ie as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,

package/dist/vue/KvLendCta.css

@@ -1 +1 @@
-.amountDropdownWrapper[data-v-7d70fb6b] select{border-radius:14px 0 0 14px}.lend-again[data-v-7d70fb6b] span{padding-left:0;padding-right:0;padding-left:.5rem;padding-right:.5rem}.lendButtonWrapper[data-v-7d70fb6b] span:first-child{border-radius:0 14px 14px 0}.filtered-dropdown[data-v-7d70fb6b] select{cursor:pointer;border-radius:.875rem;border-width:2px;font-weight:500}.unselected-dropdown[data-v-7d70fb6b] select{--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.preset-option[data-v-7d70fb6b] span.tw-w-full:first-child{border-width:2px;--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.selected-dropdown[data-v-7d70fb6b] select,.selected-option[data-v-7d70fb6b] span.tw-w-full:first-child{--tw-border-opacity: 1;border-color:rgba(var(--border-action),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--bg-secondary),var(--tw-bg-opacity, 1))}.button-ellipsis[data-v-7d70fb6b] span>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.amountDropdownWrapper[data-v-cc6815c8] select{border-radius:14px 0 0 14px}.lend-again[data-v-cc6815c8] span{padding-left:0;padding-right:0;padding-left:.5rem;padding-right:.5rem}.lendButtonWrapper[data-v-cc6815c8] span:first-child{border-radius:0 14px 14px 0}.filtered-dropdown[data-v-cc6815c8] select{cursor:pointer;border-radius:.875rem;border-width:2px;font-weight:500}.unselected-dropdown[data-v-cc6815c8] select{--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.preset-option[data-v-cc6815c8] span.tw-w-full:first-child{border-width:2px;--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.selected-dropdown[data-v-cc6815c8] select,.selected-option[data-v-cc6815c8] span.tw-w-full:first-child{--tw-border-opacity: 1;border-color:rgba(var(--border-action),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--bg-secondary),var(--tw-bg-opacity, 1))}.button-ellipsis[data-v-cc6815c8] span>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

package/dist/vue/KvLendCta.js

@@ -1,22 +1,22 @@
 import C from "graphql-tag";
-import { mdiChevronRight as _ } from "@mdi/js";
-import { getLendCtaSelectedOption as B, getDropdownPriceArray as D } from "../utils/loanUtils.js";
+import { mdiChevronRight as b } from "@mdi/js";
+import { getLendCtaSelectedOption as g, 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 N from "./KvCartPill.js";
-import { resolveComponent as A, 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 p, Fragment as L, renderList as g } from "vue";
+import { resolveComponent as A, openBlock as i, createElementBlock as r, createBlock as a, withCtx as l, createElementVNode as u, createCommentVNode as d, normalizeClass as m, createTextVNode as w, toDisplayString as f, createVNode as V, withModifiers as y, Fragment as L, renderList as v } from "vue";
 import "./KvLendCta.css";
 import O from "../_virtual/_plugin-vue_export-helper.js";
-const k = "Other", ot = C`
+const k = "Other", it = C`
 	fragment KvLendCta on LoanBasic {
 		id
 		name
 		status
 		minNoteSize
 	}
-`, it = C`
+`, at = C`
 	fragment KvLendCtaUser on LoanBasic {
 		id
 		userProperties {
@@ -93,10 +93,6 @@ const k = "Other", ot = C`
       type: Boolean,
       default: !1
     },
-    enableHugeAmount: {
-      type: Boolean,
-      default: !1
-    },
     isVisitor: {
       type: Boolean,
       default: !0
@@ -137,9 +133,9 @@ const k = "Other", ot = C`
   data() {
     var t, n;
     return {
-      mdiChevronRight: _,
+      mdiChevronRight: b,
       defaultAmountOptions: [25, 50, 75],
-      selectedOption: B(
+      selectedOption: g(
         this.getCookie,
         this.setCookie,
         this.enableFiveDollarsNotes,
@@ -182,7 +178,6 @@ const k = "Other", ot = C`
         this.isCompleteLoanActive,
         t,
         this.enableFiveDollarsNotes,
-        this.enableHugeAmount,
         this.isVisitor
       );
       return this.maxAmount ? n.filter((s) => parseFloat(s) <= parseFloat(this.maxAmount)) : n;
@@ -276,12 +271,12 @@ const k = "Other", ot = C`
   },
   watch: {
     unreservedAmount(t, n) {
-      var s, y;
-      t !== n && n === "" && (this.selectedOption = B(
+      var s, p;
+      t !== n && n === "" && (this.selectedOption = g(
         this.getCookie,
         this.setCookie,
         this.enableFiveDollarsNotes,
-        (y = (s = this.route) == null ? void 0 : s.query) == null ? void 0 : y.utm_campaign,
+        (p = (s = this.route) == null ? void 0 : s.query) == null ? void 0 : p.utm_campaign,
         t,
         this.userBalance,
         this.fiveDollarsSelected,
@@ -348,23 +343,26 @@ const k = "Other", ot = C`
       );
     }
   }
-}, H = { class: "tw-whitespace-nowrap" }, K = {
+}, K = { class: "tw-whitespace-nowrap" }, R = {
   key: 3,
   class: "tw-w-full tw-text-center tw-rounded tw-p-2",
   style: { background: "#f1f1f1" }
-}, R = { class: "tw-flex" }, U = ["disabled"], E = ["value"], j = {
+}, U = { class: "tw-flex" }, E = ["disabled"], H = {
+  key: 0,
+  class: "tw-flex tw-gap-1 lg:tw-gap-2 tw-flex-wrap md:tw-flex-nowrap"
+}, j = ["value"], z = {
   key: 1,
   class: "amountDropdownWrapper"
-}, z = ["value"];
-function q(t, n, s, y, c, e) {
-  const b = A("kv-cart-pill"), m = A("kv-ui-button"), x = A("kv-material-icon"), v = A("kv-ui-select"), T = A("kv-lend-amount-button");
-  return i(), l("div", H, [
-    s.showPill && s.showPresetAmounts ? (i(), a(b, {
+}, q = ["value"];
+function Z(t, n, s, p, h, e) {
+  const x = A("kv-cart-pill"), c = A("kv-ui-button"), T = A("kv-material-icon"), B = A("kv-ui-select"), _ = A("kv-lend-amount-button");
+  return i(), r("div", K, [
+    s.showPill && s.showPresetAmounts ? (i(), a(x, {
       key: 0,
       "borrower-name": e.loanName,
       class: "!tw-w-full tw-justify-center tw-pb-2"
     }, {
-      icon: r(() => n[5] || (n[5] = [
+      icon: l(() => n[5] || (n[5] = [
         u("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           width: "25",
@@ -399,28 +397,28 @@ function q(t, n, s, y, c, e) {
       ])),
       _: 1
     }, 8, ["borrower-name"])) : d("", !0),
-    e.isInBasket ? (i(), a(m, {
+    e.isInBasket ? (i(), a(c, {
       key: 1,
       variant: "secondary",
-      class: h(["tw-inline-flex tw-flex-1", { "tw-w-full": s.showPresetAmounts }]),
+      class: m(["tw-inline-flex tw-flex-1", { "tw-w-full": s.showPresetAmounts }]),
       "data-testid": "bp-lend-cta-checkout-button",
       to: s.externalLinks ? void 0 : "/basket",
       href: s.externalLinks ? "/basket" : void 0,
       onClick: n[0] || (n[0] = (o) => e.clickSecondaryButton(o))
     }, {
-      default: r(() => [
-        f(w(e.loanInBasketButtonText), 1)
+      default: l(() => [
+        w(f(e.loanInBasketButtonText), 1)
       ]),
       _: 1
-    }, 8, ["class", "to", "href"])) : e.showNonActionableLoanButton ? (i(), a(m, {
+    }, 8, ["class", "to", "href"])) : e.showNonActionableLoanButton ? (i(), a(c, {
       key: 2,
       class: "tw-inline-flex tw-flex-1"
     }, {
-      default: r(() => [
-        f(w(e.ctaButtonText), 1)
+      default: l(() => [
+        w(f(e.ctaButtonText), 1)
       ]),
       _: 1
-    })) : e.isFunded ? (i(), l("div", K, " This loan was just funded! 🎉 ")) : s.showViewLoan ? (i(), a(m, {
+    })) : e.isFunded ? (i(), r("div", R, " This loan was just funded! 🎉 ")) : s.showViewLoan ? (i(), a(c, {
       key: 4,
       state: `${e.allSharesReserved ? "disabled" : ""}`,
       to: s.externalLinks ? void 0 : e.readMorePath,
@@ -428,122 +426,118 @@ function q(t, n, s, y, c, e) {
       class: "tw-mb-0",
       onClick: n[1] || (n[1] = (o) => t.$emit("show-loan-details", o))
     }, {
-      default: r(() => [
-        u("span", R, [
-          n[6] || (n[6] = f(" View loan ")),
-          V(x, {
+      default: l(() => [
+        u("span", U, [
+          n[6] || (n[6] = w(" View loan ")),
+          V(T, {
             class: "tw-w-3 tw-h-3 tw-align-middle",
-            icon: c.mdiChevronRight
+            icon: h.mdiChevronRight
           }, null, 8, ["icon"])
         ])
       ]),
       _: 1
-    }, 8, ["state", "to", "href"])) : e.useFormSubmit ? (i(), l("form", {
+    }, 8, ["state", "to", "href"])) : e.useFormSubmit ? (i(), r("form", {
       key: 5,
       class: "tw-w-full tw-flex",
-      onSubmit: n[4] || (n[4] = p((...o) => e.addToBasket && e.addToBasket(...o), ["prevent"]))
+      onSubmit: n[4] || (n[4] = y((...o) => e.addToBasket && e.addToBasket(...o), ["prevent"]))
     }, [
       u("fieldset", {
-        class: h(["tw-w-full tw-flex", {
+        class: m(["tw-w-full tw-flex", {
           "tw-flex-col md:tw-flex-row md:tw-justify-between tw-min-w-0": s.showPresetAmounts,
           "tw-gap-1.5": s.showPresetAmounts && !e.isLendAmountButton
         }]),
         disabled: s.isAdding,
         "data-testid": "bp-lend-cta-select-and-button"
       }, [
-        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": s.enableHugeAmount }])
-        }, [
-          e.isLendAmountButton ? d("", !0) : (i(!0), l(L, { key: 0 }, g(e.presetButtonsPrices, (o) => (i(), a(m, {
+        s.showPresetAmounts && !s.isAdding ? (i(), r("div", H, [
+          e.isLendAmountButton ? d("", !0) : (i(!0), r(L, { key: 0 }, v(e.presetButtonsPrices, (o) => (i(), a(c, {
             key: o,
             variant: "secondary",
-            class: h(["tw-inline-flex tw-flex-1 preset-option tw-w-8", { "selected-option": c.selectedOption == o }]),
+            class: m(["tw-inline-flex tw-flex-1 preset-option tw-w-8", { "selected-option": h.selectedOption == o }]),
             "data-testid": "bp-lend-cta-lend-button",
-            onClick: (Z) => e.clickPresetButton(o)
+            onClick: (G) => e.clickPresetButton(o)
           }, {
-            default: r(() => [
-              f(" $" + w(o), 1)
+            default: l(() => [
+              w(" $" + f(o), 1)
             ]),
             _: 2
           }, 1032, ["class", "onClick"]))), 128)),
-          e.showFilteredDropdown ? (i(), a(v, {
+          e.showFilteredDropdown ? (i(), a(B, {
             key: 1,
             id: `LoanAmountDropdown_${e.loanId}`,
-            modelValue: c.selectedDropdownOption,
+            modelValue: h.selectedDropdownOption,
             "onUpdate:modelValue": [
-              n[2] || (n[2] = (o) => c.selectedDropdownOption = o),
+              n[2] || (n[2] = (o) => h.selectedDropdownOption = o),
               e.trackLendAmountSelection
             ],
-            class: h(["tw-min-w-12 tw-rounded filtered-dropdown", {
+            class: m(["tw-min-w-12 tw-rounded filtered-dropdown tw-w-full", {
               "unselected-dropdown": !e.selectedDropdown,
-              "selected-dropdown": e.selectedDropdown,
-              "tw-w-full": s.enableHugeAmount
+              "selected-dropdown": e.selectedDropdown
             }]),
             "aria-label": "Lend amount",
-            onClick: p(e.clickDropdown, ["stop"])
+            onClick: y(e.clickDropdown, ["stop"])
           }, {
-            default: r(() => [
-              (i(!0), l(L, null, g(e.presetDropdownPrices, (o) => (i(), l("option", {
+            default: l(() => [
+              (i(!0), r(L, null, v(e.presetDropdownPrices, (o) => (i(), r("option", {
                 key: o,
                 value: o
-              }, w(o !== c.OTHER_OPTION ? `$${o}` : o), 9, E))), 128))
+              }, f(o !== h.OTHER_OPTION ? `$${o}` : o), 9, j))), 128))
             ]),
             _: 1
           }, 8, ["id", "modelValue", "class", "onUpdate:modelValue", "onClick"])) : d("", !0)
-        ], 2)) : s.showPresetAmounts ? d("", !0) : (i(), l("div", j, [
-          e.hideShowLendDropdown && !e.isLessThan25 ? (i(), a(v, {
+        ])) : s.showPresetAmounts ? d("", !0) : (i(), r("div", z, [
+          e.hideShowLendDropdown && !e.isLessThan25 ? (i(), a(B, {
             key: 0,
             id: `LoanAmountDropdown_${e.loanId}`,
-            modelValue: c.selectedOption,
+            modelValue: h.selectedOption,
             "onUpdate:modelValue": [
-              n[3] || (n[3] = (o) => c.selectedOption = o),
+              n[3] || (n[3] = (o) => h.selectedOption = o),
               e.trackLendAmountSelection
             ],
             class: "tw-min-w-12",
             style: { "border-radius": "14px 0 0 14px" },
             "aria-label": "Lend amount",
-            onClick: p(e.clickDropdown, ["stop"])
+            onClick: y(e.clickDropdown, ["stop"])
           }, {
-            default: r(() => [
-              (i(!0), l(L, null, g(e.prices, (o) => (i(), l("option", {
+            default: l(() => [
+              (i(!0), r(L, null, v(e.prices, (o) => (i(), r("option", {
                 key: o,
                 value: o
-              }, " $" + w(o), 9, z))), 128))
+              }, " $" + f(o), 9, q))), 128))
             ]),
             _: 1
           }, 8, ["id", "modelValue", "onUpdate:modelValue", "onClick"])) : d("", !0)
         ])),
         u("div", {
-          class: h({
+          class: m({
             "tw-min-w-0": s.showPresetAmounts,
             lendButtonWrapper: e.hideShowLendDropdown && !s.showPresetAmounts,
             "tw-hidden": e.hideLendButton
           })
         }, [
-          e.lendButtonVisibility && !e.isLessThan25 ? (i(), a(m, {
+          e.lendButtonVisibility && !e.isLessThan25 ? (i(), a(c, {
             key: "lendButton",
-            class: h(["tw-inline-flex tw-flex-1", { "button-ellipsis tw-w-full": s.showPresetAmounts }]),
+            class: m(["tw-inline-flex tw-flex-1", { "button-ellipsis tw-w-full": s.showPresetAmounts }]),
             "data-testid": "bp-lend-cta-lend-button",
             type: "submit"
           }, {
-            default: r(() => [
-              f(w(e.ctaButtonText), 1)
+            default: l(() => [
+              w(f(e.ctaButtonText), 1)
             ]),
             _: 1
-          }, 8, ["class"])) : e.showLendAgain ? (i(), a(m, {
+          }, 8, ["class"])) : e.showLendAgain ? (i(), a(c, {
             key: "lendAgainButton",
-            class: h(["lend-again", { "tw-w-full": s.showPresetAmounts }]),
+            class: m(["lend-again", { "tw-w-full": s.showPresetAmounts }]),
             "data-testid": "bp-lend-cta-lend-again-button",
             type: "submit"
           }, {
-            default: r(() => [
-              f(w(s.primaryButtonText || "Lend") + " again ", 1)
+            default: l(() => [
+              w(f(s.primaryButtonText || "Lend") + " again ", 1)
             ]),
             _: 1
           }, 8, ["class"])) : d("", !0)
         ], 2),
-        e.isLendAmountButton && !s.enableFiveDollarsNotes ? (i(), a(T, {
+        e.isLendAmountButton && !s.enableFiveDollarsNotes ? (i(), a(_, {
           key: 2,
           class: "tw-w-full",
           "loan-id": e.loanId,
@@ -552,22 +546,22 @@ function q(t, n, s, y, c, e) {
           "is-adding": s.isAdding,
           onAddToBasket: e.addToBasket
         }, null, 8, ["loan-id", "amount-left", "is-adding", "onAddToBasket"])) : d("", !0),
-        !s.isLoading && s.isAdding ? (i(), a(m, {
+        !s.isLoading && s.isAdding ? (i(), a(c, {
           key: 3,
           class: "tw-inline-flex tw-flex-1"
         }, {
-          default: r(() => n[7] || (n[7] = [
-            f(" Adding to basket ")
+          default: l(() => n[7] || (n[7] = [
+            w(" Adding to basket ")
           ])),
           _: 1
         })) : d("", !0)
-      ], 10, U)
+      ], 10, E)
     ], 32)) : d("", !0)
   ]);
 }
-const at = /* @__PURE__ */ O(M, [["render", q], ["__scopeId", "data-v-7d70fb6b"]]);
+const rt = /* @__PURE__ */ O(M, [["render", Z], ["__scopeId", "data-v-cc6815c8"]]);
 export {
-  ot as KV_LEND_CTA_FRAGMENT,
-  it as KV_LEND_CTA_USER_FRAGMENT,
-  at as default
+  it as KV_LEND_CTA_FRAGMENT,
+  at as KV_LEND_CTA_USER_FRAGMENT,
+  rt as default
 };

package/dist/vue/KvLoanActivities.css

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

package/dist/vue/KvLoanActivities.js

@@ -1,5 +1,5 @@
-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 C from "graphql-tag";
+import { toRefs as F, ref as K, computed as v, resolveComponent as b, openBlock as s, createElementBlock as d, createElementVNode as i, createVNode as g, toDisplayString as r, createCommentVNode as k, withCtx as A, Fragment as L, renderList as p, createBlock as M } from "vue";
 import B from "numeral";
 import { format as N } from "date-fns";
 import T from "./KvActivityRow.js";
@@ -7,7 +7,7 @@ import I from "./KvLightbox.js";
 import j from "./KvLendCta.js";
 import "./KvLoanActivities.css";
 import D from "../_virtual/_plugin-vue_export-helper.js";
-const nt = p`
+const nt = C`
 	fragment KvLoanActivities on LoanBasic {
 		id
 		lenders(limit: 0) {
@@ -100,10 +100,6 @@ const nt = p`
       type: Boolean,
       default: !1
     },
-    enableHugeAmount: {
-      type: Boolean,
-      default: !1
-    },
     isVisitor: {
       type: Boolean,
       default: !0
@@ -117,7 +113,7 @@ const nt = p`
       loan: a,
       combinedActivities: t,
       kvTrackFunction: e
-    } = F(f), r = K(!1), _ = v(() => {
+    } = F(f), c = K(!1), _ = v(() => {
       var o;
       return `Activity for ${(o = a.value) == null ? void 0 : o.name}`;
     }), u = v(() => {
@@ -127,24 +123,24 @@ const nt = p`
       var n, m;
       const o = ((m = (n = a.value) == null ? void 0 : n.loanFundraisingInfo) == null ? void 0 : m.fundedAmount) ?? 0;
       return B(parseFloat(o)).format("$0,0");
-    }), b = v(() => {
+    }), w = 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,
+      lightboxOpen: c,
       modalTitle: _,
       formattedDate: (o) => {
         const n = new Date(o);
         return N(n, "MMM d, yyyy");
       },
       showActivityModal: () => {
-        e.value("loan-card", "click", "see-all-activity"), r.value = !0;
+        e.value("loan-card", "click", "see-all-activity"), c.value = !0;
       },
       closeLightbox: () => {
-        r.value = !1;
+        c.value = !1;
       },
-      singleActivity: b,
+      singleActivity: w,
       lendersNumber: u,
       amountLent: y
     };
@@ -152,40 +148,40 @@ const nt = p`
 }, O = {
   key: 0,
   class: "loan-activity"
-}, 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 = {
+}, 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" }, G = { class: "tw-overflow-x-hidden tw-px-2 tw-pb-1" }, z = { class: "tw-text-center tw-text-h4" }, H = { class: "tw-flex tw-flex-col tw-gap-y-1" }, J = {
   key: 0,
   class: "tw-mt-1 tw-text-small tw-text-danger"
 }, 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");
+function Q(f, a, t, e, c, _) {
+  const u = b("KvActivityRow"), y = b("KvLendCta"), w = b("KvLightbox");
   return t.combinedActivities.length > 0 ? (s(), d("div", O, [
     i("div", R, [
-      w(u, { activity: e.singleActivity }, null, 8, ["activity"])
+      g(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),
+      e.lendersNumber && e.amountLent ? (s(), d("span", E, r(e.lendersNumber) + " lenders lent " + r(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 ")
     ]),
-    w(b, {
+    g(w, {
       title: "Activity Feed Modal",
       visible: e.lightboxOpen,
       onLightboxClosed: e.closeLightbox
     }, {
       header: A(() => [
-        i("h2", q, c(e.modalTitle), 1)
+        i("h2", q, r(e.modalTitle), 1)
       ]),
       default: A(() => [
-        i("div", H, [
-          (s(!0), d(L, null, C(t.combinedActivities, (l) => (s(), d("div", {
+        i("div", G, [
+          (s(!0), d(L, null, p(t.combinedActivities, (l) => (s(), d("div", {
             key: l.key,
             class: "md:tw-px-8 lg:tw-px-14 tw-mt-4"
           }, [
-            i("h4", G, c(e.formattedDate(l.key)), 1),
-            i("div", z, [
-              (s(!0), d(L, null, C(l.data, (h, x) => (s(), M(u, {
+            i("h4", z, r(e.formattedDate(l.key)), 1),
+            i("div", H, [
+              (s(!0), d(L, null, p(l.data, (h, x) => (s(), M(u, {
                 key: x,
                 activity: h
               }, null, 8, ["activity"]))), 128))
@@ -193,9 +189,9 @@ function Q(f, a, t, e, r, _) {
           ]))), 128))
         ]),
         i("div", null, [
-          t.errorMsg ? (s(), d("p", J, c(t.errorMsg), 1)) : k("", !0),
+          t.errorMsg ? (s(), d("p", J, r(t.errorMsg), 1)) : k("", !0),
           i("div", P, [
-            w(y, {
+            g(y, {
               loan: t.loan,
               "is-loading": !1,
               "kv-track-function": t.kvTrackFunction,
@@ -205,11 +201,10 @@ function Q(f, a, t, e, r, _) {
               "basket-items": t.basketItems,
               route: t.route,
               "is-adding": t.isAdding,
-              "enable-huge-amount": t.enableHugeAmount,
               "is-visitor": t.isVisitor,
               "enable-five-dollars-notes": t.enableFiveDollarsNotes,
               onAddToBasket: a[1] || (a[1] = (l) => f.$emit("add-to-basket", l))
-            }, null, 8, ["loan", "kv-track-function", "get-cookie", "set-cookie", "user-balance", "basket-items", "route", "is-adding", "enable-huge-amount", "is-visitor", "enable-five-dollars-notes"])
+            }, null, 8, ["loan", "kv-track-function", "get-cookie", "set-cookie", "user-balance", "basket-items", "route", "is-adding", "is-visitor", "enable-five-dollars-notes"])
           ])
         ])
       ]),
@@ -217,7 +212,7 @@ function Q(f, a, t, e, r, _) {
     }, 8, ["visible", "onLightboxClosed"])
   ])) : k("", !0);
 }
-const it = /* @__PURE__ */ D(V, [["render", Q], ["__scopeId", "data-v-a3adcb1a"]]);
+const it = /* @__PURE__ */ D(V, [["render", Q], ["__scopeId", "data-v-159396a6"]]);
 export {
   nt as KV_LOAN_ACTIVITIES_FRAGMENT,
   it as default

package/dist/vue/KvSideSheet.js

@@ -157,10 +157,10 @@ const le = {
       width: W.value
     }));
     g(t, (e) => {
-      e ? (document.addEventListener("keyup", R), a.value = {}, setTimeout(() => {
+      typeof window < "u" && (e ? (document.addEventListener("keyup", R), a.value = {}, setTimeout(() => {
         d.value = !0, T(), S();
-      }, 10)) : (d.value = !1, T(), document.removeEventListener("keyup", R), a.value = {});
-    }), g(W, (e) => {
+      }, 10)) : (d.value = !1, T(), document.removeEventListener("keyup", R), a.value = {}));
+    }, { immediate: !0 }), g(W, (e) => {
       d.value && t.value && a.value && Object.keys(a.value).length > 0 && (a.value = {
         ...a.value,
         width: e,

package/dist/vue/KvWideLoanCard.css

@@ -1 +1 @@
-.loan-card-use[data-v-060ff1b9]:hover,.loan-card-use[data-v-060ff1b9]: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-060ff1b9]{text-decoration-line:underline}.loan-card-progress[data-v-060ff1b9],.loan-card-progress[data-v-060ff1b9]:hover,.loan-card-progress[data-v-060ff1b9]:focus{text-decoration-line:none}.loan-callouts[data-v-060ff1b9] div{height:auto;flex-wrap:wrap}
+.loan-card-use[data-v-39f9535f]:hover,.loan-card-use[data-v-39f9535f]: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-39f9535f]{text-decoration-line:underline}.loan-card-progress[data-v-39f9535f],.loan-card-progress[data-v-39f9535f]:hover,.loan-card-progress[data-v-39f9535f]:focus{text-decoration-line:none}.loan-callouts[data-v-39f9535f] div{height:auto;flex-wrap:wrap}

package/dist/vue/KvWideLoanCard.js

@@ -3,16 +3,16 @@ import { LOAN_CALLOUTS_FRAGMENT as S, LOAN_GEOCODE_FRAGMENT as F, LOAN_PROGRESS_
 import U, { KV_LOAN_USE_FRAGMENT as W } from "./KvLoanUse.js";
 import z from "./KvBorrowerImage.js";
 import I from "./KvLoanProgressGroup.js";
-import H from "./KvLoanCallouts.js";
-import j, { KV_LEND_CTA_FRAGMENT as q, KV_LEND_CTA_USER_FRAGMENT as J } from "./KvLendCta.js";
+import j from "./KvLoanCallouts.js";
+import q, { KV_LEND_CTA_FRAGMENT as H, KV_LEND_CTA_USER_FRAGMENT as J } from "./KvLendCta.js";
 import Q, { KV_LOAN_BOOKMARK_FRAGMENT as X } from "./KvLoanBookmark.js";
 import Y, { KV_LOAN_TAG_FRAGMENT as Z } from "./KvLoanTag.js";
 import $ from "./KvMaterialIcon.js";
 import ee from "./KvLoadingPlaceholder.js";
-import { resolveComponent as r, openBlock as o, createElementBlock as s, normalizeClass as N, createElementVNode as m, createBlock as l, resolveDynamicComponent as f, withCtx as g, createVNode as d, createTextVNode as te, toDisplayString as M, createCommentVNode as u, Fragment as oe, renderList as ae } from "vue";
+import { resolveComponent as r, openBlock as o, createElementBlock as s, normalizeClass as N, createElementVNode as m, createBlock as l, resolveDynamicComponent as u, withCtx as g, createVNode as d, createTextVNode as te, toDisplayString as M, createCommentVNode as f, Fragment as oe, renderList as ae } from "vue";
 import "./KvWideLoanCard.css";
 import ne from "../_virtual/_plugin-vue_export-helper.js";
-const De = B`
+const pe = B`
 	fragment KvWideLoanCard on LoanBasic {
 		id
 		image {
@@ -27,13 +27,13 @@ const De = B`
 		...LoanGeocode
 		...LoanProgress
 	}
-	${q}
+	${H}
 	${Z}
 	${W}
 	${S}
 	${F}
 	${V}
-`, Te = B`
+`, De = B`
 	fragment KvWideLoanCardUser on LoanBasic {
 		id
 		...KvLendCtaUser
@@ -49,9 +49,9 @@ const De = B`
     KvLoanUse: U,
     KvLoanProgressGroup: I,
     KvMaterialIcon: $,
-    KvLendCta: j,
+    KvLendCta: q,
     KvLoanTag: Y,
-    KvLoanCallouts: H,
+    KvLoanCallouts: j,
     KvLoanBookmark: Q
   },
   props: {
@@ -134,10 +134,6 @@ const De = B`
     customCallouts: {
       type: Array,
       default: () => []
-    },
-    enableHugeAmount: {
-      type: Boolean,
-      default: !1
     }
   },
   setup(c, { emit: a }) {
@@ -160,9 +156,9 @@ const De = B`
       mdiMapMarker: K,
       readMorePath: P,
       state: R,
-      tag: D,
-      unreservedAmount: T,
-      sharesAvailable: p
+      tag: p,
+      unreservedAmount: D,
+      sharesAvailable: T
     } = O(c), {
       clickReadMore: E
     } = G(c, a);
@@ -185,9 +181,9 @@ const De = B`
       mdiMapMarker: K,
       readMorePath: P,
       state: R,
-      tag: D,
-      unreservedAmount: T,
-      sharesAvailable: p,
+      tag: p,
+      unreservedAmount: D,
+      sharesAvailable: T,
       clickReadMore: E
     };
   },
@@ -217,11 +213,11 @@ const De = B`
 }, se = { key: 0 }, de = {
   class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-p-1 tw-mb-0 tw-mr-2 tw-text-h4 tw-inline-flex tw-items-center",
   style: { padding: "2px 6px", "text-transform": "capitalize" }
-}, me = { class: "tw-flex tw-flex-col tw-flex-1 tw-px-1" }, ce = { class: "tw-hidden md:tw-inline-block" }, we = { class: "tw-pt-1" }, ue = {
+}, me = { class: "tw-flex tw-flex-col tw-flex-1 tw-px-1" }, ce = { class: "tw-hidden md:tw-inline-block" }, we = { class: "tw-pt-1" }, fe = {
   key: 0,
   class: "tw-w-full",
   style: { height: "5.5rem" }
-}, fe = { key: 1 }, ge = { class: "tw-flex tw-flex-row tw-justify-between tw-gap-1 md:tw-gap-3" }, ke = {
+}, ue = { key: 1 }, ge = { class: "tw-flex tw-flex-row tw-justify-between tw-gap-1 md:tw-gap-3" }, ke = {
   key: 0,
   class: "tw-w-full tw-pt-1 tw-pr-1"
 };
@@ -238,7 +234,7 @@ function he(c, a, t, e, C, w) {
         class: "tw-mb-1 tw-w-full tw-rounded",
         style: { height: "15rem" }
       })) : (o(), s("div", ie, [
-        (o(), l(f(e.tag), {
+        (o(), l(u(e.tag), {
           to: e.readMorePath,
           href: e.readMorePath,
           class: "tw-flex",
@@ -263,11 +259,11 @@ function he(c, a, t, e, C, w) {
                 }, null, 8, ["icon"]),
                 te(" " + M(e.formattedLocation), 1)
               ])
-            ])) : u("", !0)
+            ])) : f("", !0)
           ]),
           _: 1
         }, 8, ["to", "href"])),
-        t.isVisitor ? u("", !0) : (o(), l(_, {
+        t.isVisitor ? f("", !0) : (o(), l(_, {
           key: 0,
           "loan-id": t.loanId,
           "is-bookmarked": t.isBookmarked,
@@ -280,7 +276,7 @@ function he(c, a, t, e, C, w) {
     ]),
     m("div", me, [
       m("h3", ce, M(e.borrowerName), 1),
-      (o(), l(f(e.tag), {
+      (o(), l(u(e.tag), {
         to: e.readMorePath,
         href: e.readMorePath,
         class: "tw-flex tw-no-underline hover:tw-no-underline focus:tw-no-underline",
@@ -291,11 +287,11 @@ function he(c, a, t, e, C, w) {
           t.showTags && !e.isLoading ? (o(), l(v, {
             key: 0,
             loan: t.loan
-          }, null, 8, ["loan"])) : u("", !0)
+          }, null, 8, ["loan"])) : f("", !0)
         ]),
         _: 1
       }, 8, ["to", "href"])),
-      (o(), l(f(e.tag), {
+      (o(), l(u(e.tag), {
         to: e.readMorePath,
         href: e.readMorePath,
         class: "loan-card-use tw-no-underline tw-text-primary",
@@ -304,14 +300,14 @@ function he(c, a, t, e, C, w) {
       }, {
         default: g(() => [
           m("div", we, [
-            e.isLoading ? (o(), s("div", ue, [
+            e.isLoading ? (o(), s("div", fe, [
               (o(!0), s(oe, null, ae([...Array(4)], (n, x) => (o(), s("div", {
                 key: x,
                 class: "tw-h-2 tw-mb-1"
               }, [
                 d(i)
               ]))), 128))
-            ])) : (o(), s("div", fe, [
+            ])) : (o(), s("div", ue, [
               d(b, {
                 use: e.loanUse,
                 "loan-amount": e.loanAmount,
@@ -335,7 +331,7 @@ function he(c, a, t, e, C, w) {
         class: "loan-callouts tw-my-1.5"
       }, null, 8, ["callouts"])),
       m("div", ge, [
-        e.hasProgressData ? u("", !0) : (o(), s("div", ke, [
+        e.hasProgressData ? f("", !0) : (o(), s("div", ke, [
           d(i, {
             class: "tw-mb-0.5",
             style: { width: "70%", height: "1.3rem" }
@@ -345,7 +341,7 @@ function he(c, a, t, e, C, w) {
             style: { width: "70%", height: "0.5rem" }
           })
         ])),
-        e.sharesAvailable ? (o(), l(f(e.tag), {
+        e.sharesAvailable ? (o(), l(u(e.tag), {
           key: 1,
           to: e.readMorePath,
           href: e.readMorePath,
@@ -362,7 +358,7 @@ function he(c, a, t, e, C, w) {
             }, null, 8, ["money-left", "progress-percent"])
           ]),
           _: 1
-        }, 8, ["to", "href"])) : u("", !0),
+        }, 8, ["to", "href"])) : f("", !0),
         e.allDataLoaded ? (o(), l(A, {
           key: 3,
           loan: t.loan,
@@ -380,12 +376,11 @@ function he(c, a, t, e, C, w) {
           "user-balance": t.userBalance,
           "get-cookie": t.getCookie,
           "set-cookie": t.setCookie,
-          "enable-huge-amount": t.enableHugeAmount,
           "is-visitor": t.isVisitor,
           class: N(["tw-mt-auto tw-self-end", { "tw-flex-grow": !e.sharesAvailable, "tw-flex-shrink-0": e.sharesAvailable }]),
           onAddToBasket: a[5] || (a[5] = (n) => c.$emit("add-to-basket", n)),
           onShowLoanDetails: a[6] || (a[6] = (n) => e.clickReadMore("ViewLoan", n))
-        }, 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", "enable-huge-amount", "is-visitor", "class"])) : (o(), l(i, {
+        }, 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", "class"])) : (o(), l(i, {
           key: 2,
           class: "tw-rounded tw-self-start",
           style: { width: "9rem", height: "3rem" }
@@ -394,9 +389,9 @@ function he(c, a, t, e, C, w) {
     ])
   ], 2);
 }
-const pe = /* @__PURE__ */ ne(le, [["render", he], ["__scopeId", "data-v-060ff1b9"]]);
+const Te = /* @__PURE__ */ ne(le, [["render", he], ["__scopeId", "data-v-39f9535f"]]);
 export {
-  De as KV_WIDE_LOAN_CARD_FRAGMENT,
-  Te as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
-  pe as default
+  pe as KV_WIDE_LOAN_CARD_FRAGMENT,
+  De as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
+  Te as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.27.2",
+  "version": "6.28.1",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -111,5 +111,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "e3554736f4e5b3eee622d9c539a92467f047a32d"
+  "gitHead": "2758c45cc816393e6a246afa8075d699f0710202"
 }