@kiva/kv-components 10.6.0 → 10.7.0

package/dist/vue/KvLoanActivities2.js

@@ -1,77 +0,0 @@
-import g from "./KvLoanActivities.js";
-import { KV_LOAN_ACTIVITIES_FRAGMENT as H } from "./KvLoanActivities.js";
-import { resolveComponent as c, openBlock as n, createElementBlock as s, createElementVNode as i, createVNode as d, toDisplayString as l, createCommentVNode as r, withCtx as m, Fragment as w, renderList as _, createBlock as h } from "vue";
-import "./KvLoanActivities.css";
-import y from "../_virtual/_plugin-vue_export-helper.js";
-const A = {
-  key: 0,
-  class: "loan-activity"
-}, L = { class: "tw-flex tw-justify-center lg:tw-px-0" }, C = { class: "tw-flex tw-justify-center tw-mt-1 tw-text-small" }, K = { key: 0 }, N = { class: "tw-text-title tw-flex-1 data-hj-suppress" }, M = { class: "tw-overflow-x-hidden tw-px-2 tw-pb-1" }, T = { class: "tw-text-center tw-text-upper" }, V = { class: "tw-flex tw-flex-col tw-gap-y-1" }, B = {
-  key: 0,
-  class: "tw-mt-1 tw-text-small tw-text-danger"
-}, F = { class: "tw-flex tw-justify-end tw-mt-4 tw-pb-2.5 md:tw-pb-4" };
-function I(k, a, t, e, j, E) {
-  const v = c("KvActivityRow"), x = c("KvLendCta"), u = c("KvLightbox");
-  return t.combinedActivities.length > 0 ? (n(), s("div", A, [
-    i("div", L, [
-      d(v, { activity: e.singleActivity }, null, 8, ["activity"])
-    ]),
-    i("div", C, [
-      e.lendersNumber && e.amountLent ? (n(), s("span", K, l(e.lendersNumber) + " lenders lent " + l(e.amountLent) + ".   ", 1)) : r("", !0),
-      i("button", {
-        class: "tw-text-action hover:tw-underline",
-        onClick: a[0] || (a[0] = (...o) => e.showActivityModal && e.showActivityModal(...o))
-      }, " See all activity ")
-    ]),
-    d(u, {
-      title: "Activity Feed Modal",
-      visible: e.lightboxOpen,
-      onLightboxClosed: e.closeLightbox
-    }, {
-      header: m(() => [
-        i("h2", N, l(e.modalTitle), 1)
-      ]),
-      default: m(() => [
-        i("div", M, [
-          (n(!0), s(w, null, _(t.combinedActivities, (o) => (n(), s("div", {
-            key: o.key,
-            class: "md:tw-px-8 lg:tw-px-14 tw-mt-4"
-          }, [
-            i("p", T, l(e.formattedDate(o.key)), 1),
-            i("div", V, [
-              (n(!0), s(w, null, _(o.data, (b, f) => (n(), h(v, {
-                key: f,
-                activity: b
-              }, null, 8, ["activity"]))), 128))
-            ])
-          ]))), 128))
-        ]),
-        i("div", null, [
-          t.errorMsg ? (n(), s("p", B, l(t.errorMsg), 1)) : r("", !0),
-          i("div", F, [
-            d(x, {
-              loan: t.loan,
-              "is-loading": !1,
-              "kv-track-function": t.kvTrackFunction,
-              "get-cookie": t.getCookie,
-              "set-cookie": t.setCookie,
-              "user-balance": t.userBalance,
-              "basket-items": t.basketItems,
-              route: t.route,
-              "is-adding": t.isAdding,
-              "is-visitor": t.isVisitor,
-              "enable-five-dollars-notes": t.enableFiveDollarsNotes,
-              onAddToBasket: a[1] || (a[1] = (o) => k.$emit("add-to-basket", o))
-            }, null, 8, ["loan", "kv-track-function", "get-cookie", "set-cookie", "user-balance", "basket-items", "route", "is-adding", "is-visitor", "enable-five-dollars-notes"])
-          ])
-        ])
-      ]),
-      _: 1
-    }, 8, ["visible", "onLightboxClosed"])
-  ])) : r("", !0);
-}
-const G = /* @__PURE__ */ y(g, [["render", I], ["__scopeId", "data-v-c2b4aeda"]]);
-export {
-  H as KV_LOAN_ACTIVITIES_FRAGMENT,
-  G as default
-};

