@kiva/kv-components 5.3.5 → 5.3.6

package/dist/vue/KvLendCta.css

@@ -1 +1 @@
-.amountDropdownWrapper[data-v-62cf823a] select{border-radius:14px 0 0 14px}.lend-again[data-v-62cf823a] span{padding-left:0;padding-right:0;padding-left:.5rem;padding-right:.5rem}.lendButtonWrapper[data-v-62cf823a] span:first-child{border-radius:0 14px 14px 0}.filtered-dropdown[data-v-62cf823a] select{cursor:pointer;border-radius:.875rem;border-width:2px;font-weight:500}.unselected-dropdown[data-v-62cf823a] select{--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.selected-dropdown[data-v-62cf823a] select{--tw-border-opacity: 1;border-color:rgb(34 56 41 / var(--tw-border-opacity, 1))}.preset-option[data-v-62cf823a] 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-62cf823a] span.tw-w-full:first-child{--tw-border-opacity: 1;border-color:rgba(var(--border-action),var(--tw-border-opacity, 1))}
+.amountDropdownWrapper[data-v-ca361825] select{border-radius:14px 0 0 14px}.lend-again[data-v-ca361825] span{padding-left:0;padding-right:0;padding-left:.5rem;padding-right:.5rem}.lendButtonWrapper[data-v-ca361825] span:first-child{border-radius:0 14px 14px 0}.filtered-dropdown[data-v-ca361825] select{cursor:pointer;border-radius:.875rem;border-width:2px;font-weight:500}.unselected-dropdown[data-v-ca361825] select{--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.selected-dropdown[data-v-ca361825] select{--tw-border-opacity: 1;border-color:rgb(34 56 41 / var(--tw-border-opacity, 1))}.preset-option[data-v-ca361825] 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-ca361825] 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,19 +1,19 @@
-import { mdiChevronRight as T } from "@mdi/js";
-import { getLendCtaSelectedOption as p, getDropdownPriceArray as x } from "../utils/loanUtils.js";
+import { mdiChevronRight as x } from "@mdi/js";
+import { getLendCtaSelectedOption as L, getDropdownPriceArray as _ } from "../utils/loanUtils.js";
 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 r, withCtx as d, createTextVNode as c, toDisplayString as m, createElementVNode as y, createVNode as S, withModifiers as A, Fragment as B, renderList as v, createCommentVNode as u } from "vue";
+import D from "./KvSelect.js";
+import P from "./KvButton.js";
+import S from "./KvMaterialIcon.js";
+import { resolveComponent as k, openBlock as i, createElementBlock as a, createBlock as l, normalizeClass as r, withCtx as d, createTextVNode as m, toDisplayString as f, createElementVNode as A, createVNode as I, withModifiers as B, Fragment as v, renderList as p, createCommentVNode as u } from "vue";
 import "./KvLendCta.css";
 import F from "../_virtual/_plugin-vue_export-helper.js";
