@kiva/kv-components 7.6.3 → 8.0.0

package/dist/vue/KvClassicLoanCard2.js

@@ -0,0 +1,281 @@
+import a from "graphql-tag";
+import S from "numeral";
+import { LOAN_CALLOUTS_FRAGMENT as B, LOAN_GEOCODE_FRAGMENT as T, LOAN_PROGRESS_FRAGMENT as F, loanCardComputedProperties as w, loanCardMethods as E } from "../utils/loanCard.js";
+import M from "./KvLoanUse.js";
+import R from "./KvBorrowerImage.js";
+import k from "./KvLoanProgressGroup.js";
+import O from "./KvLoanCallouts.js";
+import G from "./KvLendCta.js";
+import b from "./KvLoanBookmark.js";
+import D from "./KvLoanTag.js";
+import P from "./KvMaterialIcon.js";
+import I from "./KvLoadingPlaceholder.js";
+import V from "./KvLoanTeamPick.js";
+import $ from "./KvLoanActivities.js";
+import { KV_LEND_CTA_FRAGMENT as U, KV_LEND_CTA_USER_FRAGMENT as z } from "./KvLendCta2.js";
+import { KV_LOAN_ACTIVITIES_FRAGMENT as W } from "./KvLoanActivities2.js";
+import { KV_LOAN_TAG_FRAGMENT as x } from "./KvLoanTag2.js";
+import { KV_LOAN_USE_FRAGMENT as H } from "./KvLoanUse2.js";
+import { KV_LOAN_BOOKMARK_FRAGMENT as q } from "./KvLoanBookmark2.js";
+const pe = a`
+	fragment KvClassicLoanCard on LoanBasic {
+		id
+		gender
+		image {
+			id
+			hash # for imageHash
+		}
+		lenders(limit: 0) {
+			totalCount # for lendersNumber
+		}
+		loanFundraisingInfo {
+			id
+			fundedAmount # for amountLent
+		}
+		name # for borrowerName
+		...KvLendCta
+		...KvLoanActivities
+		...KvLoanTag
+		...KvLoanUse
+		...LoanCallouts
+		...LoanGeocode
+		...LoanProgress
+	}
+	${U}
+	${W}
+	${x}
+	${H}
+	${B}
+	${T}
+	${F}
+`, ce = a`
+	fragment KvClassicLoanCardUser on LoanBasic {
+		id
+		...KvLendCtaUser
+		...KvLoanBookmark
+	}
+	${z}
+	${q}
+`, Le = {
+  name: "KvClassicLoanCard",
+  components: {
+    KvBorrowerImage: R,
+    KvLoadingPlaceholder: I,
+    KvLoanUse: M,
+    KvLoanProgressGroup: k,
+    KvMaterialIcon: P,
+    KvLendCta: G,
+    KvLoanTag: D,
+    KvLoanCallouts: O,
+    KvLoanBookmark: b,
+    KvLoanTeamPick: V,
+    KvLoanActivities: $
+  },
+  props: {
+    loanId: {
+      type: Number,
+      default: void 0
+    },
+    loan: {
+      type: Object,
+      default: null
+    },
+    customLoanDetails: {
+      type: Boolean,
+      default: !1
+    },
+    showTags: {
+      type: Boolean,
+      default: !1
+    },
+    categoryPageName: {
+      type: String,
+      default: ""
+    },
+    enableFiveDollarsNotes: {
+      type: Boolean,
+      default: !1
+    },
+    isAdding: {
+      type: Boolean,
+      default: !1
+    },
+    isVisitor: {
+      type: Boolean,
+      default: !0
+    },
+    basketItems: {
+      type: Array,
+      default: () => []
+    },
+    isBookmarked: {
+      type: Boolean,
+      default: !1
+    },
+    kvTrackFunction: {
+      type: Function,
+      required: !0
+    },
+    photoPath: {
+      type: String,
+      required: !0
+    },
+    showViewLoan: {
+      type: Boolean,
+      default: !1
+    },
+    externalLinks: {
+      type: Boolean,
+      default: !1
+    },
+    route: {
+      type: Object,
+      default: void 0
+    },
+    userBalance: {
+      type: String,
+      default: void 0
+    },
+    getCookie: {
+      type: Function,
+      default: void 0
+    },
+    setCookie: {
+      type: Function,
+      default: void 0
+    },
+    fiveDollarsSelected: {
+      type: Boolean,
+      default: !1
+    },
+    customCallouts: {
+      type: Array,
+      default: () => []
+    },
+    useFullWidth: {
+      type: Boolean,
+      default: !1
+    },
+    largeCard: {
+      type: Boolean,
+      default: !1
+    },
+    isTeamPick: {
+      type: Boolean,
+      default: !1
+    },
+    combinedActivities: {
+      type: Array,
+      default: () => []
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    primaryButtonText: {
+      type: String,
+      default: "Lend"
+    },
+    secondaryButtonHandler: {
+      type: Function,
+      default: void 0
+    },
+    secondaryButtonText: {
+      type: String,
+      default: "Checkout now"
+    },
+    showContributors: {
+      type: Boolean,
+      default: !1
+    },
+    customHref: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e, { emit: t }) {
+    const {
+      allDataLoaded: o,
+      borrowerName: r,
+      city: n,
+      countryName: i,
+      distributionModel: l,
+      formattedLocation: d,
+      fundraisingPercent: s,
+      hasProgressData: u,
+      imageHash: f,
+      isLoading: m,
+      loanAmount: p,
+      loanBorrowerCount: c,
+      loanCallouts: L,
+      loanStatus: A,
+      loanUse: g,
+      mdiMapMarker: y,
+      readMorePath: C,
+      state: _,
+      tag: h,
+      unreservedAmount: v,
+      sharesAvailable: K
+    } = w(e), {
+      clickReadMore: N
+    } = E(e, t);
+    return {
+      allDataLoaded: o,
+      borrowerName: r,
+      city: n,
+      countryName: i,
+      distributionModel: l,
+      formattedLocation: d,
+      fundraisingPercent: s,
+      hasProgressData: u,
+      imageHash: f,
+      isLoading: m,
+      loanAmount: p,
+      loanBorrowerCount: c,
+      loanCallouts: L,
+      loanStatus: A,
+      loanUse: g,
+      mdiMapMarker: y,
+      readMorePath: C,
+      state: _,
+      tag: h,
+      unreservedAmount: v,
+      sharesAvailable: K,
+      clickReadMore: N
+    };
+  },
+  computed: {
+    cardWidth() {
+      return this.useFullWidth ? "100%" : "374px";
+    },
+    imageAspectRatio() {
+      return this.largeCard ? 5 / 8 : 3 / 4;
+    },
+    imageDefaultWidth() {
+      return this.largeCard ? 480 : 336;
+    },
+    imageSizes() {
+      return this.largeCard ? [{ width: 480 }] : [
+        { width: this.imageDefaultWidth, viewSize: 1024 },
+        { width: this.imageDefaultWidth, viewSize: 768 },
+        { width: 416, viewSize: 480 },
+        { width: 374, viewSize: 414 },
+        { width: 335, viewSize: 375 }
+      ];
+    },
+    lendersNumber() {
+      var e, t;
+      return ((t = (e = this.loan) == null ? void 0 : e.lenders) == null ? void 0 : t.totalCount) ?? 0;
+    },
+    amountLent() {
+      var t, o;
+      const e = ((o = (t = this.loan) == null ? void 0 : t.loanFundraisingInfo) == null ? void 0 : o.fundedAmount) ?? 0;
+      return S(e).format("$0,0");
+    }
+  }
+};
+export {
+  pe as KV_CLASSIC_LOAN_CARD_FRAGMENT,
+  ce as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
+  Le as default
+};

package/dist/vue/KvCommentsAdd.css

@@ -1 +1 @@
-[data-v-8a6d6ddc] input{height:2rem;border-radius:0;border-top-width:0px;border-right-width:0px;border-left-width:0px;padding:0}[data-v-8a6d6ddc] input:focus{--tw-border-opacity: 1;border-color:rgba(var(--border-tertiary),var(--tw-border-opacity, 1));box-shadow:none}[data-v-8a6d6ddc] button>span{min-height:0}[data-v-8a6d6ddc] button>span>span{padding-top:0;padding-bottom:0;padding-left:.25rem;padding-right:.25rem}
+[data-v-aac57611] input{height:2rem;border-radius:0;border-top-width:0px;border-right-width:0px;border-left-width:0px;padding:0}[data-v-aac57611] input:focus{--tw-border-opacity: 1;border-color:rgba(var(--border-tertiary),var(--tw-border-opacity, 1));box-shadow:none}[data-v-aac57611] button>span{min-height:0}[data-v-aac57611] button>span>span{padding-top:0;padding-bottom:0;padding-left:.25rem;padding-right:.25rem}

package/dist/vue/KvCommentsAdd.js

@@ -1,107 +1,60 @@
-import { ref as u, computed as C, resolveComponent as s, openBlock as x, createElementBlock as g, createElementVNode as n, createVNode as a, toDisplayString as y, withKeys as D, withCtx as p, createTextVNode as _ } from "vue";
-import k from "./KvButton.js";
-import N from "./KvTextInput.js";
-import V from "./KvUserAvatar.js";
+import _ from "./KvCommentsAdd2.js";
+import { ADD_COMMENT_EVENT as O, ADD_COMMENT_ID as U, HIDE_INPUT_EVENT as b } from "./KvCommentsAdd2.js";
+import { resolveComponent as l, openBlock as u, createElementBlock as w, createElementVNode as o, createVNode as n, toDisplayString as p, withKeys as f, withCtx as m, createTextVNode as d } from "vue";
 import "./KvCommentsAdd.css";
-import E from "../_virtual/_plugin-vue_export-helper.js";
-const h = "add-comment-value", f = "add-comment", m = "hide-input", I = {
-  name: "KvCommentsAdd",
-  components: {
-    KvButton: k,
-    KvTextInput: N,
-    KvUserAvatar: V
-  },
-  props: {
-    /**
-     * The full URL for the user image
-     */
-    userImageUrl: {
-      type: String,
-      default: ""
-    },
-    /**
-     * The name to display for the user
-     */
-    userDisplayName: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Whether or not the comment is a reply
-     */
-    isReply: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [f, m],
-  setup(l, { emit: t }) {
-    const e = u(""), o = u(null), d = C(() => e.value ? "" : "disabled");
-    return {
-      ADD_COMMENT_ID: h,
-      addCommentValue: e,
-      commentButtonState: d,
-      cancel: () => {
-        e.value = "", l.isReply && t(m);
-      },
-      comment: () => {
-        t(f, e.value), e.value = "", l.isReply && t(m);
-      },
-      focus: () => o.value.focus()
-    };
-  }
-}, K = { class: "tw-flex tw-flex-col" }, T = { class: "tw-flex tw-flex-col md:tw-flex-row md:tw-items-center tw-gap-0.5 md:tw-gap-1" }, A = { class: "tw-flex tw-items-center tw-gap-1" }, B = { class: "data-hj-suppress tw-font-medium" }, M = { class: "tw-flex tw-py-0.5 tw-gap-0.5" };
-function S(l, t, e, o, d, v) {
-  const c = s("kv-user-avatar"), r = s("kv-text-input"), i = s("kv-button");
-  return x(), g("div", K, [
-    n("div", T, [
-      n("div", A, [
-        a(c, {
-          "lender-name": e.userDisplayName,
-          "lender-image-url": e.userImageUrl,
+import v from "../_virtual/_plugin-vue_export-helper.js";
+const x = { class: "tw-flex tw-flex-col" }, C = { class: "tw-flex tw-flex-col md:tw-flex-row md:tw-items-center tw-gap-0.5 md:tw-gap-1" }, k = { class: "tw-flex tw-items-center tw-gap-1" }, D = { class: "data-hj-suppress tw-font-medium" }, g = { class: "tw-flex tw-py-0.5 tw-gap-0.5" };
+function N(E, e, a, t, V, h) {
+  const r = l("kv-user-avatar"), i = l("kv-text-input"), s = l("kv-button");
+  return u(), w("div", x, [
+    o("div", C, [
+      o("div", k, [
+        n(r, {
+          "lender-name": a.userDisplayName,
+          "lender-image-url": a.userImageUrl,
           class: "tw-w-3 tw-h-3",
           "is-small": ""
         }, null, 8, ["lender-name", "lender-image-url"]),
-        n("div", B, y(e.userDisplayName), 1)
+        o("div", D, p(a.userDisplayName), 1)
       ]),
-      a(r, {
-        id: o.ADD_COMMENT_ID,
+      n(i, {
+        id: t.ADD_COMMENT_ID,
         ref: "input",
-        modelValue: o.addCommentValue,
-        "onUpdate:modelValue": t[0] || (t[0] = (w) => o.addCommentValue = w),
+        modelValue: t.addCommentValue,
+        "onUpdate:modelValue": e[0] || (e[0] = (c) => t.addCommentValue = c),
         placeholder: "Add a comment...",
         class: "data-hj-suppress tw-grow",
-        onKeyup: D(o.comment, ["enter"])
+        onKeyup: f(t.comment, ["enter"])
       }, null, 8, ["id", "modelValue", "onKeyup"])
     ]),
-    n("div", M, [
-      a(i, {
+    o("div", g, [
+      n(s, {
         variant: "ghost",
         class: "tw-ml-auto",
-        onClick: o.cancel
+        onClick: t.cancel
       }, {
-        default: p(() => t[1] || (t[1] = [
-          _(" Cancel ")
+        default: m(() => e[1] || (e[1] = [
+          d(" Cancel ")
         ])),
         _: 1
       }, 8, ["onClick"]),
-      a(i, {
+      n(s, {
         variant: "ghost",
-        state: o.commentButtonState,
-        onClick: o.comment
+        state: t.commentButtonState,
+        onClick: t.comment
       }, {
-        default: p(() => t[2] || (t[2] = [
-          _(" Comment ")
+        default: m(() => e[2] || (e[2] = [
+          d(" Comment ")
         ])),
         _: 1
       }, 8, ["state", "onClick"])
     ])
   ]);
 }
-const P = /* @__PURE__ */ E(I, [["render", S], ["__scopeId", "data-v-8a6d6ddc"]]);
+const A = /* @__PURE__ */ v(_, [["render", N], ["__scopeId", "data-v-aac57611"]]);
 export {
-  f as ADD_COMMENT_EVENT,
-  h as ADD_COMMENT_ID,
-  m as HIDE_INPUT_EVENT,
-  P as default
+  O as ADD_COMMENT_EVENT,
+  U as ADD_COMMENT_ID,
+  b as HIDE_INPUT_EVENT,
+  A as default
 };