package/dist/vue/KvLoanBookmark2.js

@@ -1,24 +0,0 @@
-import i from "./KvLoanBookmark.js";
-import { KV_LOAN_BOOKMARK_FRAGMENT as K } from "./KvLoanBookmark.js";
-import { resolveComponent as m, openBlock as a, createElementBlock as l, createElementVNode as s, createVNode as c, normalizeClass as k } from "vue";
-import d from "../_virtual/_plugin-vue_export-helper.js";
-function f(r, e, o, u, t, _) {
-  const n = m("kv-material-icon");
-  return a(), l("div", null, [
-    s("button", {
-      style: { "border-radius": "8px", padding: "3px" },
-      class: "tw-cursor-pointer tw-font-medium tw-bg-white tw-flex tw-justify-center",
-      onClick: e[0] || (e[0] = (p) => r.$emit("toggle-bookmark"))
-    }, [
-      c(n, {
-        class: k(["tw-w-3", { "tw-text-black": !o.isBookmarked, "tw-text-marigold": o.isBookmarked }]),
-        icon: `${o.isBookmarked ? t.mdiBookmark : t.mdiBookmarkOutline}`
-      }, null, 8, ["class", "icon"])
-    ])
-  ]);
-}
-const v = /* @__PURE__ */ d(i, [["render", f]]);
-export {
-  K as KV_LOAN_BOOKMARK_FRAGMENT,
-  v as default
-};

package/dist/vue/KvLoanTag2.js

@@ -1,46 +0,0 @@
-import h from "./KvLoanTag.js";
-import { KV_LOAN_TAG_FRAGMENT as L } from "./KvLoanTag.js";
-import { resolveComponent as d, openBlock as e, createElementBlock as r, normalizeStyle as _, normalizeClass as w, Fragment as o, createTextVNode as m, toDisplayString as a, createElementVNode as l, createVNode as p, withCtx as y, renderList as k, createBlock as f, createCommentVNode as s } from "vue";
-import x from "../_virtual/_plugin-vue_export-helper.js";
-const v = ["id"], M = { class: "tw-whitespace-nowrap tw-pb-0.5" };
-function N(b, i, c, C, T, t) {
-  const u = d("kv-tooltip"), g = d("kv-countdown-timer");
-  return t.variation ? (e(), r("div", {
-    key: 0,
-    class: w(["tw-text-small tw-font-medium tw-pt-0.5", { "tw-line-clamp-1": !t.isMultipleMatch }]),
-    style: _({ color: t.tagColor })
-  }, [
-    t.isMultipleMatch ? (e(), r(o, { key: 0 }, [
-      m(a(t.totalMatchRatio) + "x match by ", 1),
-      l("span", {
-        id: `matching-orgs-${c.loan.id}`,
-        class: "tw-underline tw-decoration-dotted tw-cursor-pointer"
-      }, a(t.multiMatchingOrgs.length) + " organizations", 9, v),
-      p(u, {
-        controller: `matching-orgs-${c.loan.id}`,
-        "max-width": "320px"
-      }, {
-        default: y(() => [
-          l("p", M, " Your contribution is matched by " + a(t.multiMatchingOrgs.length) + " partners ", 1),
-          i[0] || (i[0] = l("hr", { class: "tw-border-caution-highlight tw-py-0.5" }, null, -1)),
-          (e(!0), r(o, null, k(t.multiMatchingOrgs, (n) => (e(), r("p", {
-            key: n.managedAccountId,
-            class: "tw-m-0"
-          }, a(n.ratio) + ":1 matching by " + a(t.orgDisplayName(n)), 1))), 128))
-        ]),
-        _: 1
-      }, 8, ["controller"])
-    ], 64)) : (e(), r(o, { key: 1 }, [
-      m(a(t.tagText) + " ", 1),
-      t.variation === "ending-soon" ? (e(), f(g, {
-        key: 0,
-        deadline: t.deadline
-      }, null, 8, ["deadline"])) : s("", !0)
-    ], 64))
-  ], 6)) : s("", !0);
-}
-const z = /* @__PURE__ */ x(h, [["render", N]]);
-export {
-  L as KV_LOAN_TAG_FRAGMENT,
-  z as default
-};

