@kiva/kv-components 7.6.3 → 8.0.1

package/dist/vue/KvLoanActivities2.js

@@ -0,0 +1,151 @@
+import { toRefs as m, ref as p, computed as n } from "vue";
+import { gql as v } 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 = v`
+	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: u,
+      kvTrackFunction: d
+    } = m(r), i = p(!1), l = n(() => {
+      var t;
+      return `Activity for ${((t = a.value) == null ? void 0 : t.name) || ""}`;
+    }), s = 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");
+    }), f = n(() => {
+      const t = u.value.find((e) => e.data.some((o) => o.type === "LendingAction"));
+      return (t == null ? void 0 : t.data[0]) ?? {};
+    });
+    return {
+      lightboxOpen: i,
+      modalTitle: l,
+      formattedDate: (t) => {
+        const e = new Date(t);
+        return y(e, "MMM d, yyyy");
+      },
+      showActivityModal: () => {
+        d.value("loan-card", "click", "see-all-activity"), i.value = !0;
+      },
+      closeLightbox: () => {
+        i.value = !1;
+      },
+      singleActivity: f,
+      lendersNumber: s,
+      amountLent: c
+    };
+  }
+};
+export {
+  O as KV_LOAN_ACTIVITIES_FRAGMENT,
+  _ as default
+};

package/dist/vue/KvLoanBookmark.js

@@ -1,50 +1,24 @@
-import a from "graphql-tag";
-import { mdiBookmarkOutline as m, mdiBookmark as i } from "@mdi/js";
-import s from "./KvMaterialIcon.js";
-import { resolveComponent as k, openBlock as l, createElementBlock as c, createElementVNode as d, createVNode as f, normalizeClass as p } from "vue";
-import u from "../_virtual/_plugin-vue_export-helper.js";
-const N = a`
-	fragment KvLoanBookmark on LoanBasic {
-		id
-		userProperties {
-			favorited
-		}
-	}
-`, B = {
-  name: "KvLoanBookmark",
-  components: {
-    KvMaterialIcon: s
-  },
-  props: {
-    isBookmarked: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  data() {
-    return {
-      mdiBookmarkOutline: m,
-      mdiBookmark: i
-    };
-  }
-};
-function _(r, e, o, v, t, w) {
-  const n = k("kv-material-icon");
-  return l(), c("div", null, [
-    d("button", {
+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] = (g) => r.$emit("toggle-bookmark"))
+      onClick: e[0] || (e[0] = (p) => r.$emit("toggle-bookmark"))
     }, [
-      f(n, {
-        class: p(["tw-w-3", { "tw-text-black": !o.isBookmarked, "tw-text-marigold": o.isBookmarked }]),
+      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 y = /* @__PURE__ */ u(B, [["render", _]]);
+const v = /* @__PURE__ */ d(i, [["render", f]]);
 export {
-  N as KV_LOAN_BOOKMARK_FRAGMENT,
-  y as default
+  K as KV_LOAN_BOOKMARK_FRAGMENT,
+  v as default
 };

package/dist/vue/KvLoanBookmark.vue.d.ts

@@ -0,0 +1,32 @@
+export declare const KV_LOAN_BOOKMARK_FRAGMENT: import('graphql').DocumentNode;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    isBookmarked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {
+    mdiBookmarkOutline: string;
+    mdiBookmark: string;
+}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    isBookmarked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    isBookmarked: boolean;
+}, {}, {
+    KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        icon: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvLoanBookmark2.js

@@ -0,0 +1,32 @@
+import o from "graphql-tag";
+import { mdiBookmarkOutline as a, mdiBookmark as r } from "@mdi/js";
+import e from "./KvMaterialIcon.js";
+const i = o`
+	fragment KvLoanBookmark on LoanBasic {
+		id
+		userProperties {
+			favorited
+		}
+	}
+`, s = {
+  name: "KvLoanBookmark",
+  components: {
+    KvMaterialIcon: e
+  },
+  props: {
+    isBookmarked: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      mdiBookmarkOutline: a,
+      mdiBookmark: r
+    };
+  }
+};
+export {
+  i as KV_LOAN_BOOKMARK_FRAGMENT,
+  s as default
+};

package/dist/vue/KvLoanCallouts.css

@@ -1 +1 @@
-.loan-callout[data-v-ee19492a]{background:#f1f1f1}
+.loan-callout[data-v-dd2eae54]{background:#f1f1f1}

package/dist/vue/KvLoanCallouts.js

@@ -1,30 +1,23 @@
-import { openBlock as e, createElementBlock as l, createElementVNode as r, Fragment as s, renderList as a, toDisplayString as n } from "vue";
+import r from "./KvLoanCallouts2.js";
+import { openBlock as e, createElementBlock as l, createElementVNode as s, Fragment as n, renderList as a, toDisplayString as i } from "vue";
 import "./KvLoanCallouts.css";
-import i from "../_virtual/_plugin-vue_export-helper.js";
+import d from "../_virtual/_plugin-vue_export-helper.js";
 const c = {
-  name: "KvLoanCallouts",
-  props: {
-    callouts: {
-      type: Array,
-      required: !0
-    }
-  }
-}, d = {
   class: "tw-overflow-hidden",
   style: { width: "inherit" }
 }, w = { class: "tw-flex tw-whitespace-nowrap tw-w-full tw-h-4" }, p = ["title"];
-function u(_, m, o, f, h, v) {
-  return e(), l("div", d, [
-    r("div", w, [
-      (e(!0), l(s, null, a(o.callouts, (t) => (e(), l("span", {
+function m(_, f, o, u, h, x) {
+  return e(), l("div", c, [
+    s("div", w, [
+      (e(!0), l(n, null, a(o.callouts, (t) => (e(), l("span", {
         key: t.label,
         title: t.label,
         class: "loan-callout tw-text-ellipsis tw-overflow-hidden tw-rounded-full tw-font-medium tw-py-0.5 tw-px-1 tw-mr-0.5 tw-mb-0.5 tw-text-small"
-      }, n(t.label), 9, p))), 128))
+      }, i(t.label), 9, p))), 128))
     ])
   ]);
 }
-const k = /* @__PURE__ */ i(c, [["render", u], ["__scopeId", "data-v-ee19492a"]]);
+const $ = /* @__PURE__ */ d(r, [["render", m], ["__scopeId", "data-v-dd2eae54"]]);
 export {
-  k as default
+  $ as default
 };

package/dist/vue/KvLoanCallouts.vue.d.ts

@@ -0,0 +1,18 @@
+import { PropType } from 'vue';
+export interface Callout {
+    label: string;
+    id?: number | null;
+    type?: string;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    callouts: {
+        type: PropType<Callout[]>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    callouts: {
+        type: PropType<Callout[]>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvLoanCallouts2.js

@@ -0,0 +1,12 @@
+const a = {
+  name: "KvLoanCallouts",
+  props: {
+    callouts: {
+      type: Array,
+      required: !0
+    }
+  }
+};
+export {
+  a as default
+};

package/dist/vue/KvLoanInfoCard.js

@@ -1,13 +1,14 @@
 import P from "graphql-tag";
 import { LOAN_GEOCODE_FRAGMENT as B, loanCardComputedProperties as R, loanCardMethods as z } from "../utils/loanCard.js";
-import D, { KV_LOAN_USE_FRAGMENT as K } from "./KvLoanUse.js";
-import W from "./KvBorrowerImage.js";
-import F from "./KvMaterialIcon.js";
-import T from "./KvLoadingPlaceholder.js";
-import { resolveComponent as c, openBlock as t, createElementBlock as i, normalizeClass as _, normalizeStyle as E, createElementVNode as d, createBlock as h, resolveDynamicComponent as v, withCtx as k, createVNode as s, createTextVNode as I, toDisplayString as b, createCommentVNode as O, Fragment as V, renderList as U, withModifiers as G } from "vue";
+import D from "./KvLoanUse.js";
+import K from "./KvBorrowerImage.js";
+import W from "./KvMaterialIcon.js";
+import F from "./KvLoadingPlaceholder.js";
+import { resolveComponent as c, openBlock as t, createElementBlock as i, normalizeClass as _, normalizeStyle as T, createElementVNode as d, createBlock as h, resolveDynamicComponent as v, withCtx as k, createVNode as s, createTextVNode as E, toDisplayString as b, createCommentVNode as I, Fragment as O, renderList as V, withModifiers as U } from "vue";
 import "./KvLoanInfoCard.css";
-import H from "../_virtual/_plugin-vue_export-helper.js";
-const we = P`
+import G from "../_virtual/_plugin-vue_export-helper.js";
+import { KV_LOAN_USE_FRAGMENT as H } from "./KvLoanUse2.js";
+const ue = P`
 	fragment KvLoanInfoCard on LoanBasic {
 		id
 		gender
@@ -19,15 +20,15 @@ const we = P`
 		...KvLoanUse
 		...LoanGeocode
 	}
