@kiva/kv-components 6.14.2 → 6.15.0

package/dist/vue/KvLendCta.css

@@ -1 +1 @@
-.amountDropdownWrapper[data-v-1ac5c3c8] select{border-radius:14px 0 0 14px}.lend-again[data-v-1ac5c3c8] span{padding-left:0;padding-right:0;padding-left:.5rem;padding-right:.5rem}.lendButtonWrapper[data-v-1ac5c3c8] span:first-child{border-radius:0 14px 14px 0}.filtered-dropdown[data-v-1ac5c3c8] select{cursor:pointer;border-radius:.875rem;border-width:2px;font-weight:500}.unselected-dropdown[data-v-1ac5c3c8] select{--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.selected-dropdown[data-v-1ac5c3c8] select{--tw-border-opacity: 1;border-color:rgb(34 56 41 / var(--tw-border-opacity, 1))}.preset-option[data-v-1ac5c3c8] 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-option[data-v-1ac5c3c8] span.tw-w-full:first-child{--tw-border-opacity: 1;border-color:rgba(var(--border-action),var(--tw-border-opacity, 1))}
+.amountDropdownWrapper[data-v-e06394ac] select{border-radius:14px 0 0 14px}.lend-again[data-v-e06394ac] span{padding-left:0;padding-right:0;padding-left:.5rem;padding-right:.5rem}.lendButtonWrapper[data-v-e06394ac] span:first-child{border-radius:0 14px 14px 0}.filtered-dropdown[data-v-e06394ac] select{cursor:pointer;border-radius:.875rem;border-width:2px;font-weight:500}.unselected-dropdown[data-v-e06394ac] select{--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.selected-dropdown[data-v-e06394ac] select{--tw-border-opacity: 1;border-color:rgb(34 56 41 / var(--tw-border-opacity, 1))}.preset-option[data-v-e06394ac] 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-option[data-v-e06394ac] span.tw-w-full:first-child{--tw-border-opacity: 1;border-color:rgba(var(--border-action),var(--tw-border-opacity, 1))}

package/dist/vue/KvLendCta.js

@@ -1,12 +1,12 @@
 import C from "graphql-tag";
-import { mdiChevronRight as x } from "@mdi/js";
+import { mdiChevronRight as _ } from "@mdi/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 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 { 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 p, Fragment as L, renderList as g } from "vue";
 import "./KvLendCta.css";
 import O from "../_virtual/_plugin-vue_export-helper.js";
 const k = "Other", oe = C`
@@ -113,6 +113,14 @@ const k = "Other", oe = C`
       type: Function,
       default: void 0
     },
+    /**
+     * Hide preset buttons under this amount when
+     * showPresetAmounts is true
+     * */
+    maxAmount: {
+      type: String,
+      default: ""
+    },
     showPresetAmounts: {
       type: Boolean,
       default: !1
@@ -129,7 +137,7 @@ const k = "Other", oe = C`
   data() {
     var e, n;
     return {
-      mdiChevronRight: x,
+      mdiChevronRight: _,
       defaultAmountOptions: [25, 50, 75],
       selectedOption: B(
         this.getCookie,
@@ -169,8 +177,7 @@ const k = "Other", oe = C`
       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 D(
+      const e = parseFloat(this.unreservedAmount < 25 ? this.minNoteSize : 25), n = D(
         this.unreservedAmount,
         this.isCompleteLoanActive,
         e,
@@ -178,6 +185,7 @@ const k = "Other", oe = C`
         this.enableHugeAmount,
         this.isVisitor
       );
+      return this.maxAmount ? n.filter((s) => parseFloat(s) <= parseFloat(this.maxAmount)) : n;
     },
     presetButtonsPrices() {
       const e = this.prices.slice(0, 3);
@@ -241,7 +249,7 @@ const k = "Other", oe = C`
       return this.isAmountLessThan25(this.unreservedAmount) || this.isAmountBetween25And500(this.unreservedAmount);
     },
     isLendAmountButton() {
-      return (this.lendButtonVisibility || this.state === "lent-to") && this.isAmountLessThan25(this.unreservedAmount) || this.showPresetAmounts && this.presetButtonsPrices.length === 1 && !this.isAdding;
+      return this.maxAmount ? !1 : (this.lendButtonVisibility || this.state === "lent-to") && this.isAmountLessThan25(this.unreservedAmount) || this.showPresetAmounts && this.presetButtonsPrices.length === 1 && !this.isAdding;
     },
     isFunded() {
       return this.state === "funded" || this.state === "fully-reserved";
@@ -259,17 +267,17 @@ const k = "Other", oe = C`
       return this.presetDropdownPrices.length > 1;
     },
     hideLendButton() {
-      return this.showPresetAmounts && (this.isAdding || this.presetButtonsPrices.length === 1);
+      return this.maxAmount ? !1 : this.showPresetAmounts && (this.isAdding || this.presetButtonsPrices.length === 1);
     }
   },
   watch: {
     unreservedAmount(e, n) {
-      var s, L;
+      var s, A;
       e !== n && n === "" && (this.selectedOption = B(
         this.getCookie,
         this.setCookie,
         this.enableFiveDollarsNotes,
-        (L = (s = this.route) == null ? void 0 : s.query) == null ? void 0 : L.utm_campaign,
+        (A = (s = this.route) == null ? void 0 : s.query) == null ? void 0 : A.utm_campaign,
         e,
         this.userBalance,
         this.fiveDollarsSelected,
@@ -344,8 +352,8 @@ const k = "Other", oe = C`
   key: 1,
   class: "amountDropdownWrapper"
 }, z = ["value"];
-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");
+function q(e, n, s, A, c, t) {
+  const b = y("kv-cart-pill"), m = y("kv-ui-button"), T = y("kv-material-icon"), v = y("kv-ui-select"), x = y("kv-lend-amount-button");
   return i(), l("div", H, [
     s.showPill && s.showPresetAmounts ? (i(), a(b, {
       key: 0,
@@ -429,7 +437,7 @@ function q(e, n, s, L, c, t) {
     }, 8, ["state", "to", "href"])) : t.useFormSubmit ? (i(), l("form", {
       key: 5,
       class: "tw-w-full tw-flex",
-      onSubmit: n[4] || (n[4] = A((...o) => t.addToBasket && t.addToBasket(...o), ["prevent"]))
+      onSubmit: n[4] || (n[4] = p((...o) => t.addToBasket && t.addToBasket(...o), ["prevent"]))
     }, [
       u("fieldset", {
         class: h(["tw-w-full tw-flex", {
@@ -443,7 +451,7 @@ function q(e, n, s, L, c, t) {
           key: 0,
           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(g, { key: 0 }, p(t.presetButtonsPrices, (o) => (i(), a(m, {
+          t.isLendAmountButton ? d("", !0) : (i(!0), l(L, { key: 0 }, g(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 }]),
@@ -469,10 +477,10 @@ function q(e, n, s, L, c, t) {
               "tw-w-full": s.enableHugeAmount
             }]),
             "aria-label": "Lend amount",
-            onClick: A(t.clickDropdown, ["stop"])
+            onClick: p(t.clickDropdown, ["stop"])
           }, {
             default: r(() => [
-              (i(!0), l(g, null, p(t.presetDropdownPrices, (o) => (i(), l("option", {
+              (i(!0), l(L, null, g(t.presetDropdownPrices, (o) => (i(), l("option", {
                 key: o,
                 value: o
               }, w(o !== c.OTHER_OPTION ? `$${o}` : o), 9, E))), 128))
@@ -491,10 +499,10 @@ function q(e, n, s, L, c, t) {
             class: "tw-min-w-12",
             style: { "border-radius": "14px 0 0 14px" },
             "aria-label": "Lend amount",
-            onClick: A(t.clickDropdown, ["stop"])
+            onClick: p(t.clickDropdown, ["stop"])
           }, {
             default: r(() => [
-              (i(!0), l(g, null, p(t.prices, (o) => (i(), l("option", {
+              (i(!0), l(L, null, g(t.prices, (o) => (i(), l("option", {
                 key: o,
                 value: o
               }, " $" + w(o), 9, z))), 128))
@@ -530,7 +538,7 @@ function q(e, n, s, L, c, t) {
             _: 1
           }, 8, ["class"])) : d("", !0)
         ], 2),
-        t.isLendAmountButton && !s.enableFiveDollarsNotes ? (i(), a(_, {
+        t.isLendAmountButton && !s.enableFiveDollarsNotes ? (i(), a(x, {
           key: 2,
           class: "tw-w-full",
           "loan-id": t.loanId,
@@ -552,7 +560,7 @@ function q(e, n, s, L, c, t) {
     ], 32)) : d("", !0)
   ]);
 }
-const ae = /* @__PURE__ */ O(M, [["render", q], ["__scopeId", "data-v-1ac5c3c8"]]);
+const ae = /* @__PURE__ */ O(M, [["render", q], ["__scopeId", "data-v-e06394ac"]]);
 export {
   oe as KV_LEND_CTA_FRAGMENT,
   ie as KV_LEND_CTA_USER_FRAGMENT,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.14.2",
+  "version": "6.15.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -111,5 +111,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "a99f2d5f6d3157739316f6533029c18c913d9aa0"
+  "gitHead": "fc3d3bc5b4c6f79106de5171f728cf404483d81b"
 }