package/dist/vue/KvLoanUse2.js

@@ -1,16 +0,0 @@
-import o from "./KvLoanUse.js";
-import { KV_LOAN_USE_FRAGMENT as E } from "./KvLoanUse.js";
-import { openBlock as r, createElementBlock as n } from "vue";
-import t from "../_virtual/_plugin-vue_export-helper.js";
-const c = ["innerHTML"];
-function s(_, p, a, l, m, e) {
-  return r(), n("p", {
-    class: "tw-line-clamp-4",
-    innerHTML: e.loanUse
-  }, null, 8, c);
-}
-const u = /* @__PURE__ */ t(o, [["render", s]]);
-export {
-  E as KV_LOAN_USE_FRAGMENT,
-  u as default
-};

package/dist/vue/KvWideLoanCard2.js

@@ -1,209 +0,0 @@
-import D from "./KvWideLoanCard.js";
-import { KV_WIDE_LOAN_CARD_FRAGMENT as ee, KV_WIDE_LOAN_CARD_USER_FRAGMENT as te } from "./KvWideLoanCard.js";
-import { resolveComponent as i, openBlock as o, createElementBlock as r, normalizeClass as f, createElementVNode as s, createBlock as n, resolveDynamicComponent as k, withCtx as m, createVNode as d, toDisplayString as h, createTextVNode as N, createCommentVNode as w, Fragment as R, renderList as V } from "vue";
-import "./KvWideLoanCard.css";
-import B from "../_virtual/_plugin-vue_export-helper.js";
-const T = { class: "loan-card-active-hover tw-flex-1 tw-min-w-[275px] md:tw-min-w-[320px] md:tw-max-w-[320px]" }, E = {
-  key: 1,
-  class: "tw-relative tw-w-full"
-}, I = { 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",
-  style: { padding: "2px 6px", "text-transform": "capitalize", "max-width": "calc(100% - 1rem)" }
-}, F = ["id"], W = { class: "tw-flex tw-flex-col tw-flex-1 tw-px-1" }, z = { class: "tw-hidden md:tw-inline-block tw-text-title" }, K = { class: "tw-pt-1" }, U = {
-  key: 0,
-  class: "tw-w-full",
-  style: { height: "5.5rem" }
-}, G = { key: 1 }, O = { class: "tw-flex tw-flex-row tw-justify-between tw-gap-1 md:tw-gap-3" }, j = {
-  key: 0,
-  class: "tw-w-full tw-pt-1 tw-pr-1"
-};
-function H(_, a, t, e, q, g) {
-  const c = i("kv-loading-placeholder"), v = i("kv-borrower-image"), u = i("kv-material-icon"), b = i("kv-tooltip"), x = i("kv-loan-bookmark"), y = i("kv-loan-tag"), L = i("kv-loan-use"), M = i("kv-loan-callouts"), C = i("kv-loan-progress-group"), A = i("kv-lend-cta");
-  return o(), r("div", {
-    class: f(["tw-flex tw-flex-row tw-flex-wrap tw-bg-white tw-rounded tw-w-full tw-pb-1 tw-p-1 tw-gap-1 tw-items-center", { "tw-pointer-events-none": e.isLoading }]),
-    "data-testid": "loan-card",
-    style: { "box-shadow": "0 4px 12px rgba(0, 0, 0, 0.08)" }
-  }, [
-    s("div", T, [
-      e.isLoading ? (o(), n(c, {
-        key: 0,
-        class: "tw-mb-1 tw-w-full tw-rounded",
-        style: { height: "15rem" }
-      })) : (o(), r("div", E, [
-        (o(), n(k(e.tag), {
-          to: e.readMorePath,
-          href: e.readMorePath,
-          class: "tw-flex",
-          "aria-label": "Borrower image",
-          onClick: a[0] || (a[0] = (l) => e.clickReadMore("Photo", l))
-        }, {
-          default: m(() => [
-            d(v, {
-              class: "tw-relative tw-w-full tw-bg-black tw-rounded-sm tw-bg-clip-content",
-              alt: `Photo of ${e.borrowerName}`,
-              "aspect-ratio": g.imageAspectRatio,
-              "default-image": { width: g.imageDefaultWidth },
-              hash: e.imageHash,
-              images: g.imageSizes,
-              "photo-path": t.photoPath
-            }, null, 8, ["alt", "aspect-ratio", "default-image", "hash", "images", "photo-path"]),
-            e.countryName ? (o(), r("div", I, [
-              s("p", S, [
-                d(u, {
-                  class: "tw-h-2 tw-w-2 tw-flex-shrink-0",
-                  icon: e.mdiMapMarker
-                }, null, 8, ["icon"]),
-                s("span", {
-                  id: `loan-location-${t.loanId}`,
-                  ref: "locationRef",
-                  class: "tw-truncate tw-min-w-0",
-                  style: { "margin-top": "0.125rem" }
-                }, h(e.formattedLocation), 9, F),
-                e.isLocationTruncated ? (o(), n(b, {
-                  key: 0,
-                  controller: `loan-location-${t.loanId}`,
-                  "max-width": "250px"
-                }, {
-                  default: m(() => [
-                    N(h(e.formattedLocation), 1)
-                  ]),
-                  _: 1
-                }, 8, ["controller"])) : w("", !0)
-              ])
-            ])) : w("", !0)
-          ]),
-          _: 1
-        }, 8, ["to", "href"])),
-        t.isVisitor ? w("", !0) : (o(), n(x, {
-          key: 0,
-          "loan-id": t.loanId,
-          "is-bookmarked": t.isBookmarked,
-          class: "tw-absolute tw-right-1",
-          style: { top: "-6px" },
-          "data-testid": "loan-card-bookmark",
-          onToggleBookmark: a[1] || (a[1] = (l) => _.$emit("toggle-bookmark"))
-        }, null, 8, ["loan-id", "is-bookmarked"]))
-      ]))
-    ]),
-    s("div", W, [
-      s("h3", z, h(e.borrowerName), 1),
-      (o(), n(k(e.tag), {
-        to: e.readMorePath,
-        href: e.readMorePath,
-        class: "tw-flex tw-no-underline hover:tw-no-underline focus:tw-no-underline",
-        "aria-label": "Loan tag",
-        onClick: a[2] || (a[2] = (l) => e.clickReadMore("Tag", l))
-      }, {
-        default: m(() => [
-          t.showTags && !e.isLoading ? (o(), n(y, {
-            key: 0,
-            loan: t.loan,
-            "enable-multi-matching": t.enableMultiMatching
-          }, null, 8, ["loan", "enable-multi-matching"])) : w("", !0)
-        ]),
-        _: 1
-      }, 8, ["to", "href"])),
-      (o(), n(k(e.tag), {
-        to: e.readMorePath,
-        href: e.readMorePath,
-        class: "loan-card-use tw-no-underline tw-text-primary",
-        "aria-label": "Loan use",
-        onClick: a[3] || (a[3] = (l) => e.clickReadMore("Use", l))
-      }, {
-        default: m(() => [
-          s("div", K, [
-            e.isLoading ? (o(), r("div", U, [
-              (o(!0), r(R, null, V([...Array(4)], (l, P) => (o(), r("div", {
-                key: P,
-                class: "tw-h-2 tw-mb-1"
-              }, [
-                d(c)
-              ]))), 128))
-            ])) : (o(), r("div", G, [
-              d(L, {
-                use: e.loanUse,
-                "loan-amount": e.loanAmount,
-                status: e.loanStatus,
-                "borrower-count": e.loanBorrowerCount,
-                name: e.borrowerName,
-                "distribution-model": e.distributionModel
-              }, null, 8, ["use", "loan-amount", "status", "borrower-count", "name", "distribution-model"])
-            ]))
-          ])
-        ]),
-        _: 1
-      }, 8, ["to", "href"])),
-      e.isLoading || typeof e.loanCallouts > "u" ? (o(), n(c, {
-        key: 0,
-        class: "tw-mt-1.5 tw-mb-1",
-        style: { width: "60%", height: "1.75rem", "border-radius": "500rem" }
-      })) : (o(), n(M, {
-        key: 1,
-        callouts: e.loanCallouts,
-        class: "loan-callouts tw-my-1.5"
-      }, null, 8, ["callouts"])),
-      s("div", O, [
-        e.hasProgressData ? w("", !0) : (o(), r("div", j, [
-          d(c, {
-            class: "tw-mb-0.5",
-            style: { width: "70%", height: "1.3rem" }
-          }),
-          d(c, {
-            class: "tw-rounded",
-            style: { width: "70%", height: "0.5rem" }
-          })
-        ])),
-        e.sharesAvailable ? (o(), n(k(e.tag), {
-          key: 1,
-          to: e.readMorePath,
-          href: e.readMorePath,
-          class: "loan-card-progress tw-mt-1 tw-flex-grow",
-          "aria-label": "Loan progress",
-          onClick: a[4] || (a[4] = (l) => e.clickReadMore("Progress", l))
-        }, {
-          default: m(() => [
-            d(C, {
-              id: "loanProgress",
-              "money-left": e.unreservedAmount,
-              "progress-percent": e.fundraisingPercent,
-              class: "tw-text-black"
-            }, null, 8, ["money-left", "progress-percent"])
-          ]),
-          _: 1
-        }, 8, ["to", "href"])) : w("", !0),
-        e.allDataLoaded ? (o(), n(A, {
-          key: 3,
-          loan: t.loan,
-          "unreserved-amount": e.unreservedAmount,
-          "basket-items": t.basketItems,
-          "is-loading": e.isLoading,
-          "is-adding": t.isAdding,
-          "enable-five-dollars-notes": t.enableFiveDollarsNotes,
-          "five-dollars-selected": t.fiveDollarsSelected,
-          "kv-track-function": t.kvTrackFunction,
-          "show-view-loan": t.showViewLoan,
-          "custom-loan-details": t.customLoanDetails,
-          "external-links": t.externalLinks,
-          route: t.route,
-          "user-balance": t.userBalance,
-          "get-cookie": t.getCookie,
-          "set-cookie": t.setCookie,
-          "is-visitor": t.isVisitor,
-          class: f(["tw-mt-auto tw-self-end", { "tw-flex-grow": !e.sharesAvailable, "tw-flex-shrink-0": e.sharesAvailable }]),
-          onAddToBasket: a[5] || (a[5] = (l) => _.$emit("add-to-basket", l)),
-          onShowLoanDetails: a[6] || (a[6] = (l) => e.clickReadMore("ViewLoan", l))
-        }, null, 8, ["loan", "unreserved-amount", "basket-items", "is-loading", "is-adding", "enable-five-dollars-notes", "five-dollars-selected", "kv-track-function", "show-view-loan", "custom-loan-details", "external-links", "route", "user-balance", "get-cookie", "set-cookie", "is-visitor", "class"])) : (o(), n(c, {
-          key: 2,
-          class: "tw-rounded tw-self-start",
-          style: { width: "9rem", height: "3rem" }
-        }))
-      ])
-    ])
-  ], 2);
-}
-const Z = /* @__PURE__ */ B(D, [["render", H], ["__scopeId", "data-v-de4628d8"]]);
-export {
-  ee as KV_WIDE_LOAN_CARD_FRAGMENT,
-  te as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
-  Z as default
-};