-	${K}
+	${H}
 	${B}
 `, q = {
   name: "KvLoanInfoCard",
   components: {
-    KvBorrowerImage: W,
-    KvLoadingPlaceholder: T,
+    KvBorrowerImage: K,
+    KvLoadingPlaceholder: F,
     KvLoanUse: D,
-    KvMaterialIcon: F
+    KvMaterialIcon: W
   },
   props: {
     loanId: {
@@ -158,7 +159,7 @@ function oe(m, a, o, e, y, n) {
   return t(), i("div", {
     class: _(["tw-flex tw-flex-col tw-bg-white tw-rounded tw-w-full tw-pb-1 tw-p-1", { "tw-pointer-events-none": e.isLoading }]),
     "data-testid": "loan-card",
-    style: E([{ "box-shadow": "0 4px 12px rgba(0, 0, 0, 0.08)" }, { minWidth: "230px", maxWidth: n.cardWidth }])
+    style: T([{ "box-shadow": "0 4px 12px rgba(0, 0, 0, 0.08)" }, { minWidth: "230px", maxWidth: n.cardWidth }])
   }, [
     d("div", j, [
       d("div", J, [
@@ -190,9 +191,9 @@ function oe(m, a, o, e, y, n) {
                     class: "tw-h-2 tw-w-2",
                     icon: e.mdiMapMarker
                   }, null, 8, ["icon"]),
-                  I(" " + b(e.formattedLocation), 1)
+                  E(" " + b(e.formattedLocation), 1)
                 ])
-              ])) : O("", !0)
+              ])) : I("", !0)
             ]),
             _: 1
           }, 8, ["to", "href"]))
@@ -207,7 +208,7 @@ function oe(m, a, o, e, y, n) {
           default: k(() => [
             d("div", Z, [
               e.isLoading ? (t(), i("div", $, [
-                (t(!0), i(V, null, U([...Array(4)], (r, g) => (t(), i("div", {
+                (t(!0), i(O, null, V([...Array(4)], (r, g) => (t(), i("div", {
                   key: g,
                   class: "tw-h-2 tw-mb-1"
                 }, [
@@ -242,7 +243,7 @@ function oe(m, a, o, e, y, n) {
                 s(l)
               ])) : (t(), i("div", {
                 key: 1,
-                onClick: a[2] || (a[2] = G((r) => e.clickReadMore("ViewLoan", r), ["prevent"]))
+                onClick: a[2] || (a[2] = U((r) => e.clickReadMore("ViewLoan", r), ["prevent"]))
               }, b(o.primaryLinkText), 1))
             ])
           ]),
@@ -252,8 +253,8 @@ function oe(m, a, o, e, y, n) {
     ])
   ], 6);
 }
-const ue = /* @__PURE__ */ H(q, [["render", oe], ["__scopeId", "data-v-5a01b4de"]]);
+const fe = /* @__PURE__ */ G(q, [["render", oe], ["__scopeId", "data-v-5a01b4de"]]);
 export {
-  we as KV_LOAN_INFO_CARD_FRAGMENT,
-  ue as default
+  ue as KV_LOAN_INFO_CARD_FRAGMENT,
+  fe as default
 };

package/dist/vue/KvLoanProgressGroup.css

@@ -1 +1 @@
-.progress-group-amount-low[data-v-7a7ebf36]{color:#ce4a00}
+.progress-group-amount-low[data-v-d788b8b5]{color:#ce4a00}

package/dist/vue/KvLoanProgressGroup.js

@@ -1,68 +1,29 @@
-import a from "numeral";
-import c from "./KvProgressBar.js";
-import { resolveComponent as i, openBlock as n, createElementBlock as l, createElementVNode as s, normalizeClass as u, toDisplayString as m, createCommentVNode as d, createVNode as p } from "vue";
+import c from "./KvLoanProgressGroup2.js";
+import { resolveComponent as m, openBlock as o, createElementBlock as r, createElementVNode as a, normalizeClass as n, toDisplayString as s, createCommentVNode as u, createVNode as _ } from "vue";
 import "./KvLoanProgressGroup.css";
-import g from "../_virtual/_plugin-vue_export-helper.js";
-const _ = {
-  name: "KvLoanProgressGroup",
-  components: {
-    KvProgressBar: c
-  },
-  props: {
-    moneyLeft: {
-      type: String,
-      default: "0.00"
-    },
-    progressPercent: {
-      type: Number,
-      default: 0
-    },
-    amountGoal: {
-      type: String,
-      default: ""
-    }
-  },
-  computed: {
-    numeralLeft() {
-      return a(this.moneyLeft);
-    },
-    amountLow() {
-      return this.numeralLeft.value() < 100;
-    },
-    fundingText() {
-      if (!this.numeralLeft.value()) return "funded!";
-      const e = this.numeralLeft.format("$0,0[.]00"), r = this.amountLow ? "!" : "";
-      return `${e} to go${r}`;
-    },
-    numeralGoal() {
-      return a(this.amountGoal);
-    },
-    goalText() {
-      return this.numeralGoal.value() ? `${this.numeralGoal.format("$0,0[.]00")} goal` : "";
-    }
-  }
-}, h = {
+import d from "../_virtual/_plugin-vue_export-helper.js";
+const f = {
   key: 0,
   class: "tw-lowercase tw-mb-0.5"
 };
-function v(e, r, t, w, L, o) {
-  const f = i("kv-progress-bar");
-  return n(), l("figure", null, [
-    s("div", {
-      class: u({ "tw-flex tw-justify-between": t.amountGoal })
+function i(p, w, e, g, b, t) {
+  const l = m("kv-progress-bar");
+  return o(), r("figure", null, [
+    a("div", {
+      class: n({ "tw-flex tw-justify-between": e.amountGoal })
     }, [
-      s("h4", {
-        class: u(["tw-lowercase tw-mb-0.5", { "progress-group-amount-low": o.amountLow }])
-      }, m(o.fundingText), 3),
-      t.amountGoal ? (n(), l("h4", h, m(o.goalText), 1)) : d("", !0)
+      a("h4", {
+        class: n(["tw-lowercase tw-mb-0.5", { "progress-group-amount-low": t.amountLow }])
+      }, s(t.fundingText), 3),
+      e.amountGoal ? (o(), r("h4", f, s(t.goalText), 1)) : u("", !0)
     ], 2),
-    p(f, {
-      "aria-label": "Percent the loan has funded",
-      value: t.progressPercent * 100
+    _(l, {
+      label: "Percent the loan has funded",
+      value: e.progressPercent * 100
     }, null, 8, ["value"])
   ]);
 }
-const P = /* @__PURE__ */ g(_, [["render", v], ["__scopeId", "data-v-7a7ebf36"]]);
+const y = /* @__PURE__ */ d(c, [["render", i], ["__scopeId", "data-v-d788b8b5"]]);
 export {
-  P as default
+  y as default
 };

package/dist/vue/KvLoanProgressGroup.vue.d.ts

@@ -0,0 +1,108 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    moneyLeft: {
+        type: StringConstructor;
+        default: string;
+    };
+    progressPercent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    amountGoal: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {
+    numeralLeft(): any;
+    amountLow(): boolean;
+    fundingText(): string;
+    numeralGoal(): any;
+    goalText(): string;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    moneyLeft: {
+        type: StringConstructor;
+        default: string;
+    };
+    progressPercent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    amountGoal: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    moneyLeft: string;
+    progressPercent: number;
+    amountGoal: string;
+}, {}, {
+    KvProgressBar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        min: {
+            type: NumberConstructor;
+            default: number;
+        };
+        max: {
+            type: NumberConstructor;
+            default: number;
+        };
+        value: {
+            type: NumberConstructor;
+            default: number;
+            required: true;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        bgVariant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+    }>, {
+        loaded: import('vue').Ref<boolean, boolean>;
+        percent: import('vue').ComputedRef<number>;
+        animateProgressBar: () => void;
+        variantClass: import('vue').ComputedRef<"tw-bg-tertiary" | "tw-bg-danger" | "tw-bg-caution" | "tw-bg-brand">;
+        backgroundVariant: import('vue').ComputedRef<"tw-bg-tertiary" | "tw-bg-secondary">;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        min: {
+            type: NumberConstructor;
+            default: number;
+        };
+        max: {
+            type: NumberConstructor;
+            default: number;
+        };
+        value: {
+            type: NumberConstructor;
+            default: number;
+            required: true;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        bgVariant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+    }>> & Readonly<{}>, {
+        value: number;
+        variant: string;
+        min: number;
+        max: number;
+        bgVariant: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;