@kiva/kv-components 7.6.3 → 8.0.1

package/dist/vue/KvLoanProgressGroup2.js

@@ -0,0 +1,44 @@
+import e from "numeral";
+import o from "./KvProgressBar.js";
+const u = {
+  name: "KvLoanProgressGroup",
+  components: {
+    KvProgressBar: o
+  },
+  props: {
+    moneyLeft: {
+      type: String,
+      default: "0.00"
+    },
+    progressPercent: {
+      type: Number,
+      default: 0
+    },
+    amountGoal: {
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    numeralLeft() {
+      return e(this.moneyLeft);
+    },
+    amountLow() {
+      return this.numeralLeft.value() < 100;
+    },
+    fundingText() {
+      if (!this.numeralLeft.value()) return "funded!";
+      const t = this.numeralLeft.format("$0,0[.]00"), r = this.amountLow ? "!" : "";
+      return `${t} to go${r}`;
+    },
+    numeralGoal() {
+      return e(this.amountGoal);
+    },
+    goalText() {
+      return this.numeralGoal.value() ? `${this.numeralGoal.format("$0,0[.]00")} goal` : "";
+    }
+  }
+};
+export {
+  u as default
+};

package/dist/vue/KvLoanTag.js

@@ -1,111 +1,23 @@
-import { parseISO as s, differenceInDays as m } from "date-fns";
-import c from "graphql-tag";
-import p from "numeral";
-import f from "./KvCountdownTimer.js";
-import { resolveComponent as h, openBlock as d, createElementBlock as g, normalizeStyle as L, createTextVNode as x, toDisplayString as A, createBlock as v, createCommentVNode as l } from "vue";
+import n from "./KvLoanTag2.js";
+import { KV_LOAN_TAG_FRAGMENT as A } from "./KvLoanTag2.js";
+import { resolveComponent as a, openBlock as t, createElementBlock as c, normalizeStyle as l, createTextVNode as m, toDisplayString as d, createBlock as i, createCommentVNode as o } from "vue";
 import _ from "../_virtual/_plugin-vue_export-helper.js";
-const y = "N/A", t = {
-  almostFunded: "almost-funded",
-  endingSoon: "ending-soon",
-  matchedLoan: "matched-loan",
-  lseLoan: "lse-loan"
-}, I = c`
-	fragment KvLoanTag on LoanBasic {
-		id
-		loanFundraisingInfo {
-			id
-			fundedAmount
-			reservedAmount
-		}
-		loanAmount
-		matchRatio
-		matchingText
-		plannedExpirationDate
-		... on LoanPartner {
-			partnerName
-		}
-	}
-`, E = {
-  name: "KvLoanTag",
-  components: {
-    KvCountdownTimer: f
-  },
-  props: {
-    loan: {
-      type: Object,
-      required: !0
-    },
-    useExpandedStyles: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  computed: {
-    deadline() {
-      var e;
-      return s((e = this.loan) == null ? void 0 : e.plannedExpirationDate);
-    },
-    isLseLoan() {
-      var e, n;
-      return ((n = (e = this.loan) == null ? void 0 : e.partnerName) == null ? void 0 : n.toUpperCase().includes(y)) ?? !1;
-    },
-    amountLeft() {
-      var o, r;
-      const e = ((o = this.loan) == null ? void 0 : o.loanFundraisingInfo) ?? { fundedAmount: 0, reservedAmount: 0 }, { fundedAmount: n, reservedAmount: i } = e;
-      return p((r = this.loan) == null ? void 0 : r.loanAmount).subtract(n).subtract(i).value();
-    },
-    variation() {
-      var e, n;
-      return (e = this.loan) != null && e.matchingText ? t.matchedLoan : this.isLseLoan ? t.lseLoan : m(s((n = this.loan) == null ? void 0 : n.plannedExpirationDate), Date.now()) <= 3 ? t.endingSoon : this.amountLeft < 100 && this.amountLeft >= 0 ? t.almostFunded : null;
-    },
-    tagText() {
-      var e;
-      switch (this.variation) {
-        case t.lseLoan:
-          return `${this.useExpandedStyles ? "⚡ " : ""}High community impact`;
-        case t.almostFunded:
-          return `${this.useExpandedStyles ? "💸 " : ""}Almost funded`;
-        // eslint-disable-next-line max-len
-        case t.matchedLoan:
-          return `${this.useExpandedStyles ? "🤝 " : ""}${this.matchRatio + 1}x matching by ${(e = this.loan) == null ? void 0 : e.matchingText}`;
-        default:
-          return `${this.useExpandedStyles ? "⏰ " : ""}Ending soon: `;
-      }
-    },
-    tagColor() {
-      if (this.useExpandedStyles)
-        switch (this.variation) {
-          case t.almostFunded:
-            return "#AF741C";
-          case t.endingSoon:
-            return "#CE2626";
-          default:
-            return "#2B7C5F";
-        }
-      return "#CE4A00";
-    },
-    matchRatio() {
-      var e;
-      return (e = this.loan) == null ? void 0 : e.matchRatio;
-    }
-  }
-};
-function S(e, n, i, o, r, a) {
-  const u = h("kv-countdown-timer");
-  return a.variation ? (d(), g("div", {
+function p(s, f, u, k, v, e) {
+  const r = a("kv-countdown-timer");
+  return e.variation ? (t(), c("div", {
     key: 0,
     class: "tw-text-small tw-font-medium tw-pt-0.5 tw-line-clamp-1",
-    style: L({ color: a.tagColor })
+    style: l({ color: e.tagColor })
   }, [
-    x(A(a.tagText) + " ", 1),
-    a.variation === "ending-soon" ? (d(), v(u, {
+    m(d(e.tagText) + " ", 1),
+    e.variation === "ending-soon" ? (t(), i(r, {
       key: 0,
-      deadline: a.deadline
-    }, null, 8, ["deadline"])) : l("", !0)
-  ], 4)) : l("", !0);
+      deadline: e.deadline
+    }, null, 8, ["deadline"])) : o("", !0)
+  ], 4)) : o("", !0);
 }
-const B = /* @__PURE__ */ _(E, [["render", S]]);
+const y = /* @__PURE__ */ _(n, [["render", p]]);
 export {
-  I as KV_LOAN_TAG_FRAGMENT,
-  B as default
+  A as KV_LOAN_TAG_FRAGMENT,
+  y as default
 };

package/dist/vue/KvLoanTag.vue.d.ts

@@ -0,0 +1,46 @@
+export declare const KV_LOAN_TAG_FRAGMENT: import('graphql').DocumentNode;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    loan: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    useExpandedStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {
+    deadline(): Date;
+    isLseLoan(): any;
+    amountLeft(): any;
+    variation(): string;
+    tagText(): string;
+    tagColor(): "#AF741C" | "#CE2626" | "#2B7C5F" | "#CE4A00";
+    matchRatio(): any;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    loan: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    useExpandedStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    useExpandedStyles: boolean;
+}, {}, {
+    KvCountdownTimer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        deadline: {
+            type: DateConstructor;
+            required: true;
+        };
+    }>, {
+        timeLeft: import('vue').Ref<any, any>;
+        remainingHours: import('vue').Ref<any, any>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        deadline: {
+            type: DateConstructor;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvLoanTag2.js

@@ -0,0 +1,94 @@
+import { parseISO as s, differenceInDays as i } from "date-fns";
+import d from "graphql-tag";
+import u from "numeral";
+import l from "./KvCountdownTimer.js";
+const m = "N/A", t = {
+  almostFunded: "almost-funded",
+  endingSoon: "ending-soon",
+  matchedLoan: "matched-loan",
+  lseLoan: "lse-loan"
+}, L = d`
+	fragment KvLoanTag on LoanBasic {
+		id
+		loanFundraisingInfo {
+			id
+			fundedAmount
+			reservedAmount
+		}
+		loanAmount
+		matchRatio
+		matchingText
+		plannedExpirationDate
+		... on LoanPartner {
+			partnerName
+		}
+	}
+`, g = {
+  name: "KvLoanTag",
+  components: {
+    KvCountdownTimer: l
+  },
+  props: {
+    loan: {
+      type: Object,
+      required: !0
+    },
+    useExpandedStyles: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  computed: {
+    deadline() {
+      var n;
+      return s((n = this.loan) == null ? void 0 : n.plannedExpirationDate);
+    },
+    isLseLoan() {
+      var n, e;
+      return ((e = (n = this.loan) == null ? void 0 : n.partnerName) == null ? void 0 : e.toUpperCase().includes(m)) ?? !1;
+    },
+    amountLeft() {
+      var a, o;
+      const n = ((a = this.loan) == null ? void 0 : a.loanFundraisingInfo) ?? { fundedAmount: 0, reservedAmount: 0 }, { fundedAmount: e, reservedAmount: r } = n;
+      return u((o = this.loan) == null ? void 0 : o.loanAmount).subtract(e).subtract(r).value();
+    },
+    variation() {
+      var n, e;
+      return (n = this.loan) != null && n.matchingText ? t.matchedLoan : this.isLseLoan ? t.lseLoan : i(s((e = this.loan) == null ? void 0 : e.plannedExpirationDate), Date.now()) <= 3 ? t.endingSoon : this.amountLeft < 100 && this.amountLeft >= 0 ? t.almostFunded : null;
+    },
+    tagText() {
+      var n;
+      switch (this.variation) {
+        case t.lseLoan:
+          return `${this.useExpandedStyles ? "⚡ " : ""}High community impact`;
+        case t.almostFunded:
+          return `${this.useExpandedStyles ? "💸 " : ""}Almost funded`;
+        // eslint-disable-next-line max-len
+        case t.matchedLoan:
+          return `${this.useExpandedStyles ? "🤝 " : ""}${this.matchRatio + 1}x matching by ${(n = this.loan) == null ? void 0 : n.matchingText}`;
+        default:
+          return `${this.useExpandedStyles ? "⏰ " : ""}Ending soon: `;
+      }
+    },
+    tagColor() {
+      if (this.useExpandedStyles)
+        switch (this.variation) {
+          case t.almostFunded:
+            return "#AF741C";
+          case t.endingSoon:
+            return "#CE2626";
+          default:
+            return "#2B7C5F";
+        }
+      return "#CE4A00";
+    },
+    matchRatio() {
+      var n;
+      return (n = this.loan) == null ? void 0 : n.matchRatio;
+    }
+  }
+};
+export {
+  L as KV_LOAN_TAG_FRAGMENT,
+  g as default
+};

package/dist/vue/KvLoanTeamPick.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/vue/KvLoanUse.js

@@ -1,104 +1,16 @@
-import i from "graphql-tag";
-import o from "numeral";
-import { openBlock as r, createElementBlock as l } from "vue";
-import u from "../_virtual/_plugin-vue_export-helper.js";
-const n = "direct", g = i`
-	fragment KvLoanUse on LoanBasic {
-		id
-		anonymizationLevel
-		use
-		loanAmount
-		status
-		borrowerCount
-		name
-		distributionModel
-		whySpecial
-	}
-`, p = {
-  name: "KvLoanUse",
-  props: {
-    anonymizationLevel: {
-      type: String,
-      default: "none"
-    },
-    use: {
-      type: String,
-      default: ""
-    },
-    loanAmount: {
-      type: String,
-      default: ""
-    },
-    status: {
-      type: String,
-      default: ""
-    },
-    borrowerCount: {
-      type: Number,
-      default: 1
-    },
-    name: {
-      type: String,
-      default: ""
-    },
-    distributionModel: {
-      type: String,
-      default: n
-    },
-    whySpecial: {
-      type: String,
-      default: ""
-    },
-    hideLoanAmount: {
-      type: Boolean,
-      default: !1
-    },
-    boldName: {
-      type: Boolean,
-      default: !1
-    },
-    country: {
-      type: String,
-      default: ""
-    },
-    useIndicativeHelpText: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  computed: {
-    helpLanguage() {
-      return this.status === "fundraising" || this.status === "inactive" || this.status === "reviewed" ? "helps" : "helped";
-    },
-    isDirect() {
-      return this.distributionModel === n;
-    },
-    whySpecialSentence() {
-      return this.whySpecial ? ` This loan is special because ${this.whySpecial.charAt(0).toLowerCase() + this.whySpecial.slice(1)}` : "";
-    },
-    nameSpan() {
-      return this.boldName ? this.country ? `<span class="data-hj-suppress tw-font-medium">${this.name} in ${this.country}</span>` : `<span class="data-hj-suppress tw-font-medium">${this.name}</span>` : `<span class="data-hj-suppress">${this.name}</span>`;
-    },
-    loanUse() {
-      if (this.anonymizationLevel === "full" || this.use.length === 0)
-        return "For the borrower's privacy, this loan has been made anonymous.";
-      if (this.hideLoanAmount) {
-        const e = this.useIndicativeHelpText ? this.helpLanguage : "Help";
-        return `${e.charAt(0).toUpperCase() + e.slice(1)} ${this.nameSpan} ${this.use.charAt(0).toLowerCase() + this.use.slice(1)} ${this.whySpecialSentence}`;
-      }
-      const t = this.borrowerCount > 1;
-      return `${o(this.loanAmount).format("$0,0")} ${this.isDirect ? "to" : this.helpLanguage} ${t ? "a member of " : ""}${this.nameSpan} ${this.isDirect ? `${this.helpLanguage} ` : ""}${this.use.charAt(0).toLowerCase() + this.use.slice(1)}${this.whySpecialSentence}`;
-    }
-  }
-}, h = ["innerHTML"];
-function c(t, e, s, d, m, a) {
-  return r(), l("p", {
+import o from "./KvLoanUse2.js";
+import { KV_LOAN_USE_FRAGMENT as E } from "./KvLoanUse2.js";
+import { openBlock as r, createElementBlock as n } from "vue";
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const c = ["innerHTML"];
+function s(_, p, a, l, m, e) {
+  return r(), n("p", {
     class: "tw-line-clamp-4",
-    innerHTML: a.loanUse
-  }, null, 8, h);
+    innerHTML: e.loanUse
+  }, null, 8, c);
 }
-const w = /* @__PURE__ */ u(p, [["render", c]]);
+const u = /* @__PURE__ */ t(o, [["render", s]]);
 export {
-  g as KV_LOAN_USE_FRAGMENT,
-  w as default
+  E as KV_LOAN_USE_FRAGMENT,
+  u as default
 };

package/dist/vue/KvLoanUse.vue.d.ts

@@ -0,0 +1,120 @@
+export declare const KV_LOAN_USE_FRAGMENT: import('graphql').DocumentNode;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    anonymizationLevel: {
+        type: StringConstructor;
+        default: string;
+    };
+    use: {
+        type: StringConstructor;
+        default: string;
+    };
+    loanAmount: {
+        type: StringConstructor;
+        default: string;
+    };
+    status: {
+        type: StringConstructor;
+        default: string;
+    };
+    borrowerCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    distributionModel: {
+        type: StringConstructor;
+        default: string;
+    };
+    whySpecial: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideLoanAmount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    boldName: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    country: {
+        type: StringConstructor;
+        default: string;
+    };
+    useIndicativeHelpText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {
+    helpLanguage(): "helps" | "helped";
+    isDirect(): boolean;
+    whySpecialSentence(): string;
+    nameSpan(): string;
+    loanUse(): string;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    anonymizationLevel: {
+        type: StringConstructor;
+        default: string;
+    };
+    use: {
+        type: StringConstructor;
+        default: string;
+    };
+    loanAmount: {
+        type: StringConstructor;
+        default: string;
+    };
+    status: {
+        type: StringConstructor;
+        default: string;
+    };
+    borrowerCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    distributionModel: {
+        type: StringConstructor;
+        default: string;
+    };
+    whySpecial: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideLoanAmount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    boldName: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    country: {
+        type: StringConstructor;
+        default: string;
+    };
+    useIndicativeHelpText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    name: string;
+    use: string;
+    anonymizationLevel: string;
+    loanAmount: string;
+    status: string;
+    borrowerCount: number;
+    distributionModel: string;
+    whySpecial: string;
+    hideLoanAmount: boolean;
+    boldName: boolean;
+    country: string;
+    useIndicativeHelpText: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvLoanUse2.js

@@ -0,0 +1,95 @@
+import s from "graphql-tag";
+import i from "numeral";
+const t = "direct", l = s`
+	fragment KvLoanUse on LoanBasic {
+		id
+		anonymizationLevel
+		use
+		loanAmount
+		status
+		borrowerCount
+		name
+		distributionModel
+		whySpecial
+	}
+`, u = {
+  name: "KvLoanUse",
+  props: {
+    anonymizationLevel: {
+      type: String,
+      default: "none"
+    },
+    use: {
+      type: String,
+      default: ""
+    },
+    loanAmount: {
+      type: String,
+      default: ""
+    },
+    status: {
+      type: String,
+      default: ""
+    },
+    borrowerCount: {
+      type: Number,
+      default: 1
+    },
+    name: {
+      type: String,
+      default: ""
+    },
+    distributionModel: {
+      type: String,
+      default: t
+    },
+    whySpecial: {
+      type: String,
+      default: ""
+    },
+    hideLoanAmount: {
+      type: Boolean,
+      default: !1
+    },
+    boldName: {
+      type: Boolean,
+      default: !1
+    },
+    country: {
+      type: String,
+      default: ""
+    },
+    useIndicativeHelpText: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  computed: {
+    helpLanguage() {
+      return this.status === "fundraising" || this.status === "inactive" || this.status === "reviewed" ? "helps" : "helped";
+    },
+    isDirect() {
+      return this.distributionModel === t;
+    },
+    whySpecialSentence() {
+      return this.whySpecial ? ` This loan is special because ${this.whySpecial.charAt(0).toLowerCase() + this.whySpecial.slice(1)}` : "";
+    },
+    nameSpan() {
+      return this.boldName ? this.country ? `<span class="data-hj-suppress tw-font-medium">${this.name} in ${this.country}</span>` : `<span class="data-hj-suppress tw-font-medium">${this.name}</span>` : `<span class="data-hj-suppress">${this.name}</span>`;
+    },
+    loanUse() {
+      if (this.anonymizationLevel === "full" || this.use.length === 0)
+        return "For the borrower's privacy, this loan has been made anonymous.";
+      if (this.hideLoanAmount) {
+        const e = this.useIndicativeHelpText ? this.helpLanguage : "Help";
+        return `${e.charAt(0).toUpperCase() + e.slice(1)} ${this.nameSpan} ${this.use.charAt(0).toLowerCase() + this.use.slice(1)} ${this.whySpecialSentence}`;
+      }
+      const a = this.borrowerCount > 1;
+      return `${i(this.loanAmount).format("$0,0")} ${this.isDirect ? "to" : this.helpLanguage} ${a ? "a member of " : ""}${this.nameSpan} ${this.isDirect ? `${this.helpLanguage} ` : ""}${this.use.charAt(0).toLowerCase() + this.use.slice(1)}${this.whySpecialSentence}`;
+    }
+  }
+};
+export {
+  l as KV_LOAN_USE_FRAGMENT,
+  u as default
+};

package/dist/vue/KvLogo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;