@kiva/kv-components 7.6.3 → 8.0.1

package/dist/vue/KvImpactVerticalSelector2.js

@@ -0,0 +1,85 @@
+import { ref as v, onMounted as E, computed as n } from "vue";
+import I from "./KvCardFrame.js";
+import b from "./KvContentfulImg.js";
+const B = {
+  components: {
+    KvCardFrame: I,
+    KvContentfulImg: b
+  },
+  props: {
+    // Expects an array of categories from our API
+    categoryList: {
+      type: Array,
+      default: () => []
+    },
+    // Expects a list of category ids to hide from the selector
+    hiddenCategories: {
+      type: Array,
+      default: () => []
+    },
+    imageWidth: {
+      type: Number,
+      default: 64
+    },
+    // Category id to pre-select when component mounts
+    preSelectedCategory: {
+      type: String,
+      default: null
+    },
+    // Use compact horizontal layout on tablet and up (keeps image to the left)
+    useCompactCard: {
+      type: Boolean,
+      default: !1
+    },
+    // Array of category ids that the user has already selected
+    existingCategories: {
+      type: Array,
+      default: () => []
+    },
+    // Message to show for categories that are in the existingCategories list
+    existingCategoryMessage: {
+      type: String,
+      default: "Already selected"
+    }
+  },
+  emits: ["category-selected"],
+  setup(t, { emit: p }) {
+    const i = v(null), a = (e) => {
+      i.value = e, p("category-selected", e);
+    };
+    E(() => {
+      t.preSelectedCategory && a(t.preSelectedCategory);
+    });
+    const x = (e) => {
+      var l, o, u, c, d, m, f, C, g;
+      if (e.contentfulEntry) {
+        const r = (c = (u = (o = (l = e == null ? void 0 : e.contentfulEntry) == null ? void 0 : l.entry) == null ? void 0 : o.fields) == null ? void 0 : u.content) == null ? void 0 : c.find(
+          (s) => {
+            var w, y;
+            return (y = (w = s == null ? void 0 : s.fields) == null ? void 0 : w.key) == null ? void 0 : y.includes("category-icon");
+          }
+        );
+        return ((g = (C = (f = (m = (d = r == null ? void 0 : r.fields) == null ? void 0 : d.contentLight) == null ? void 0 : m[0]) == null ? void 0 : f.fields) == null ? void 0 : C.file) == null ? void 0 : g.url) ?? null;
+      }
+      return null;
+    }, h = n(() => t.useCompactCard ? "tw-p-1 md:tw-p-2 tw-flex tw-flex-row tw-items-center tw-cursor-pointer" : "tw-p-2 tw-flex tw-flex-row md:tw-flex-col tw-items-center tw-cursor-pointer"), L = n(() => t.useCompactCard ? "tw-shrink-0 tw-mr-2" : "tw-shrink-0 tw-mr-2 md:tw-mr-0 md:tw-mb-2"), S = n(() => t.useCompactCard ? "" : "md:tw-text-center"), A = (e) => t.existingCategories.includes(e), k = n(() => !t.categoryList || t.categoryList.length === 0 ? [] : t.categoryList.filter((e) => !t.hiddenCategories.includes(e.id)).map((e) => ({
+      id: e.id,
+      name: e.name,
+      description: e.description,
+      customImage: e.customImage || null,
+      contentfulImage: x(e) || null
+    })));
+    return {
+      selectedCategory: i,
+      formattedCategories: k,
+      selectCategory: a,
+      cardContainerClasses: h,
+      imageClasses: L,
+      textContainerClasses: S,
+      isCategoryExisting: A
+    };
+  }
+};
+export {
+  B as default
+};

package/dist/vue/KvInlineActivityCard.js

