@kiva/kv-components 10.6.0 → 10.6.1

package/dist/vue/KvClassicLoanCard.script.js

@@ -0,0 +1,298 @@
+import a from "graphql-tag";
+import S from "numeral";
+import { LOAN_CALLOUTS_FRAGMENT as M, LOAN_GEOCODE_FRAGMENT as k, LOAN_PROGRESS_FRAGMENT as F, loanCardComputedProperties as R, loanCardMethods as w, useLocationTruncation as E } from "../utils/loanCard.js";
+import b from "./KvLoanUse.js";
+import O from "./KvBorrowerImage.js";
+import G from "./KvLoanProgressGroup.js";
+import D from "./KvLoanCallouts.js";
+import P from "./KvLendCta.js";
+import I from "./KvLoanBookmark.js";
+import V from "./KvLoanTag.js";
+import $ from "./KvMaterialIcon.js";
+import U from "./KvLoadingPlaceholder.js";
+import z from "./KvLoanTeamPick.js";
+import W from "./KvLoanActivities.js";
+import x from "./KvTooltip.js";
+import { KV_LEND_CTA_FRAGMENT as H, KV_LEND_CTA_USER_FRAGMENT as j } from "./KvLendCta.script.js";
+import { KV_LOAN_ACTIVITIES_FRAGMENT as q } from "./KvLoanActivities.script.js";
+import { KV_LOAN_TAG_FRAGMENT as J } from "./KvLoanTag.script.js";
+import { KV_LOAN_USE_FRAGMENT as Q } from "./KvLoanUse.script.js";
+import { KV_LOAN_BOOKMARK_FRAGMENT as X } from "./KvLoanBookmark.script.js";
+const ve = 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
+	}
+	${H}
+	${q}
+	${J}
+	${Q}
+	${M}
+	${k}
+	${F}
+`, ye = a`
+	fragment KvClassicLoanCardUser on LoanBasic {
+		id
+		...KvLendCtaUser
+		...KvLoanBookmark
+	}
+	${j}
+	${X}
+`, Ce = {
+  name: "KvClassicLoanCard",
+  components: {
+    KvBorrowerImage: O,
+    KvLoadingPlaceholder: U,
+    KvLoanUse: b,
+    KvLoanProgressGroup: G,
+    KvMaterialIcon: $,
+    KvLendCta: P,
+    KvLoanTag: V,
+    KvLoanCallouts: D,
+    KvLoanBookmark: I,
+    KvLoanTeamPick: z,
+    KvLoanActivities: W,
+    KvTooltip: x
+  },
+  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: ""
+    },
+    enableMultiMatching: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "toggle-bookmark",
+    "jump-filter-page",
+    "add-to-basket",
+    "remove-from-basket"
+  ],
+  setup(e, { emit: t }) {
+    const {
+      allDataLoaded: o,
+      borrowerName: r,
+      city: n,
+      countryName: i,
+      distributionModel: l,
+      formattedLocation: s,
+      fundraisingPercent: d,
+      hasProgressData: u,
+      imageHash: m,
+      isLoading: f,
+      loanAmount: p,
+      loanBorrowerCount: c,
+      loanCallouts: L,
+      loanStatus: g,
+      loanUse: A,
+      mdiMapMarker: v,
+      readMorePath: y,
+      state: C,
+      tag: h,
+      unreservedAmount: _,
+      sharesAvailable: K
+    } = R(e), {
+      clickReadMore: N
+    } = w(e, t), {
+      locationRef: T,
+      isLocationTruncated: B
+    } = E();
+    return {
+      allDataLoaded: o,
+      borrowerName: r,
+      city: n,
+      countryName: i,
+      distributionModel: l,
+      formattedLocation: s,
+      fundraisingPercent: d,
+      hasProgressData: u,
+      imageHash: m,
+      isLoading: f,
+      loanAmount: p,
+      loanBorrowerCount: c,
+      loanCallouts: L,
+      loanStatus: g,
+      loanUse: A,
+      mdiMapMarker: v,
+      readMorePath: y,
+      state: C,
+      tag: h,
+      unreservedAmount: _,
+      sharesAvailable: K,
+      clickReadMore: N,
+      locationRef: T,
+      isLocationTruncated: B
+    };
+  },
+  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 {
+  ve as KV_CLASSIC_LOAN_CARD_FRAGMENT,
+  ye as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
+  Ce as default
+};

package/dist/vue/KvCommentsAdd.js

@@ -1,5 +1,5 @@
-import _ from "./KvCommentsAdd2.js";
-import { ADD_COMMENT_EVENT as O, ADD_COMMENT_ID as U, HIDE_INPUT_EVENT as b } from "./KvCommentsAdd2.js";
+import _ from "./KvCommentsAdd.script.js";
+import { ADD_COMMENT_EVENT as O, ADD_COMMENT_ID as U, HIDE_INPUT_EVENT as b } from "./KvCommentsAdd.script.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 v from "../_virtual/_plugin-vue_export-helper.js";

package/dist/vue/KvCommentsContainer.js

@@ -1,5 +1,5 @@
-import s from "./KvCommentsContainer2.js";
-import { ADD_COMMENT_EVENT as g, ADD_REACTION_EVENT as D } from "./KvCommentsContainer2.js";
+import s from "./KvCommentsContainer.script.js";
+import { ADD_COMMENT_EVENT as g, ADD_REACTION_EVENT as D } from "./KvCommentsContainer.script.js";
 import { resolveComponent as o, openBlock as n, createElementBlock as l, createBlock as t, createCommentVNode as r } from "vue";
 import u from "../_virtual/_plugin-vue_export-helper.js";
 function i(d, _, e, m, f, k) {

package/dist/vue/KvCommentsHeartButton.js

@@ -1,4 +1,4 @@
-import c from "./KvCommentsHeartButton2.js";
+import c from "./KvCommentsHeartButton.script.js";
 import { resolveComponent as r, openBlock as i, createElementBlock as l, createVNode as s, normalizeClass as m } from "vue";
 import "./KvCommentsHeartButton.css";
 import f from "../_virtual/_plugin-vue_export-helper.js";

package/dist/vue/KvCommentsList.js

@@ -1,4 +1,4 @@
-import o from "./KvCommentsList2.js";
+import o from "./KvCommentsList.script.js";
 import { resolveComponent as l, openBlock as i, createElementBlock as r, Fragment as m, renderList as a, createBlock as d } from "vue";
 import u from "../_virtual/_plugin-vue_export-helper.js";
 function c(_, p, e, n, f, k) {

package/dist/vue/KvCommentsListItem.js

@@ -1,5 +1,5 @@
-import E from "./KvCommentsListItem2.js";
-import { ADD_REACTION_EVENT as z, LIKE_COMMENT_EVENT as F, REPLY_COMMENT_EVENT as S } from "./KvCommentsListItem2.js";
+import E from "./KvCommentsListItem.script.js";
+import { ADD_REACTION_EVENT as z, LIKE_COMMENT_EVENT as F, REPLY_COMMENT_EVENT as S } from "./KvCommentsListItem.script.js";
 import { resolveComponent as m, openBlock as t, createElementBlock as l, createElementVNode as r, createVNode as a, toDisplayString as d, createCommentVNode as s, createBlock as N, normalizeClass as b, createTextVNode as g, Fragment as C, renderList as h } from "vue";
 import I from "../_virtual/_plugin-vue_export-helper.js";
 const O = { class: "tw-flex tw-items-center tw-gap-1" }, R = {

package/dist/vue/KvCommentsReplyButton.js

@@ -1,4 +1,4 @@
-import r from "./KvCommentsReplyButton2.js";
+import r from "./KvCommentsReplyButton.script.js";
 import { resolveComponent as C, openBlock as l, createBlock as p, withCtx as i, createElementVNode as o } from "vue";
 import "./KvCommentsReplyButton.css";
 import s from "../_virtual/_plugin-vue_export-helper.js";