@kiva/kv-components 6.14.1 → 6.15.0

package/dist/assets/icons/bluesky.js

@@ -1,9 +1,9 @@
-const C = `M5.20211 3.41369C7.95289 5.46723 10.913 9.62944 11.9996 11.8624C13.0852 9.62857 16.0453
-    5.46636 18.7979 3.41369C20.7837 1.93325 24 0.787045 24 4.43303C24 5.161 23.5804 10.5517 23.3331 11.4275C22.4762
-    14.4698 19.3553 15.245 16.578 14.7751C21.4321 15.5958 22.667 18.3152 20.0001 21.0346C14.9358 26.1995 12.7213
-    19.7388 12.1541 18.0842C11.9898 17.6074 12.0146 17.5969 11.8459 18.0842C11.2787 19.7397 9.06415 26.1995 3.99985
-    21.0346C1.33299 18.3152 2.56793 15.5967 7.42199 14.7751C4.64471 15.245 1.52291 14.4689 0.666937 11.4275C0.419596
-    10.5517 0 5.161 0 4.43303C0 0.786169 3.2172 1.93237 5.20211 3.41369Z
+const C = `M6.90158 6.00978C8.96467 7.4766 11.1848 10.4496 11.9997 12.0446C12.8139 10.449 15.034
+    7.47597 17.0984 6.00978C18.5878 4.95232 21 4.1336 21 6.73788C21 7.25786 20.6853 11.1084 20.4998 11.7339C19.8571
+    13.907 17.5165 14.4607 15.4335 14.1251C19.0741 14.7113 20.0002 16.6537 18.0001 18.5962C14.2018 22.2854 12.541
+    17.6706 12.1156 16.4887C11.9924 16.1482 12.0109 16.1407 11.8844 16.4887C11.459 17.6712 9.79811 22.2854 5.99989
+    18.5962C3.99974 16.6537 4.92595 14.7119 8.56649 14.1251C6.48353 14.4607 4.14218 13.9064 3.5002 11.7339C3.3147
+    11.1084 3 7.25786 3 6.73788C3 4.13298 5.4129 4.95169 6.90158 6.00978Z
 `;
 export {
   C as KvBlueskyIcon

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.1",
+  "version": "6.15.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -111,5 +111,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "6c20b8e7fa9b609fbbcac4d9f606e03bd9eb4e72"
+  "gitHead": "fc3d3bc5b4c6f79106de5171f728cf404483d81b"
 }