-const I = {
+const w = "Other", O = {
   name: "KvLendCta",
   components: {
     KvLendAmountButton: C,
-    KvUiButton: D,
-    KvUiSelect: _,
-    KvMaterialIcon: P
+    KvUiButton: P,
+    KvUiSelect: D,
+    KvMaterialIcon: S
   },
   props: {
     loan: {
@@ -104,9 +104,9 @@ const I = {
   data() {
     var e, s, n;
     return {
-      mdiChevronRight: T,
+      mdiChevronRight: x,
       defaultAmountOptions: [25, 50, 75],
-      selectedOption: p(
+      selectedOption: L(
         this.getCookie,
         this.setCookie,
         this.enableFiveDollarsNotes,
@@ -115,7 +115,8 @@ const I = {
         this.userBalance,
         this.fiveDollarsSelected
       ),
-      selectedDropdownOption: "Other"
+      selectedDropdownOption: w,
+      OTHER_OPTION: w
     };
   },
   computed: {
@@ -148,7 +149,7 @@ const I = {
     },
     prices() {
       const e = parseFloat(this.unreservedAmount < 25 ? this.minNoteSize : 25);
-      return x(
+      return _(
         this.unreservedAmount,
         this.isCompleteLoanActive,
         e,
@@ -165,7 +166,7 @@ const I = {
       if (this.prices.length === 4)
         return [];
       const e = this.prices.slice(this.defaultAmountOptions.length);
-      return e.unshift("Other"), e;
+      return e.unshift(w), e;
     },
     loanName() {
       var e;
@@ -231,7 +232,7 @@ const I = {
       return this.isLentTo && !this.isLessThan25;
     },
     selectedDropdown() {
-      return this.selectedDropdownOption !== "Other";
+      return this.selectedDropdownOption !== w;
     },
     showFilteredDropdown() {
       return this.presetDropdownPrices.length > 1;
@@ -242,17 +243,17 @@ const I = {
   },
   watch: {
     unreservedAmount(e, s) {
-      var n, k;
-      e !== s && s === "" && (this.selectedOption = p(
+      var n, y;
+      e !== s && s === "" && (this.selectedOption = L(
         this.getCookie,
         this.setCookie,
         this.enableFiveDollarsNotes,
-        (k = (n = this.route) == null ? void 0 : n.query) == null ? void 0 : k.utm_campaign,
+        (y = (n = this.route) == null ? void 0 : n.query) == null ? void 0 : y.utm_campaign,
         e,
         this.userBalance,
         this.fiveDollarsSelected,
         this.showPresetAmounts
-      )), this.showPresetAmounts && (this.selectedOption = "Other");
+      )), this.showPresetAmounts && (this.selectedOption = w);
     }
   },
   methods: {
@@ -302,7 +303,7 @@ const I = {
         e,
         this.loanId,
         this.loanId
-      ), this.selectedOption = e;
+      ), this.selectedOption = e, this.selectedDropdownOption = w;
     },
     handleCheckout() {
       this.kvTrackFunction(
@@ -314,18 +315,18 @@ const I = {
       );
     }
   }
-}, V = { class: "tw-whitespace-nowrap" }, O = {
+}, N = { class: "tw-whitespace-nowrap" }, V = {
   key: 2,
   class: "tw-w-full tw-text-center tw-rounded tw-p-2",
   style: { background: "#f1f1f1" }
-}, N = { class: "tw-flex" }, M = ["disabled"], H = ["value"], K = {
+}, H = { class: "tw-flex" }, M = ["disabled"], R = ["value"], K = {
   key: 1,
   class: "amountDropdownWrapper"
-}, R = ["value"];
-function U(e, s, n, k, f, t) {
-  const h = w("kv-ui-button"), L = w("kv-material-icon"), g = w("kv-ui-select"), b = w("kv-lend-amount-button");
-  return i(), a("div", V, [
-    t.isInBasket ? (i(), l(h, {
+}, U = ["value"];
+function j(e, s, n, y, h, t) {
+  const c = k("kv-ui-button"), b = k("kv-material-icon"), g = k("kv-ui-select"), T = k("kv-lend-amount-button");
+  return i(), a("div", N, [
+    t.isInBasket ? (i(), l(c, {
       key: 0,
       variant: "secondary",
       class: r(["tw-inline-flex tw-flex-1", { "tw-w-full": n.showPresetAmounts }]),
@@ -335,18 +336,18 @@ function U(e, s, n, k, f, t) {
       onClick: s[0] || (s[0] = (o) => t.clickSecondaryButton(o))
     }, {
       default: d(() => [
-        c(m(t.loanInBasketButtonText), 1)
+        m(f(t.loanInBasketButtonText), 1)
       ]),
       _: 1
-    }, 8, ["class", "to", "href"])) : t.showNonActionableLoanButton ? (i(), l(h, {
+    }, 8, ["class", "to", "href"])) : t.showNonActionableLoanButton ? (i(), l(c, {
       key: 1,
       class: "tw-inline-flex tw-flex-1"
     }, {
       default: d(() => [
-        c(m(t.ctaButtonText), 1)
+        m(f(t.ctaButtonText), 1)
       ]),
       _: 1
-    })) : t.isFunded ? (i(), a("div", O, " This loan was just funded! 🎉 ")) : n.showViewLoan ? (i(), l(h, {
+    })) : t.isFunded ? (i(), a("div", V, " This loan was just funded! 🎉 ")) : n.showViewLoan ? (i(), l(c, {
       key: 3,
       state: `${t.allSharesReserved ? "disabled" : ""}`,
       to: n.externalLinks ? void 0 : t.readMorePath,
@@ -355,11 +356,11 @@ function U(e, s, n, k, f, t) {
       onClick: s[1] || (s[1] = (o) => e.$emit("show-loan-details", o))
     }, {
       default: d(() => [
-        y("span", N, [
-          s[5] || (s[5] = c(" View loan ")),
-          S(L, {
+        A("span", H, [
+          s[5] || (s[5] = m(" View loan ")),
+          I(b, {
             class: "tw-w-3 tw-h-3 tw-align-middle",
-            icon: f.mdiChevronRight
+            icon: h.mdiChevronRight
           }, null, 8, ["icon"])
         ])
       ]),
@@ -367,9 +368,9 @@ function U(e, s, n, k, f, t) {
     }, 8, ["state", "to", "href"])) : t.useFormSubmit ? (i(), a("form", {
       key: 4,
       class: "tw-w-full tw-flex",
-      onSubmit: s[4] || (s[4] = A((...o) => t.addToBasket && t.addToBasket(...o), ["prevent"]))
+      onSubmit: s[4] || (s[4] = B((...o) => t.addToBasket && t.addToBasket(...o), ["prevent"]))
     }, [
-      y("fieldset", {
+      A("fieldset", {
         class: r(["tw-w-full tw-flex", {
           "tw-flex-col md:tw-flex-row md:tw-justify-between": n.showPresetAmounts,
           "tw-gap-1.5": n.showPresetAmounts && !t.isLendAmountButton
@@ -381,24 +382,24 @@ function U(e, s, n, k, f, t) {
           key: 0,
           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(B, { key: 0 }, v(t.presetButtonsPrices, (o) => (i(), l(h, {
+          t.isLendAmountButton ? u("", !0) : (i(!0), a(v, { key: 0 }, p(t.presetButtonsPrices, (o) => (i(), l(c, {
             key: o,
             variant: "secondary",
-            class: r(["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": h.selectedOption == o }]),
             "data-testid": "bp-lend-cta-lend-button",
-            onClick: (j) => t.clickPresetButton(o)
+            onClick: (z) => t.clickPresetButton(o)
           }, {
             default: d(() => [
-              c(" $" + m(o), 1)
+              m(" $" + f(o), 1)
             ]),
             _: 2
           }, 1032, ["class", "onClick"]))), 128)),
           t.showFilteredDropdown ? (i(), l(g, {
             key: 1,
             id: `LoanAmountDropdown_${t.loanId}`,
-            modelValue: f.selectedDropdownOption,
+            modelValue: h.selectedDropdownOption,
             "onUpdate:modelValue": [
-              s[2] || (s[2] = (o) => f.selectedDropdownOption = o),
+              s[2] || (s[2] = (o) => h.selectedDropdownOption = o),
               t.trackLendAmountSelection
             ],
             class: r(["tw-min-w-12 tw-rounded filtered-dropdown", {
@@ -407,13 +408,13 @@ function U(e, s, n, k, f, t) {
               "tw-w-full": n.enableHugeAmount
             }]),
             "aria-label": "Lend amount",
-            onClick: A(t.clickDropdown, ["stop"])
+            onClick: B(t.clickDropdown, ["stop"])
           }, {
             default: d(() => [
-              (i(!0), a(B, null, v(t.presetDropdownPrices, (o) => (i(), a("option", {
+              (i(!0), a(v, null, p(t.presetDropdownPrices, (o) => (i(), a("option", {
                 key: o,
                 value: o
-              }, m(o !== "Other" ? `$${o}` : o), 9, H))), 128))
+              }, f(o !== h.OTHER_OPTION ? `$${o}` : o), 9, R))), 128))
             ]),
             _: 1
           }, 8, ["id", "modelValue", "class", "onUpdate:modelValue", "onClick"])) : u("", !0)
@@ -421,54 +422,54 @@ function U(e, s, n, k, f, t) {
           t.hideShowLendDropdown && !t.isLessThan25 ? (i(), l(g, {
             key: 0,
             id: `LoanAmountDropdown_${t.loanId}`,
-            modelValue: f.selectedOption,
+            modelValue: h.selectedOption,
             "onUpdate:modelValue": [
-              s[3] || (s[3] = (o) => f.selectedOption = o),
+              s[3] || (s[3] = (o) => h.selectedOption = o),
               t.trackLendAmountSelection
             ],
             class: "tw-min-w-12",
             style: { "border-radius": "14px 0 0 14px" },
             "aria-label": "Lend amount",
-            onClick: A(t.clickDropdown, ["stop"])
+            onClick: B(t.clickDropdown, ["stop"])
           }, {
             default: d(() => [
-              (i(!0), a(B, null, v(t.prices, (o) => (i(), a("option", {
+              (i(!0), a(v, null, p(t.prices, (o) => (i(), a("option", {
                 key: o,
                 value: o
-              }, " $" + m(o), 9, R))), 128))
+              }, " $" + f(o), 9, U))), 128))
             ]),
             _: 1
           }, 8, ["id", "modelValue", "onUpdate:modelValue", "onClick"])) : u("", !0)
         ])),
-        y("div", {
+        A("div", {
           class: r({
             lendButtonWrapper: t.hideShowLendDropdown && !n.showPresetAmounts,
             "tw-hidden": t.hideLendButton
           })
         }, [
-          t.lendButtonVisibility && !t.isLessThan25 ? (i(), l(h, {
+          t.lendButtonVisibility && !t.isLessThan25 ? (i(), l(c, {
             key: "lendButton",
             class: r(["tw-inline-flex tw-flex-1", { "tw-w-full": n.showPresetAmounts }]),
             "data-testid": "bp-lend-cta-lend-button",
             type: "submit"
           }, {
             default: d(() => [
-              c(m(t.ctaButtonText), 1)
+              m(f(t.ctaButtonText), 1)
             ]),
             _: 1
-          }, 8, ["class"])) : t.showLendAgain ? (i(), l(h, {
+          }, 8, ["class"])) : t.showLendAgain ? (i(), l(c, {
             key: "lendAgainButton",
             class: r(["lend-again", { "tw-w-full": n.showPresetAmounts }]),
             "data-testid": "bp-lend-cta-lend-again-button",
             type: "submit"
           }, {
             default: d(() => [
-              c(m(n.primaryButtonText || "Lend") + " again ", 1)
+              m(f(n.primaryButtonText || "Lend") + " again ", 1)
             ]),
             _: 1
           }, 8, ["class"])) : u("", !0)
         ], 2),
-        t.isLendAmountButton && !n.enableFiveDollarsNotes ? (i(), l(b, {
+        t.isLendAmountButton && !n.enableFiveDollarsNotes ? (i(), l(T, {
           key: 2,
           class: "tw-w-full",
           "loan-id": t.loanId,
@@ -477,12 +478,12 @@ function U(e, s, n, k, f, t) {
           "is-adding": n.isAdding,
           onAddToBasket: t.addToBasket
         }, null, 8, ["loan-id", "amount-left", "is-adding", "onAddToBasket"])) : u("", !0),
-        !n.isLoading && n.isAdding ? (i(), l(h, {
+        !n.isLoading && n.isAdding ? (i(), l(c, {
           key: 3,
           class: "tw-inline-flex tw-flex-1"
         }, {
           default: d(() => s[6] || (s[6] = [
-            c(" Adding to basket ")
+            m(" Adding to basket ")
           ])),
           _: 1
         })) : u("", !0)
@@ -490,7 +491,7 @@ function U(e, s, n, k, f, t) {
     ], 32)) : u("", !0)
   ]);
 }
-const Z = /* @__PURE__ */ F(I, [["render", U], ["__scopeId", "data-v-62cf823a"]]);
+const $ = /* @__PURE__ */ F(O, [["render", j], ["__scopeId", "data-v-ca361825"]]);
 export {
-  Z as default
+  $ as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "5.3.5",
+  "version": "5.3.6",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -106,5 +106,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "edf2d18c4c65660427738f7ddfa8bb1ae0e71ddb"
+  "gitHead": "652c8676b14247fe6c5fc084ef705781e3f73b6f"
 }