@kiva/kv-components 10.5.1 → 10.6.1

package/dist/vue/KvFormAssemblyForm2.js

@@ -1,4 +0,0 @@
-import f from "./KvFormAssemblyForm.js";
-export {
-  f as default
-};

package/dist/vue/KvIconButton2.js

@@ -1,4 +0,0 @@
-import f from "./KvIconButton.js";
-export {
-  f as default
-};

package/dist/vue/KvIntroductionLoanCard2.js

@@ -1,250 +0,0 @@
-import P from "./KvIntroductionLoanCard.js";
-import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as ot, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as at } from "./KvIntroductionLoanCard.js";
-import { resolveComponent as i, openBlock as e, createElementBlock as n, normalizeStyle as R, normalizeClass as _, createElementVNode as d, createBlock as o, resolveDynamicComponent as g, withCtx as w, createVNode as s, Suspense as A, toDisplayString as f, createTextVNode as p, createCommentVNode as c, Fragment as T, renderList as I } from "vue";
-import "./KvIntroductionLoanCard.css";
-import B from "../_virtual/_plugin-vue_export-helper.js";
-const D = { class: "tw-grow" }, z = { class: "loan-card-active-hover" }, V = {
-  key: 1,
-  style: { height: "11rem" },
-  class: "tw-relative tw-overflow-hidden"
-}, O = { key: 0 }, S = {
-  class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-p-1 tw-mb-0 tw-text-label tw-flex tw-items-center tw-h-3 !tw-capitalize",
-  style: { padding: "2px 6px", "max-width": "calc(100% - 1rem)" }
-}, E = ["id"], F = {
-  key: 3,
-  class: "tw-flex tw-justify-center tw-gap-2"
-}, U = {
-  key: 0,
-  class: "tw-w-full",
-  style: { height: "5.5rem" }
-}, W = { key: 1 }, j = { class: "tw-px-2" }, K = {
-  key: 0,
-  class: "tw-w-full tw-pr-1"
-}, G = { class: "tw-flex tw-justify-between" }, H = {
-  key: 2,
-  class: "tw-bg-eco-green-1 tw-text-action tw-text-center tw-py-1.5",
-  style: { "font-weight": "bold", "font-size": "13px", "border-radius": "8px" }
-};
-function q(k, a, m, t, J, h) {
-  const r = i("kv-loading-placeholder"), u = i("kv-borrower-image"), y = i("kv-flag"), b = i("kv-tooltip"), v = i("kv-loan-bookmark"), x = i("kv-loan-callouts"), C = i("kv-loan-use"), L = i("kv-loan-progress-group"), M = i("kv-loan-tag");
-  return e(), n("div", {
-    class: _(["tw-flex tw-flex-col tw-bg-white tw-rounded tw-w-full tw-pb-2", { "tw-pointer-events-none": t.isLoading }]),
-    "data-testid": "loan-card",
-    style: R([{ "box-shadow": "0px 4px 8px 0px rgba(0, 0, 0, 0.38)" }, { minWidth: "230px", maxWidth: h.cardWidth }])
-  }, [
-    d("div", D, [
-      d("div", z, [
-        t.isLoading ? (e(), o(r, {
-          key: 0,
-          class: "tw-w-full tw-rounded-t",
-          style: { height: "11rem" }
-        })) : (e(), n("div", V, [
-          (e(), o(g(t.tag), {
-            to: t.readMorePath,
-            href: t.readMorePath,
-            class: "tw-flex",
-            "aria-label": "Borrower image",
-            onClick: a[0] || (a[0] = (l) => t.clickReadMore("Photo", l))
-          }, {
-            default: w(() => [
-              s(u, {
-                class: "tw-relative tw-w-full tw-bg-black tw-rounded-t borrower-image tw-bg-clip-content",
-                alt: `Photo of ${t.borrowerName}`,
-                "aspect-ratio": h.imageAspectRatio,
-                "default-image": { width: h.imageDefaultWidth },
-                hash: t.imageHash,
-                images: h.imageSizes,
-                "photo-path": m.photoPath
-              }, null, 8, ["alt", "aspect-ratio", "default-image", "hash", "images", "photo-path"]),
-              t.countryName ? (e(), n("div", O, [
-                d("p", S, [
-                  (e(), o(A, null, {
-                    default: w(() => [
-                      s(y, {
-                        class: "tw-ml-0.5 tw-mr-1 tw-flex-shrink-0",
-                        country: t.countryCode,
-                        name: t.countryName,
-                        "width-override": "16px",
-                        "hide-border": ""
-                      }, null, 8, ["country", "name"])
-                    ]),
-                    _: 1
-                  })),
-                  d("span", {
-                    id: `loan-location-${m.loanId}`,
-                    ref: "locationRef",
-                    class: "tw-truncate tw-min-w-0",
-                    style: { "margin-top": "0.125rem" }
-                  }, f(t.formattedLocation), 9, E),
-                  t.isLocationTruncated ? (e(), o(b, {
-                    key: 0,
-                    controller: `loan-location-${m.loanId}`,
-                    "max-width": "250px"
-                  }, {
-                    default: w(() => [
-                      p(f(t.formattedLocation), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["controller"])) : c("", !0)
-                ])
-              ])) : c("", !0)
-            ]),
-            _: 1
-          }, 8, ["to", "href"])),
-          m.isVisitor ? c("", !0) : (e(), o(v, {
-            key: 0,
-            "loan-id": m.loanId,
-            "is-bookmarked": m.isBookmarked,
-            class: "loan-bookmark tw-absolute tw-right-1.5 tw-top-0",
-            "data-testid": "loan-card-bookmark",
-            onToggleBookmark: a[1] || (a[1] = (l) => k.$emit("toggle-bookmark"))
-          }, null, 8, ["loan-id", "is-bookmarked"]))
-        ])),
-        t.isLoading || typeof t.loanCallouts > "u" ? (e(), o(r, {
-          key: 2,
-          class: "tw-mt-1 tw-mx-auto",
-          style: { width: "60%", height: "1.75rem", "border-radius": "500rem" }
-        })) : c("", !0),
-        (e(), o(g(t.tag), {
-          to: t.readMorePath,
-          href: t.readMorePath,
-          "aria-label": "Borrower name",
-          class: "!tw-text-primary tw-no-underline",
-          onClick: a[2] || (a[2] = (l) => t.clickReadMore("Name", l))
-        }, {
-          default: w(() => [
-            d("h3", {
-              class: _(["loan-card-name tw-text-title", { "tw-text-center": t.borrowerName.length < 20 }]),
-              style: { "font-size": "28px" }
-            }, f(t.borrowerName), 3)
-          ]),
-          _: 1
-        }, 8, ["to", "href"])),
-        t.isLoading ? (e(), n("div", F, [
-          t.isLoading || typeof t.loanCallouts > "u" ? (e(), o(r, {
-            key: 0,
-            class: "tw-mt-0.5 tw-mb-1",
-            style: { width: "20%", height: "1.65rem", "border-radius": "500rem" }
-          })) : c("", !0),
-          t.isLoading || typeof t.loanCallouts > "u" ? (e(), o(r, {
-            key: 1,
-            class: "tw-mt-0.5 tw-mb-1",
-            style: { width: "20%", height: "1.65rem", "border-radius": "500rem" }
-          })) : c("", !0),
-          t.isLoading || typeof t.loanCallouts > "u" ? (e(), o(r, {
-            key: 2,
-            class: "tw-mt-0.5 tw-mb-1",
-            style: { width: "20%", height: "1.65rem", "border-radius": "500rem" }
-          })) : c("", !0)
-        ])) : (e(), o(g(t.tag), {
-          key: 4,
-          to: t.readMorePath,
-          href: t.readMorePath,
-          class: "tw-flex tw-no-underline hover:tw-no-underline focus:tw-no-underline tw-justify-center",
-          "aria-label": "Loan tag",
-          onClick: a[3] || (a[3] = (l) => t.clickReadMore("Tag", l))
-        }, {
-          default: w(() => [
-            s(x, {
-              callouts: t.loanCallouts,
-              "add-bg-color": !1,
-              class: "loan-callouts"
-            }, null, 8, ["callouts"])
-          ]),
-          _: 1
-        }, 8, ["to", "href"])),
-        (e(), o(g(t.tag), {
-          to: t.readMorePath,
-          href: t.readMorePath,
-          class: "loan-card-use tw-text-primary tw-no-underline",
-          "aria-label": "Loan use",
-          onClick: a[4] || (a[4] = (l) => t.clickReadMore("Use", l))
-        }, {
-          default: w(() => [
-            d("div", {
-              class: _(["tw-pt-0.5 tw-px-2", { "tw-mb-1.5": !t.isLoading }])
-            }, [
-              t.isLoading ? (e(), n("div", U, [
-                (e(!0), n(T, null, I([...Array(3)], (l, N) => (e(), n("div", {
-                  key: N,
-                  class: "tw-h-2 tw-mb-1"
-                }, [
-                  s(r)
-                ]))), 128))
-              ])) : (e(), n("div", W, [
-                s(C, {
-                  use: t.loanUse,
-                  "loan-amount": t.loanAmount,
-                  status: t.loanStatus,
-                  "borrower-count": t.loanBorrowerCount,
-                  name: t.borrowerName,
-                  "distribution-model": t.distributionModel,
-                  "hide-loan-amount": "",
-                  class: "!tw-line-clamp-3"
-                }, null, 8, ["use", "loan-amount", "status", "borrower-count", "name", "distribution-model"])
-              ]))
-            ], 2)
-          ]),
-          _: 1
-        }, 8, ["to", "href"]))
-      ])
-    ]),
-    d("div", j, [
-      t.hasProgressData ? c("", !0) : (e(), n("div", K, [
-        d("div", G, [
-          s(r, {
-            class: "tw-mb-0.5",
-            style: { width: "20%", height: "1.3rem" }
-          }),
-          s(r, {
-            class: "tw-mb-0.5",
-            style: { width: "20%", height: "1.3rem" }
-          })
-        ]),
-        s(r, {
-          class: "tw-rounded",
-          style: { width: "100%", height: "0.5rem" }
-        })
-      ])),
-      d("div", null, [
-        t.sharesAvailable ? (e(), o(g(t.tag), {
-          key: 0,
-          to: t.readMorePath,
-          href: t.readMorePath,
-          class: "loan-card-progress tw-mt-1",
-          "aria-label": "Loan progress",
-          onClick: a[5] || (a[5] = (l) => t.clickReadMore("Progress", l))
-        }, {
-          default: w(() => [
-            s(L, {
-              id: "loanProgress",
-              "money-left": t.unreservedAmount,
-              "amount-goal": t.loanAmount,
-              "progress-percent": t.fundraisingPercent,
-              class: "tw-text-secondary"
-            }, null, 8, ["money-left", "amount-goal", "progress-percent"])
-          ]),
-          _: 1
-        }, 8, ["to", "href"])) : c("", !0)
-      ]),
-      t.isLoading ? (e(), o(r, {
-        key: 1,
-        class: "tw-rounded tw-mx-auto tw-mt-2",
-        style: { width: "9rem", height: "1rem" }
-      })) : h.isFunded ? (e(), n("div", H, " 🎉 Fully funded! ")) : (e(), o(M, {
-        key: 3,
-        loan: m.loan,
-        "use-expanded-styles": !0,
-        "enable-multi-matching": m.enableMultiMatching,
-        style: { "font-size": "15px" },
-        class: "tw-text-center tw-pt-2"
-      }, null, 8, ["loan", "enable-multi-matching"]))
-    ])
-  ], 6);
-}
-const $ = /* @__PURE__ */ B(P, [["render", q], ["__scopeId", "data-v-2e03cf82"]]);
-export {
-  ot as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
-  at as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
-  $ as default
-};

package/dist/vue/KvLendCta2.js

@@ -1,357 +0,0 @@
-import P from "./KvLendCta.js";
-import { KV_LEND_CTA_FRAGMENT as oe, KV_LEND_CTA_USER_FRAGMENT as se } from "./KvLendCta.js";
-import { resolveComponent as A, openBlock as l, createElementBlock as s, createBlock as r, withCtx as w, createTextVNode as f, toDisplayString as a, createElementVNode as c, createVNode as b, withModifiers as D, normalizeClass as u, Fragment as k, renderList as _, createCommentVNode as i } from "vue";
-import "./KvLendCta.css";
-import y from "../_virtual/_plugin-vue_export-helper.js";
-const N = {
-  ref: "root",
-  class: "tw-whitespace-nowrap"
-}, g = {
-  key: 2,
-  class: "tw-w-full tw-text-center tw-rounded tw-p-2",
-  style: { background: "#f1f1f1" }
-}, T = { class: "tw-flex tw-items-center" }, V = ["disabled"], O = {
-  key: 0,
-  class: "md:tw-hidden tw-w-full"
-}, R = { class: "tw-flex tw-flex-col tw-gap-1 tw-w-full" }, C = { class: "tw-flex tw-gap-1 tw-w-full" }, I = ["value"], E = { class: "tw-flex tw-gap-1" }, p = ["value"], S = { class: "tw-flex tw-items-center tw-h-full tw-w-full" }, W = { class: "tw-min-w-0 tw-flex-1 tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap" }, U = {
-  key: 1,
-  class: "tw-w-full"
-}, F = { class: "tw-flex tw-flex-col tw-gap-1 tw-w-full" }, M = { class: "tw-flex tw-gap-1 tw-w-full" }, K = ["value"], H = { class: "tw-flex tw-gap-1" }, j = ["value"], G = { class: "tw-flex tw-items-center tw-h-full tw-w-full" }, z = { class: "tw-min-w-0 tw-flex-1 tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap" }, q = ["value"], J = {
-  key: 3,
-  class: "amountDropdownWrapper"
-}, Q = ["value"];
-function X(v, o, n, Y, d, e) {
-  const m = A("kv-ui-button"), B = A("kv-material-icon"), h = A("kv-ui-select"), L = A("kv-lend-amount-button");
-  return l(), s("div", N, [
-    e.isInBasket ? (l(), r(m, {
-      key: 0,
-      variant: "secondary",
-      class: "tw-inline-flex tw-flex-1 tw-w-full tw-cursor-pointer",
-      "data-testid": "bp-lend-cta-checkout-button",
-      to: n.externalLinks ? void 0 : "/basket",
-      href: n.externalLinks ? "/basket" : void 0,
-      onClick: o[0] || (o[0] = (t) => e.clickSecondaryButton(t))
-    }, {
-      default: w(() => [
-        f(a(e.loanInBasketButtonText), 1)
-      ]),
-      _: 1
-    }, 8, ["to", "href"])) : e.showNonActionableLoanButton ? (l(), r(m, {
-      key: 1,
-      class: "tw-inline-flex tw-flex-1"
-    }, {
-      default: w(() => [
-        f(a(e.ctaButtonText), 1)
-      ]),
-      _: 1
-    })) : e.isFunded ? (l(), s("div", g, " This loan was just funded! 🎉 ")) : n.showViewLoan ? (l(), r(m, {
-      key: 3,
-      state: `${e.allSharesReserved ? "disabled" : ""}`,
-      to: n.externalLinks ? void 0 : e.readMorePath,
-      href: n.externalLinks ? e.readMorePath : void 0,
-      class: "tw-mb-0 tw-cursor-pointer",
-      onClick: o[1] || (o[1] = (t) => v.$emit("show-loan-details", t))
-    }, {
-      default: w(() => [
-        c("span", T, [
-          o[9] || (o[9] = f(" View loan ")),
-          b(B, {
-            class: "tw-w-3 tw-h-3",
-            icon: d.mdiChevronRight
-          }, null, 8, ["icon"])
-        ])
-      ]),
-      _: 1
-    }, 8, ["state", "to", "href"])) : e.useFormSubmit ? (l(), s("form", {
-      key: 4,
-      class: "tw-w-full tw-flex",
-      onSubmit: o[8] || (o[8] = D((...t) => e.addToBasket && e.addToBasket(...t), ["prevent"]))
-    }, [
-      c("fieldset", {
-        class: u(["tw-w-full tw-flex", {
-          "tw-flex-col md:tw-flex-row md:tw-justify-between tw-min-w-0": n.showPresetAmounts && !e.isNarrowDesktop,
-          "tw-flex-col tw-min-w-0": n.showPresetAmounts && e.isNarrowDesktop,
-          "tw-gap-1.5": n.showPresetAmounts && !e.isLendAmountButton && !n.isAdding && !e.isNarrowDesktop
-        }]),
-        disabled: n.isAdding,
-        "data-testid": "bp-lend-cta-select-and-button"
-      }, [
-        n.showPresetAmounts && !n.isAdding && !e.isLendAmountButton && e.presetButtonsPrices.length > 1 && !e.isNarrowDesktop ? (l(), s("div", O, [
-          c("div", R, [
-            c("div", C, [
-              (l(!0), s(k, null, _(e.presetButtonsPrices, (t) => (l(), r(m, {
-                key: t,
-                variant: "secondary",
-                class: u(["preset-option tw-flex-1 tw-min-w-0 tw-whitespace-nowrap", { "selected-option": d.selectedOption == t }]),
-                "data-testid": "bp-lend-cta-lend-button-mobile",
-                onClick: (x) => e.clickPresetButton(t)
-              }, {
-                default: w(() => [
-                  f(" $ " + a(t), 1)
-                ]),
-                _: 2
-              }, 1032, ["class", "onClick"]))), 128)),
-              e.showFilteredDropdown && d.viewportWidth >= d.MOBILE_DROPDOWN_BREAKPOINT ? (l(), r(h, {
-                key: 0,
-                id: `LoanAmountDropdownMobile_${e.loanId}`,
-                modelValue: d.selectedDropdownOption,
-                "onUpdate:modelValue": [
-                  o[2] || (o[2] = (t) => d.selectedDropdownOption = t),
-                  e.trackLendAmountSelection
-                ],
-                class: u(["filtered-dropdown mobile-dropdown tw-rounded", {
-                  "unselected-dropdown": !e.selectedDropdown,
-                  "selected-dropdown": e.selectedDropdown
-                }]),
-                "aria-label": "Lend amount",
-                onClick: D(e.clickDropdown, ["stop"])
-              }, {
-                default: w(() => [
-                  (l(!0), s(k, null, _(e.presetDropdownPrices, (t) => (l(), s("option", {
-                    key: t,
-                    value: t
-                  }, a(t !== d.OTHER_OPTION ? `$${t}` : t), 9, I))), 128))
-                ]),
-                _: 1
-              }, 8, ["id", "modelValue", "class", "onUpdate:modelValue", "onClick"])) : i("", !0)
-            ]),
-            c("div", E, [
-              e.showFilteredDropdown && d.viewportWidth < d.MOBILE_DROPDOWN_BREAKPOINT ? (l(), r(h, {
-                key: 0,
-                id: `LoanAmountDropdownMobile_Small_${e.loanId}`,
-                modelValue: d.selectedDropdownOption,
-                "onUpdate:modelValue": [
-                  o[3] || (o[3] = (t) => d.selectedDropdownOption = t),
-                  e.trackLendAmountSelection
-                ],
-                class: u(["filtered-dropdown mobile-dropdown-small tw-rounded tw-w-2/5", {
-                  "unselected-dropdown": !e.selectedDropdown,
-                  "selected-dropdown": e.selectedDropdown
-                }]),
-                "aria-label": "Lend amount",
-                onClick: D(e.clickDropdown, ["stop"])
-              }, {
-                default: w(() => [
-                  (l(!0), s(k, null, _(e.presetDropdownPrices, (t) => (l(), s("option", {
-                    key: "small-" + t,
-                    value: t
-                  }, a(t !== d.OTHER_OPTION ? `$${t}` : t), 9, p))), 128))
-                ]),
-                _: 1
-              }, 8, ["id", "modelValue", "class", "onUpdate:modelValue", "onClick"])) : i("", !0),
-              b(m, {
-                class: u(["tw-inline-flex tw-flex-1 button-ellipsis tw-min-w-0", d.viewportWidth < d.MOBILE_DROPDOWN_BREAKPOINT ? "tw-w-3/5" : "tw-w-full"]),
-                "data-testid": "bp-lend-cta-mobile-lend-button",
-                type: "submit"
-              }, {
-                default: w(() => [
-                  c("span", S, [
-                    c("span", W, a(e.ctaButtonText), 1)
-                  ])
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ])
-          ])
-        ])) : i("", !0),
-        n.showPresetAmounts && !n.isAdding && !e.isLendAmountButton && e.presetButtonsPrices.length > 1 && e.isNarrowDesktop ? (l(), s("div", U, [
-          c("div", F, [
-            c("div", M, [
-              (l(!0), s(k, null, _(e.presetButtonsPrices, (t) => (l(), r(m, {
-                key: t,
-                variant: "secondary",
-                class: u(["preset-option tw-flex-1 tw-min-w-0 tw-whitespace-nowrap", { "selected-option": d.selectedOption == t }]),
-                "data-testid": "bp-lend-cta-lend-button-narrow-desktop",
-                onClick: (x) => e.clickPresetButton(t)
-              }, {
-                default: w(() => [
-                  f(" $ " + a(t), 1)
-                ]),
-                _: 2
-              }, 1032, ["class", "onClick"]))), 128)),
-              e.showFilteredDropdown && d.componentWidth >= d.NARROW_SIDEBAR_DROPDOWN_BREAKPOINT ? (l(), r(h, {
-                key: 0,
-                id: `LoanAmountDropdownNarrowDesktop_${e.loanId}`,
-                modelValue: d.selectedDropdownOption,
-                "onUpdate:modelValue": [
-                  o[4] || (o[4] = (t) => d.selectedDropdownOption = t),
-                  e.trackLendAmountSelection
-                ],
-                class: u(["filtered-dropdown mobile-dropdown tw-flex-1 tw-rounded", {
-                  "unselected-dropdown": !e.selectedDropdown,
-                  "selected-dropdown": e.selectedDropdown
-                }]),
-                "aria-label": "Lend amount",
-                onClick: D(e.clickDropdown, ["stop"])
-              }, {
-                default: w(() => [
-                  (l(!0), s(k, null, _(e.presetDropdownPrices, (t) => (l(), s("option", {
-                    key: t,
-                    value: t
-                  }, a(t !== d.OTHER_OPTION ? `${t}` : t), 9, K))), 128))
-                ]),
-                _: 1
-              }, 8, ["id", "modelValue", "class", "onUpdate:modelValue", "onClick"])) : i("", !0)
-            ]),
-            c("div", H, [
-              e.showFilteredDropdown && d.componentWidth < d.NARROW_SIDEBAR_DROPDOWN_BREAKPOINT ? (l(), r(h, {
-                key: 0,
-                id: `LoanAmountDropdownNarrowDesktop_Small_${e.loanId}`,
-                modelValue: d.selectedDropdownOption,
-                "onUpdate:modelValue": [
-                  o[5] || (o[5] = (t) => d.selectedDropdownOption = t),
-                  e.trackLendAmountSelection
-                ],
-                class: u(["filtered-dropdown mobile-dropdown-small tw-rounded tw-w-2/5", {
-                  "unselected-dropdown": !e.selectedDropdown,
-                  "selected-dropdown": e.selectedDropdown
-                }]),
-                "aria-label": "Lend amount",
-                onClick: D(e.clickDropdown, ["stop"])
-              }, {
-                default: w(() => [
-                  (l(!0), s(k, null, _(e.presetDropdownPrices, (t) => (l(), s("option", {
-                    key: "narrow-small-" + t,
-                    value: t
-                  }, a(t !== d.OTHER_OPTION ? `${t}` : t), 9, j))), 128))
-                ]),
-                _: 1
-              }, 8, ["id", "modelValue", "class", "onUpdate:modelValue", "onClick"])) : i("", !0),
-              b(m, {
-                class: u(["tw-inline-flex tw-flex-1 button-ellipsis tw-min-w-0", d.componentWidth < d.NARROW_SIDEBAR_DROPDOWN_BREAKPOINT ? "tw-w-3/5" : "tw-w-full"]),
-                "data-testid": "bp-lend-cta-narrow-desktop-lend-button",
-                type: "submit"
-              }, {
-                default: w(() => [
-                  c("span", G, [
-                    c("span", z, a(e.ctaButtonText), 1)
-                  ])
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ])
-          ])
-        ])) : i("", !0),
-        n.showPresetAmounts && !n.isAdding && !e.isNarrowDesktop ? (l(), s("div", {
-          key: 2,
-          class: u({
-            "tw-flex tw-gap-0.5 md:tw-gap-1 lg:tw-gap-1 tw-flex-wrap md:tw-flex-nowrap": !0,
-            "tw-hidden md:tw-flex": !e.isLendAmountButton && e.presetButtonsPrices.length > 1
-          })
-        }, [
-          e.isLendAmountButton ? i("", !0) : (l(!0), s(k, { key: 0 }, _(e.presetButtonsPrices, (t) => (l(), r(m, {
-            key: t,
-            variant: "secondary",
-            class: u(["tw-inline-flex tw-flex-1 preset-option tw-w-8 tw-whitespace-nowrap", { "selected-option": d.selectedOption == t }]),
-            "data-testid": "bp-lend-cta-lend-button",
-            onClick: (x) => e.clickPresetButton(t)
-          }, {
-            default: w(() => [
-              f(" $" + a(t), 1)
-            ]),
-            _: 2
-          }, 1032, ["class", "onClick"]))), 128)),
-          e.showFilteredDropdown ? (l(), r(h, {
-            key: 1,
-            id: `LoanAmountDropdown_${e.loanId}`,
-            modelValue: d.selectedDropdownOption,
-            "onUpdate:modelValue": [
-              o[6] || (o[6] = (t) => d.selectedDropdownOption = t),
-              e.trackLendAmountSelection
-            ],
-            class: u(["tw-min-w-12 tw-rounded filtered-dropdown", {
-              "unselected-dropdown": !e.selectedDropdown,
-              "selected-dropdown": e.selectedDropdown
-            }]),
-            "aria-label": "Lend amount",
-            onClick: D(e.clickDropdown, ["stop"])
-          }, {
-            default: w(() => [
-              (l(!0), s(k, null, _(e.presetDropdownPrices, (t) => (l(), s("option", {
-                key: t,
-                value: t
-              }, a(t !== d.OTHER_OPTION ? `$${t}` : t), 9, q))), 128))
-            ]),
-            _: 1
-          }, 8, ["id", "modelValue", "class", "onUpdate:modelValue", "onClick"])) : i("", !0)
-        ], 2)) : n.showPresetAmounts ? i("", !0) : (l(), s("div", J, [
-          e.hideShowLendDropdown && !e.isLessThan25 ? (l(), r(h, {
-            key: 0,
-            id: `LoanAmountDropdown_${e.loanId}`,
-            modelValue: d.selectedOption,
-            "onUpdate:modelValue": [
-              o[7] || (o[7] = (t) => d.selectedOption = t),
-              e.trackLendAmountSelection
-            ],
-            class: "tw-min-w-12",
-            style: { "border-radius": "14px 0 0 14px" },
-            "aria-label": "Lend amount",
-            onClick: D(e.clickDropdown, ["stop"])
-          }, {
-            default: w(() => [
-              (l(!0), s(k, null, _(e.prices, (t) => (l(), s("option", {
-                key: t,
-                value: t
-              }, " $" + a(t), 9, Q))), 128))
-            ]),
-            _: 1
-          }, 8, ["id", "modelValue", "onUpdate:modelValue", "onClick"])) : i("", !0)
-        ])),
-        c("div", {
-          class: u({
-            "tw-min-w-0": n.showPresetAmounts && !e.isNarrowDesktop,
-            lendButtonWrapper: e.hideShowLendDropdown && !n.showPresetAmounts,
-            "tw-hidden": e.hideLendButton || n.showPresetAmounts && !n.isAdding && !e.isLendAmountButton && e.presetButtonsPrices.length > 1 && (e.isNarrowComponent() || e.isNarrowDesktop),
-            "md:tw-block tw-hidden": !e.isLendAmountButton && e.presetButtonsPrices.length > 1 && n.showPresetAmounts && !e.isNarrowDesktop
-          })
-        }, [
-          e.lendButtonVisibility && !e.isLessThan25 ? (l(), r(m, {
-            key: "lendButton",
-            class: u(["tw-inline-flex tw-flex-1", { "button-ellipsis tw-w-full": n.showPresetAmounts }]),
-            "data-testid": "bp-lend-cta-lend-button",
-            type: "submit"
-          }, {
-            default: w(() => [
-              f(a(e.ctaButtonText), 1)
-            ]),
-            _: 1
-          }, 8, ["class"])) : e.showLendAgain ? (l(), r(m, {
-            key: "lendAgainButton",
-            class: u(["lend-again", { "tw-w-full": n.showPresetAmounts }]),
-            "data-testid": "bp-lend-cta-lend-again-button",
-            type: "submit"
-          }, {
-            default: w(() => [
-              f(a(n.primaryButtonText || "Lend") + " again ", 1)
-            ]),
-            _: 1
-          }, 8, ["class"])) : i("", !0)
-        ], 2),
-        e.isLendAmountButton && !n.enableFiveDollarsNotes ? (l(), r(L, {
-          key: 4,
-          class: "tw-w-full",
-          "loan-id": e.loanId,
-          "show-now": !1,
-          "amount-left": e.amountForLendAmountButton,
-          "is-adding": n.isAdding,
-          onAddToBasket: e.addToBasket
-        }, null, 8, ["loan-id", "amount-left", "is-adding", "onAddToBasket"])) : i("", !0),
-        !n.isLoading && n.isAdding ? (l(), r(m, {
-          key: 5,
-          class: "tw-inline-flex tw-flex-1"
-        }, {
-          default: w(() => o[10] || (o[10] = [
-            f(" Adding to basket ")
-          ])),
-          _: 1
-        })) : i("", !0)
-      ], 10, V)
-    ], 32)) : i("", !0)
-  ], 512);
-}
-const le = /* @__PURE__ */ y(P, [["render", X], ["__scopeId", "data-v-da60f69c"]]);
-export {
-  oe as KV_LEND_CTA_FRAGMENT,
-  se as KV_LEND_CTA_USER_FRAGMENT,
-  le as default
-};