@kiva/kv-components 10.4.1 → 10.5.1

package/dist/vue/KvLoanActivities.js

@@ -1,77 +1,151 @@
-import g from "./KvLoanActivities2.js";
-import { KV_LOAN_ACTIVITIES_FRAGMENT as H } from "./KvLoanActivities2.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"]]);
+import { toRefs as f, ref as v, computed as n } from "vue";
+import { gql as p } from "@apollo/client/core";
+import { format as y } from "date-fns";
+import A from "numeral";
+import g from "./KvActivityRow.js";
+import b from "./KvLightbox.js";
+import F from "./KvLendCta2.js";
+const O = p`
+	fragment KvLoanActivities on LoanBasic {
+		id
+		name
+		lenders(limit: 0) {
+			totalCount
+		}
+		loanFundraisingInfo {
+			id
+			fundedAmount
+		}
+	}
+`, _ = {
+  name: "KvLoanActivities",
+  components: {
+    KvActivityRow: g,
+    KvLightbox: b,
+    KvLendCta: F
+  },
+  props: {
+    /**
+     * loan object coming from parent component
+     */
+    loan: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * loan combined activities coming from parent component
+     */
+    combinedActivities: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * isAdding flag coming from parent add to basket method
+     */
+    isAdding: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * basketItems array coming from parent component
+     */
+    basketItems: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * userBalance string coming from parent component
+     */
+    userBalance: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * errorMsg string coming from parent add to basket method
+     */
+    errorMsg: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * kvTrackFunction function to track events from LendCta component
+     */
+    kvTrackFunction: {
+      type: Function,
+      required: !0
+    },
+    /**
+     * getCookie function for LendCta component
+     */
+    getCookie: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * setCookie function for LendCta component
+     */
+    setCookie: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * route object for LendCta component
+     */
+    route: {
+      type: Object,
+      default: void 0
+    },
+    enableFiveDollarsNotes: {
+      type: Boolean,
+      default: !1
+    },
+    isVisitor: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: [
+    "add-to-basket"
+  ],
+  setup(r) {
+    const {
+      loan: a,
+      combinedActivities: l,
+      kvTrackFunction: s
+    } = f(r), i = v(!1), u = n(() => {
+      var t;
+      return `Activity for ${((t = a.value) == null ? void 0 : t.name) || ""}`;
+    }), d = n(() => {
+      var t, e;
+      return ((e = (t = a.value) == null ? void 0 : t.lenders) == null ? void 0 : e.totalCount) ?? 0;
+    }), c = n(() => {
+      var e, o;
+      const t = ((o = (e = a.value) == null ? void 0 : e.loanFundraisingInfo) == null ? void 0 : o.fundedAmount) ?? 0;
+      return A(parseFloat(t)).format("$0,0");
+    }), m = n(() => {
+      const t = l.value.find((e) => e.data.some((o) => o.type === "LendingAction"));
+      return (t == null ? void 0 : t.data[0]) ?? {};
+    });
+    return {
+      lightboxOpen: i,
+      modalTitle: u,
+      formattedDate: (t) => {
+        const e = new Date(t);
+        return y(e, "MMM d, yyyy");
+      },
+      showActivityModal: () => {
+        s.value("loan-card", "click", "see-all-activity"), i.value = !0;
+      },
+      closeLightbox: () => {
+        i.value = !1;
+      },
+      singleActivity: m,
+      lendersNumber: d,
+      amountLent: c
+    };
+  }
+};
 export {
-  H as KV_LOAN_ACTIVITIES_FRAGMENT,
-  G as default
+  O as KV_LOAN_ACTIVITIES_FRAGMENT,
+  _ as default
 };

package/dist/vue/KvLoanActivities2.js

@@ -1,151 +1,77 @@
-import { toRefs as f, ref as v, computed as n } from "vue";
-import { gql as p } from "@apollo/client/core";
-import { format as y } from "date-fns";
-import A from "numeral";
-import g from "./KvActivityRow.js";
-import b from "./KvLightbox.js";
-import F from "./KvLendCta.js";
-const O = p`
-	fragment KvLoanActivities on LoanBasic {
-		id
-		name
-		lenders(limit: 0) {
-			totalCount
-		}
-		loanFundraisingInfo {
-			id
-			fundedAmount
-		}
-	}
-`, _ = {
-  name: "KvLoanActivities",
-  components: {
-    KvActivityRow: g,
-    KvLightbox: b,
-    KvLendCta: F
-  },
-  props: {
-    /**
-     * loan object coming from parent component
-     */
-    loan: {
-      type: Object,
-      default: () => ({})
-    },
-    /**
-     * loan combined activities coming from parent component
-     */
-    combinedActivities: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * isAdding flag coming from parent add to basket method
-     */
-    isAdding: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * basketItems array coming from parent component
-     */
-    basketItems: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * userBalance string coming from parent component
-     */
-    userBalance: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * errorMsg string coming from parent add to basket method
-     */
-    errorMsg: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * kvTrackFunction function to track events from LendCta component
-     */
-    kvTrackFunction: {
-      type: Function,
-      required: !0
-    },
-    /**
-     * getCookie function for LendCta component
-     */
-    getCookie: {
-      type: Function,
-      default: void 0
-    },
-    /**
-     * setCookie function for LendCta component
-     */
-    setCookie: {
-      type: Function,
-      default: void 0
-    },
-    /**
-     * route object for LendCta component
-     */
-    route: {
-      type: Object,
-      default: void 0
-    },
-    enableFiveDollarsNotes: {
-      type: Boolean,
-      default: !1
-    },
-    isVisitor: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: [
-    "add-to-basket"
-  ],
-  setup(r) {
-    const {
-      loan: a,
-      combinedActivities: l,
-      kvTrackFunction: s
-    } = f(r), i = v(!1), u = n(() => {
-      var t;
-      return `Activity for ${((t = a.value) == null ? void 0 : t.name) || ""}`;
-    }), d = n(() => {
-      var t, e;
-      return ((e = (t = a.value) == null ? void 0 : t.lenders) == null ? void 0 : e.totalCount) ?? 0;
-    }), c = n(() => {
-      var e, o;
-      const t = ((o = (e = a.value) == null ? void 0 : e.loanFundraisingInfo) == null ? void 0 : o.fundedAmount) ?? 0;
-      return A(parseFloat(t)).format("$0,0");
-    }), m = n(() => {
-      const t = l.value.find((e) => e.data.some((o) => o.type === "LendingAction"));
-      return (t == null ? void 0 : t.data[0]) ?? {};
-    });
-    return {
-      lightboxOpen: i,
-      modalTitle: u,
-      formattedDate: (t) => {
-        const e = new Date(t);
-        return y(e, "MMM d, yyyy");
-      },
-      showActivityModal: () => {
-        s.value("loan-card", "click", "see-all-activity"), i.value = !0;
-      },
-      closeLightbox: () => {
-        i.value = !1;
-      },
-      singleActivity: m,
-      lendersNumber: d,
-      amountLent: c
-    };
-  }
-};
+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 {
-  O as KV_LOAN_ACTIVITIES_FRAGMENT,
-  _ as default
+  H as KV_LOAN_ACTIVITIES_FRAGMENT,
+  G as default
 };

package/dist/vue/KvLoanBookmark.js

@@ -1,24 +1,35 @@
-import i from "./KvLoanBookmark2.js";
-import { KV_LOAN_BOOKMARK_FRAGMENT as K } from "./KvLoanBookmark2.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]]);
+import o from "graphql-tag";
+import { mdiBookmark as a, mdiBookmarkOutline as r } from "@mdi/js";
+import e from "./KvMaterialIcon.js";
+const i = o`
+	fragment KvLoanBookmark on LoanBasic {
+		id
+		userProperties {
+			favorited
+		}
+	}
+`, k = {
+  name: "KvLoanBookmark",
+  components: {
+    KvMaterialIcon: e
+  },
+  props: {
+    isBookmarked: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "toggle-bookmark"
+  ],
+  data() {
+    return {
+      mdiBookmarkOutline: r,
+      mdiBookmark: a
+    };
+  }
+};
 export {
-  K as KV_LOAN_BOOKMARK_FRAGMENT,
-  v as default
+  i as KV_LOAN_BOOKMARK_FRAGMENT,
+  k as default
 };

package/dist/vue/KvLoanBookmark2.js

@@ -1,35 +1,24 @@
-import o from "graphql-tag";
-import { mdiBookmark as a, mdiBookmarkOutline as r } from "@mdi/js";
-import e from "./KvMaterialIcon.js";
-const i = o`
-	fragment KvLoanBookmark on LoanBasic {
-		id
-		userProperties {
-			favorited
-		}
-	}
-`, k = {
-  name: "KvLoanBookmark",
-  components: {
-    KvMaterialIcon: e
-  },
-  props: {
-    isBookmarked: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [
-    "toggle-bookmark"
-  ],
-  data() {
-    return {
-      mdiBookmarkOutline: r,
-      mdiBookmark: a
-    };
-  }
-};
+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 {
-  i as KV_LOAN_BOOKMARK_FRAGMENT,
-  k as default
+  K as KV_LOAN_BOOKMARK_FRAGMENT,
+  v as default
 };

package/dist/vue/KvLoanInfoCard.js

@@ -1,6 +1,6 @@
 import K from "graphql-tag";
 import { LOAN_GEOCODE_FRAGMENT as z, loanCardComputedProperties as D, loanCardMethods as I, useLocationTruncation as W } from "../utils/loanCard.js";
-import F from "./KvLoanUse.js";
+import F from "./KvLoanUse2.js";
 import E from "./KvBorrowerImage.js";
 import O from "./KvMaterialIcon.js";
 import V from "./KvLoadingPlaceholder.js";
@@ -8,7 +8,7 @@ import U from "./KvTooltip.js";
 import { resolveComponent as s, openBlock as e, createElementBlock as i, normalizeStyle as G, normalizeClass as k, createElementVNode as l, createBlock as c, resolveDynamicComponent as y, withCtx as w, createVNode as m, toDisplayString as b, createTextVNode as H, createCommentVNode as L, Fragment as q, renderList as j, withModifiers as J } from "vue";
 import "./KvLoanInfoCard.css";
 import Q from "../_virtual/_plugin-vue_export-helper.js";
-import { KV_LOAN_USE_FRAGMENT as X } from "./KvLoanUse2.js";
+import { KV_LOAN_USE_FRAGMENT as X } from "./KvLoanUse.js";
 const bt = K`
 	fragment KvLoanInfoCard on LoanBasic {
 		id