@@ -1,52 +1,23 @@
-import { toRefs as c, computed as l, resolveComponent as m, openBlock as p, createElementBlock as i, createVNode as w, createElementVNode as d, toDisplayString as u, createTextVNode as _ } from "vue";
-import f from "./KvUserAvatar.js";
-import v from "../_virtual/_plugin-vue_export-helper.js";
-const g = {
-  name: "KvInlineActivityCard",
-  components: {
-    KvUserAvatar: f
-  },
-  props: {
-    /**
-           * Activity data object
-           */
-    activity: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup(s) {
-    const {
-      activity: e
-    } = c(s), a = l(() => {
-      var t, r;
-      return ((r = (t = e == null ? void 0 : e.value) == null ? void 0 : t.lender) == null ? void 0 : r.name) ?? "";
-    });
-    return {
-      lenderImageUrl: l(() => {
-        var t, r, o;
-        return ((o = (r = (t = e == null ? void 0 : e.value) == null ? void 0 : t.lender) == null ? void 0 : r.image) == null ? void 0 : o.url) ?? "";
-      }),
-      lenderName: a
-    };
-  }
-}, x = { class: "tw-flex tw-items-center tw-gap-1 tw-py-0.5 tw-px-1 tw-shadow-lg tw-rounded-xs tw-bg-white" }, h = { class: "tw-text-base tw-whitespace-nowrap" }, N = { class: "data-hj-suppress" };
-function U(s, e, a, n, t, r) {
-  const o = m("KvUserAvatar");
-  return p(), i("div", x, [
-    w(o, {
-      "lender-image-url": n.lenderImageUrl,
-      "lender-name": n.lenderName,
+import o from "./KvInlineActivityCard2.js";
+import { resolveComponent as s, openBlock as a, createElementBlock as l, createVNode as d, createElementVNode as r, toDisplayString as c, createTextVNode as i } from "vue";
+import m from "../_virtual/_plugin-vue_export-helper.js";
+const p = { class: "tw-flex tw-items-center tw-gap-1 tw-py-0.5 tw-px-1 tw-shadow-lg tw-rounded-xs tw-bg-white" }, w = { class: "tw-text-base tw-whitespace-nowrap" }, _ = { class: "data-hj-suppress" };
+function f(x, t, h, e, v, g) {
+  const n = s("KvUserAvatar");
+  return a(), l("div", p, [
+    d(n, {
+      "lender-image-url": e.lenderImageUrl,
+      "lender-name": e.lenderName,
       class: "tw-w-4 tw-h-4 tw-flex-shrink-0",
       "is-small": ""
     }, null, 8, ["lender-image-url", "lender-name"]),
-    d("p", h, [
-      d("span", N, u(n.lenderName), 1),
-      e[0] || (e[0] = _(" contributed "))
+    r("p", w, [
+      r("span", _, c(e.lenderName), 1),
+      t[0] || (t[0] = i(" contributed "))
     ])
   ]);
 }
-const b = /* @__PURE__ */ v(g, [["render", U]]);
+const k = /* @__PURE__ */ m(o, [["render", f]]);
 export {
-  b as default
+  k as default
 };

package/dist/vue/KvInlineActivityCard.vue.d.ts

@@ -0,0 +1,71 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    activity: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>, {
+    lenderImageUrl: import('vue').ComputedRef<any>;
+    lenderName: import('vue').ComputedRef<any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    activity: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    activity: Record<string, any>;
+}, {}, {
+    KvUserAvatar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        lenderName: {
+            type: StringConstructor;
+            default: string;
+        };
+        lenderImageUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        isSmall: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showCssPlaceholder: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        isAnonymousUser: import('vue').ComputedRef<boolean>;
+        avatarClass: import('vue').ComputedRef<string>;
+        userHasImage: import('vue').ComputedRef<boolean>;
+        lenderNameFirstLetter: import('vue').ComputedRef<string>;
+        letterViewBox: import('vue').ComputedRef<"0 0 27 27" | "0 0 27.5 27.5">;
+        isLegacyPlaceholderAvatar: typeof import('..').isLegacyPlaceholderAvatar;
+        isImageLoading: import('vue').Ref<boolean, boolean>;
+        onImgLoad: () => void;
+        imageRef: import('vue').Ref<any, any>;
+        userAvatar: import('vue').Ref<any, any>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        lenderName: {
+            type: StringConstructor;
+            default: string;
+        };
+        lenderImageUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        isSmall: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showCssPlaceholder: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        lenderName: string;
+        lenderImageUrl: string;
+        isSmall: boolean;
+        showCssPlaceholder: boolean;
+    }, {}, {
+        KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvInlineActivityCard2.js

@@ -0,0 +1,35 @@
+import { toRefs as m, computed as o } from "vue";
+import s from "./KvUserAvatar.js";
+const c = {
+  name: "KvInlineActivityCard",
+  components: {
+    KvUserAvatar: s
+  },
+  props: {
+    /**
+           * Activity data object
+           */
+    activity: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(a) {
+    const {
+      activity: e
+    } = m(a), l = o(() => {
+      var r, n;
+      return ((n = (r = e == null ? void 0 : e.value) == null ? void 0 : r.lender) == null ? void 0 : n.name) ?? "";
+    });
+    return {
+      lenderImageUrl: o(() => {
+        var r, n, t;
+        return ((t = (n = (r = e == null ? void 0 : e.value) == null ? void 0 : r.lender) == null ? void 0 : n.image) == null ? void 0 : t.url) ?? "";
+      }),
+      lenderName: l
+    };
+  }
+};
+export {
+  c as default
+};

package/dist/vue/KvInlineActivityFeed.css

@@ -1 +1 @@
-.hide-scrollbar[data-v-98fb814a]{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar[data-v-98fb814a]::-webkit-scrollbar{display:none}
+.hide-scrollbar[data-v-1d2e3e07]{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar[data-v-1d2e3e07]::-webkit-scrollbar{display:none}

package/dist/vue/KvInlineActivityFeed.js

@@ -1,30 +1,18 @@
-import c from "./KvInlineActivityCard.js";
+import c from "./KvInlineActivityFeed2.js";
 import { resolveComponent as a, openBlock as t, createElementBlock as e, Fragment as l, renderList as s, createBlock as p } from "vue";
 import "./KvInlineActivityFeed.css";
-import v from "../_virtual/_plugin-vue_export-helper.js";
-const d = {
-  name: "KvInlineActivityFeed",
-  components: { KvInlineActivityCard: c },
-  props: {
-    /**
-           * Activities data array
-           */
-    activities: {
-      type: Array,
-      default: () => []
-    }
-  }
-}, m = { class: "tw-flex tw-gap-x-0.5 tw-overflow-x-auto tw-py-2 tw-px-1 hide-scrollbar" };
-function _(f, y, i, u, x, w) {
-  const n = a("KvInlineActivityCard");
-  return t(), e("div", m, [
-    (t(!0), e(l, null, s(i.activities, (o, r) => (t(), p(n, {
-      key: r,
-      activity: o
+import d from "../_virtual/_plugin-vue_export-helper.js";
+const _ = { class: "tw-flex tw-gap-x-0.5 tw-overflow-x-auto tw-py-2 tw-px-1 hide-scrollbar" };
+function m(v, f, o, u, x, w) {
+  const r = a("KvInlineActivityCard");
+  return t(), e("div", _, [
+    (t(!0), e(l, null, s(o.activities, (n, i) => (t(), p(r, {
+      key: i,
+      activity: n
     }, null, 8, ["activity"]))), 128))
   ]);
 }
-const C = /* @__PURE__ */ v(d, [["render", _], ["__scopeId", "data-v-98fb814a"]]);
+const A = /* @__PURE__ */ d(c, [["render", m], ["__scopeId", "data-v-1d2e3e07"]]);
 export {
-  C as default
+  A as default
 };

package/dist/vue/KvInlineActivityFeed.vue.d.ts

@@ -0,0 +1,85 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    activities: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    activities: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+}>> & Readonly<{}>, {
+    activities: unknown[];
+}, {}, {
+    KvInlineActivityCard: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        activity: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+    }>, {
+        lenderImageUrl: import('vue').ComputedRef<any>;
+        lenderName: import('vue').ComputedRef<any>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        activity: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+    }>> & Readonly<{}>, {
+        activity: Record<string, any>;
+    }, {}, {
+        KvUserAvatar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            lenderName: {
+                type: StringConstructor;
+                default: string;
+            };
+            lenderImageUrl: {
+                type: StringConstructor;
+                default: string;
+            };
+            isSmall: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showCssPlaceholder: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {
+            isAnonymousUser: import('vue').ComputedRef<boolean>;
+            avatarClass: import('vue').ComputedRef<string>;
+            userHasImage: import('vue').ComputedRef<boolean>;
+            lenderNameFirstLetter: import('vue').ComputedRef<string>;
+            letterViewBox: import('vue').ComputedRef<"0 0 27 27" | "0 0 27.5 27.5">;
+            isLegacyPlaceholderAvatar: typeof import('..').isLegacyPlaceholderAvatar;
+            isImageLoading: import('vue').Ref<boolean, boolean>;
+            onImgLoad: () => void;
+            imageRef: import('vue').Ref<any, any>;
+            userAvatar: import('vue').Ref<any, any>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            lenderName: {
+                type: StringConstructor;
+                default: string;
+            };
+            lenderImageUrl: {
+                type: StringConstructor;
+                default: string;
+            };
+            isSmall: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showCssPlaceholder: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {
+            lenderName: string;
+            lenderImageUrl: string;
+            isSmall: boolean;
+            showCssPlaceholder: boolean;
+        }, {}, {
+            KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvInlineActivityFeed2.js

@@ -0,0 +1,17 @@
+import t from "./KvInlineActivityCard.js";
+const i = {
+  name: "KvInlineActivityFeed",
+  components: { KvInlineActivityCard: t },
+  props: {
+    /**
+           * Activities data array
+           */
+    activities: {
+      type: Array,
+      default: () => []
+    }
+  }
+};
+export {
+  i as default
+};

package/dist/vue/KvIntroductionLoanCard.css

@@ -1 +1 @@
-.loan-callouts[data-v-49b21d16] span{background-color:transparent!important;--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1))}.loan-card-use[data-v-49b21d16]:hover,.loan-card-use[data-v-49b21d16]:focus{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1))}.loan-card-active-hover:hover .loan-card-use[data-v-49b21d16],.loan-card-active-hover:hover .loan-card-name[data-v-49b21d16]{text-decoration-line:underline}.loan-card-progress[data-v-49b21d16],.loan-card-progress[data-v-49b21d16]:hover,.loan-card-progress[data-v-49b21d16]:focus{text-decoration-line:none}.loan-card-name[data-v-49b21d16]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;cursor:pointer;overflow:hidden;text-overflow:ellipsis;padding-left:1.5rem;padding-right:1.5rem;padding-top:.5rem}.loan-bookmark[data-v-49b21d16] button{border-top-left-radius:0!important;border-top-right-radius:0!important}
+.loan-callouts[data-v-5220c6a3] span{background-color:transparent!important;--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1))}.loan-card-use[data-v-5220c6a3]:hover,.loan-card-use[data-v-5220c6a3]:focus{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1))}.loan-card-active-hover:hover .loan-card-use[data-v-5220c6a3],.loan-card-active-hover:hover .loan-card-name[data-v-5220c6a3]{text-decoration-line:underline}.loan-card-progress[data-v-5220c6a3],.loan-card-progress[data-v-5220c6a3]:hover,.loan-card-progress[data-v-5220c6a3]:focus{text-decoration-line:none}.loan-card-name[data-v-5220c6a3]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;cursor:pointer;overflow:hidden;text-overflow:ellipsis;padding-left:1.5rem;padding-right:1.5rem;padding-top:.5rem}.loan-bookmark[data-v-5220c6a3] button{border-top-left-radius:0!important;border-top-right-radius:0!important}