@kiva/kv-components 5.3.1 → 5.3.3

package/dist/vue/KvLendCta.css

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

package/dist/vue/KvLendCta.js

@@ -4,7 +4,7 @@ import C from "./KvLendAmountButton.js";
 import _ from "./KvSelect.js";
 import D from "./KvButton.js";
 import P from "./KvMaterialIcon.js";
-import { resolveComponent as w, openBlock as i, createElementBlock as a, createBlock as l, normalizeClass as d, withCtx as r, createTextVNode as c, toDisplayString as m, createElementVNode as y, createVNode as S, withModifiers as A, Fragment as v, renderList as p, createCommentVNode as u } from "vue";
+import { resolveComponent as w, openBlock as i, createElementBlock as a, createBlock as l, normalizeClass as r, withCtx as d, createTextVNode as c, toDisplayString as m, createElementVNode as y, createVNode as S, withModifiers as A, Fragment as p, renderList as v, createCommentVNode as u } from "vue";
 import "./KvLendCta.css";
 import F from "../_virtual/_plugin-vue_export-helper.js";
 const I = {
@@ -219,7 +219,7 @@ const I = {
       return this.isAmountLessThan25(this.unreservedAmount) || this.isAmountBetween25And500(this.unreservedAmount);
     },
     isLendAmountButton() {
-      return (this.lendButtonVisibility || this.state === "lent-to") && this.isAmountLessThan25(this.unreservedAmount);
+      return (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";
@@ -235,6 +235,9 @@ const I = {
     },
     showFilteredDropdown() {
       return this.presetDropdownPrices.length > 1;
+    },
+    hideLendButton() {
+      return this.showPresetAmounts && (this.isAdding || this.presetButtonsPrices.length === 1);
     }
   },
   watch: {
@@ -325,13 +328,13 @@ function U(e, s, n, k, f, t) {
     t.isInBasket ? (i(), l(h, {
       key: 0,
       variant: "secondary",
-      class: d(["tw-inline-flex tw-flex-1", { "tw-w-full": n.showPresetAmounts }]),
+      class: r(["tw-inline-flex tw-flex-1", { "tw-w-full": n.showPresetAmounts }]),
       "data-testid": "bp-lend-cta-checkout-button",
       to: n.externalLinks ? void 0 : "/basket",
       href: n.externalLinks ? "/basket" : void 0,
       onClick: s[0] || (s[0] = (o) => t.clickSecondaryButton(o))
     }, {
-      default: r(() => [
+      default: d(() => [
         c(m(t.loanInBasketButtonText), 1)
       ]),
       _: 1
@@ -339,7 +342,7 @@ function U(e, s, n, k, f, t) {
       key: 1,
       class: "tw-inline-flex tw-flex-1"
     }, {
-      default: r(() => [
+      default: d(() => [
         c(m(t.ctaButtonText), 1)
       ]),
       _: 1
@@ -351,7 +354,7 @@ function U(e, s, n, k, f, t) {
       class: "tw-mb-0",
       onClick: s[1] || (s[1] = (o) => e.$emit("show-loan-details", o))
     }, {
-      default: r(() => [
+      default: d(() => [
         y("span", N, [
           s[5] || (s[5] = c(" View loan ")),
           S(L, {
@@ -367,22 +370,22 @@ function U(e, s, n, k, f, t) {
       onSubmit: s[4] || (s[4] = A((...o) => t.addToBasket && t.addToBasket(...o), ["prevent"]))
     }, [
       y("fieldset", {
-        class: d(["tw-w-full tw-flex", { "tw-flex-col tw-gap-1.5 md:tw-flex-row md:tw-justify-between": n.showPresetAmounts }]),
+        class: r(["tw-w-full tw-flex", { "tw-flex-col tw-gap-1.5 md:tw-flex-row md:tw-justify-between": n.showPresetAmounts }]),
         disabled: n.isAdding,
         "data-testid": "bp-lend-cta-select-and-button"
       }, [
-        n.showPresetAmounts ? (i(), a("div", {
+        n.showPresetAmounts && !n.isAdding ? (i(), a("div", {
           key: 0,
-          class: d(["tw-flex tw-gap-1 lg:tw-gap-2", { "tw-flex-wrap md:tw-flex-nowrap": n.enableHugeAmount }])
+          class: r(["tw-flex tw-gap-1 lg:tw-gap-2", { "tw-flex-wrap md:tw-flex-nowrap": n.enableHugeAmount }])
         }, [
-          t.isLendAmountButton ? u("", !0) : (i(!0), a(v, { key: 0 }, p(t.presetButtonsPrices, (o) => (i(), l(h, {
+          t.isLendAmountButton ? u("", !0) : (i(!0), a(p, { key: 0 }, v(t.presetButtonsPrices, (o) => (i(), l(h, {
             key: o,
             variant: "secondary",
-            class: d(["tw-inline-flex tw-flex-1 preset-option tw-w-8", { "selected-option": f.selectedOption == o }]),
+            class: r(["tw-inline-flex tw-flex-1 preset-option tw-w-8", { "selected-option": f.selectedOption == o }]),
             "data-testid": "bp-lend-cta-lend-button",
             onClick: (j) => t.clickPresetButton(o)
           }, {
-            default: r(() => [
+            default: d(() => [
               c(" $" + m(o), 1)
             ]),
             _: 2
@@ -395,7 +398,7 @@ function U(e, s, n, k, f, t) {
               s[2] || (s[2] = (o) => f.selectedDropdownOption = o),
               t.trackLendAmountSelection
             ],
-            class: d(["tw-min-w-12 tw-rounded filtered-dropdown", {
+            class: r(["tw-min-w-12 tw-rounded filtered-dropdown", {
               "unselected-dropdown": !t.selectedDropdown,
               "selected-dropdown": t.selectedDropdown,
               "tw-w-full": n.enableHugeAmount
@@ -403,8 +406,8 @@ function U(e, s, n, k, f, t) {
             "aria-label": "Lend amount",
             onClick: A(t.clickDropdown, ["stop"])
           }, {
-            default: r(() => [
-              (i(!0), a(v, null, p(t.presetDropdownPrices, (o) => (i(), a("option", {
+            default: d(() => [
+              (i(!0), a(p, null, v(t.presetDropdownPrices, (o) => (i(), a("option", {
                 key: o,
                 value: o
               }, m(o !== "Other" ? `$${o}` : o), 9, H))), 128))
@@ -425,8 +428,8 @@ function U(e, s, n, k, f, t) {
             "aria-label": "Lend amount",
             onClick: A(t.clickDropdown, ["stop"])
           }, {
-            default: r(() => [
-              (i(!0), a(v, null, p(t.prices, (o) => (i(), a("option", {
+            default: d(() => [
+              (i(!0), a(p, null, v(t.prices, (o) => (i(), a("option", {
                 key: o,
                 value: o
               }, " $" + m(o), 9, R))), 128))
@@ -435,28 +438,28 @@ function U(e, s, n, k, f, t) {
           }, 8, ["id", "modelValue", "onUpdate:modelValue", "onClick"])) : u("", !0)
         ])),
         y("div", {
-          class: d({
+          class: r({
             lendButtonWrapper: t.hideShowLendDropdown && !n.showPresetAmounts,
-            "tw-hidden": n.isAdding && n.showPresetAmounts
+            "tw-hidden": t.hideLendButton
           })
         }, [
           t.lendButtonVisibility && !t.isLessThan25 ? (i(), l(h, {
             key: "lendButton",
-            class: d(["tw-inline-flex tw-flex-1", { "tw-w-full": n.showPresetAmounts }]),
+            class: r(["tw-inline-flex tw-flex-1", { "tw-w-full": n.showPresetAmounts }]),
             "data-testid": "bp-lend-cta-lend-button",
             type: "submit"
           }, {
-            default: r(() => [
+            default: d(() => [
               c(m(t.ctaButtonText), 1)
             ]),
             _: 1
           }, 8, ["class"])) : t.showLendAgain ? (i(), l(h, {
             key: "lendAgainButton",
-            class: d(["lend-again", { "tw-w-full": n.showPresetAmounts }]),
+            class: r(["lend-again", { "tw-w-full": n.showPresetAmounts }]),
             "data-testid": "bp-lend-cta-lend-again-button",
             type: "submit"
           }, {
-            default: r(() => [
+            default: d(() => [
               c(m(n.primaryButtonText || "Lend") + " again ", 1)
             ]),
             _: 1
@@ -475,7 +478,7 @@ function U(e, s, n, k, f, t) {
           key: 3,
           class: "tw-inline-flex tw-flex-1"
         }, {
-          default: r(() => s[6] || (s[6] = [
+          default: d(() => s[6] || (s[6] = [
             c(" Adding to basket ")
           ])),
           _: 1
@@ -484,7 +487,7 @@ function U(e, s, n, k, f, t) {
     ], 32)) : u("", !0)
   ]);
 }
-const Z = /* @__PURE__ */ F(I, [["render", U], ["__scopeId", "data-v-e8a71378"]]);
+const Z = /* @__PURE__ */ F(I, [["render", U], ["__scopeId", "data-v-74dcdf98"]]);
 export {
   Z as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "5.3.1",
+  "version": "5.3.3",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -106,5 +106,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "88b1926c2f4cd748e6be886e11a5fd3843261cd2"
+  "gitHead": "ac1cad8ab1ea6d9d1274b97cf61febb26261d371"
 }