@kiva/kv-components 7.6.3 → 8.0.0

package/dist/vue/KvLoanActivities.js

@@ -1,197 +1,55 @@
-import C from "graphql-tag";
-import { toRefs as F, ref as K, computed as v, resolveComponent as b, openBlock as s, createElementBlock as d, createElementVNode as i, createVNode as g, toDisplayString as r, createCommentVNode as k, withCtx as A, Fragment as L, renderList as p, createBlock as M } from "vue";
-import B from "numeral";
-import { format as N } from "date-fns";
-import T from "./KvActivityRow.js";
-import I from "./KvLightbox.js";
-import j from "./KvLendCta.js";
+import h from "./KvLoanActivities2.js";
+import { KV_LOAN_ACTIVITIES_FRAGMENT as H } from "./KvLoanActivities2.js";
+import { resolveComponent as c, openBlock as n, createElementBlock as s, createElementVNode as o, createVNode as d, toDisplayString as l, createCommentVNode as r, withCtx as m, Fragment as w, renderList as _, createBlock as g } from "vue";
 import "./KvLoanActivities.css";
-import D from "../_virtual/_plugin-vue_export-helper.js";
-const nt = C`
-	fragment KvLoanActivities on LoanBasic {
-		id
-		lenders(limit: 0) {
-			totalCount
-		}
-		loanFundraisingInfo {
-			id
-			fundedAmount
-		}
-	}
-`, V = {
-  name: "KvLoanActivities",
-  components: {
-    KvActivityRow: T,
-    KvLightbox: I,
-    KvLendCta: j
-  },
-  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(f) {
-    const {
-      loan: a,
-      combinedActivities: t,
-      kvTrackFunction: e
-    } = F(f), c = K(!1), _ = v(() => {
-      var o;
-      return `Activity for ${(o = a.value) == null ? void 0 : o.name}`;
-    }), u = v(() => {
-      var o, n;
-      return ((n = (o = a.value) == null ? void 0 : o.lenders) == null ? void 0 : n.totalCount) ?? 0;
-    }), y = v(() => {
-      var n, m;
-      const o = ((m = (n = a.value) == null ? void 0 : n.loanFundraisingInfo) == null ? void 0 : m.fundedAmount) ?? 0;
-      return B(parseFloat(o)).format("$0,0");
-    }), w = v(() => {
-      const o = t.value.find((n) => n.data.some((m) => m.type === "LendingAction"));
-      return (o == null ? void 0 : o.data[0]) ?? {};
-    });
-    return {
-      lightboxOpen: c,
-      modalTitle: _,
-      formattedDate: (o) => {
-        const n = new Date(o);
-        return N(n, "MMM d, yyyy");
-      },
-      showActivityModal: () => {
-        e.value("loan-card", "click", "see-all-activity"), c.value = !0;
-      },
-      closeLightbox: () => {
-        c.value = !1;
-      },
-      singleActivity: w,
-      lendersNumber: u,
-      amountLent: y
-    };
-  }
-}, O = {
+import y from "../_virtual/_plugin-vue_export-helper.js";
+const A = {
   key: 0,
   class: "loan-activity"
-}, R = { class: "tw-flex tw-justify-center lg:tw-px-0" }, S = { class: "tw-flex tw-justify-center tw-mt-1 tw-text-small" }, E = { key: 0 }, q = { class: "tw-text-h3 tw-flex-1 data-hj-suppress" }, G = { class: "tw-overflow-x-hidden tw-px-2 tw-pb-1" }, z = { class: "tw-text-center tw-text-h4" }, H = { class: "tw-flex tw-flex-col tw-gap-y-1" }, J = {
+}, L = { class: "tw-flex tw-justify-center lg:tw-px-0" }, C = { class: "tw-flex tw-justify-center tw-mt-1 tw-text-small" }, K = { key: 0 }, N = { class: "tw-text-h3 tw-flex-1 data-hj-suppress" }, M = { class: "tw-overflow-x-hidden tw-px-2 tw-pb-1" }, T = { class: "tw-text-center tw-text-h4" }, V = { class: "tw-flex tw-flex-col tw-gap-y-1" }, B = {
   key: 0,
   class: "tw-mt-1 tw-text-small tw-text-danger"
-}, P = { class: "tw-flex tw-justify-end tw-mt-4 tw-pb-2.5 md:tw-pb-4" };
-function Q(f, a, t, e, c, _) {
-  const u = b("KvActivityRow"), y = b("KvLendCta"), w = b("KvLightbox");
-  return t.combinedActivities.length > 0 ? (s(), d("div", O, [
-    i("div", R, [
-      g(u, { activity: e.singleActivity }, null, 8, ["activity"])
+}, F = { class: "tw-flex tw-justify-end tw-mt-4 tw-pb-2.5 md:tw-pb-4" };
+function I(x, a, t, e, j, E) {
+  const v = c("KvActivityRow"), k = c("KvLendCta"), b = c("KvLightbox");
+  return t.combinedActivities.length > 0 ? (n(), s("div", A, [
+    o("div", L, [
+      d(v, { activity: e.singleActivity }, null, 8, ["activity"])
     ]),
-    i("div", S, [
-      e.lendersNumber && e.amountLent ? (s(), d("span", E, r(e.lendersNumber) + " lenders lent " + r(e.amountLent) + ".   ", 1)) : k("", !0),
-      i("button", {
+    o("div", C, [
+      e.lendersNumber && e.amountLent ? (n(), s("span", K, l(e.lendersNumber) + " lenders lent " + l(e.amountLent) + ".   ", 1)) : r("", !0),
+      o("button", {
         class: "tw-text-action hover:tw-underline",
-        onClick: a[0] || (a[0] = (...l) => e.showActivityModal && e.showActivityModal(...l))
+        onClick: a[0] || (a[0] = (...i) => e.showActivityModal && e.showActivityModal(...i))
       }, " See all activity ")
     ]),
-    g(w, {
+    d(b, {
       title: "Activity Feed Modal",
       visible: e.lightboxOpen,
       onLightboxClosed: e.closeLightbox
     }, {
-      header: A(() => [
-        i("h2", q, r(e.modalTitle), 1)
+      header: m(() => [
+        o("h2", N, l(e.modalTitle), 1)
       ]),
-      default: A(() => [
-        i("div", G, [
-          (s(!0), d(L, null, p(t.combinedActivities, (l) => (s(), d("div", {
-            key: l.key,
+      default: m(() => [
+        o("div", M, [
+          (n(!0), s(w, null, _(t.combinedActivities, (i) => (n(), s("div", {
+            key: i.key,
             class: "md:tw-px-8 lg:tw-px-14 tw-mt-4"
           }, [
-            i("h4", z, r(e.formattedDate(l.key)), 1),
-            i("div", H, [
-              (s(!0), d(L, null, p(l.data, (h, x) => (s(), M(u, {
-                key: x,
-                activity: h
+            o("h4", T, l(e.formattedDate(i.key)), 1),
+            o("div", V, [
+              (n(!0), s(w, null, _(i.data, (f, u) => (n(), g(v, {
+                key: u,
+                activity: f
               }, null, 8, ["activity"]))), 128))
             ])
           ]))), 128))
         ]),
-        i("div", null, [
-          t.errorMsg ? (s(), d("p", J, r(t.errorMsg), 1)) : k("", !0),
-          i("div", P, [
-            g(y, {
+        o("div", null, [
+          t.errorMsg ? (n(), s("p", B, l(t.errorMsg), 1)) : r("", !0),
+          o("div", F, [
+            d(k, {
               loan: t.loan,
               "is-loading": !1,
               "kv-track-function": t.kvTrackFunction,
@@ -203,17 +61,17 @@ function Q(f, a, t, e, c, _) {
               "is-adding": t.isAdding,
               "is-visitor": t.isVisitor,
               "enable-five-dollars-notes": t.enableFiveDollarsNotes,
-              onAddToBasket: a[1] || (a[1] = (l) => f.$emit("add-to-basket", l))
+              onAddToBasket: a[1] || (a[1] = (i) => x.$emit("add-to-basket", i))
             }, null, 8, ["loan", "kv-track-function", "get-cookie", "set-cookie", "user-balance", "basket-items", "route", "is-adding", "is-visitor", "enable-five-dollars-notes"])
           ])
         ])
       ]),
       _: 1
     }, 8, ["visible", "onLightboxClosed"])
-  ])) : k("", !0);
+  ])) : r("", !0);
 }
-const it = /* @__PURE__ */ D(V, [["render", Q], ["__scopeId", "data-v-159396a6"]]);
+const G = /* @__PURE__ */ y(h, [["render", I], ["__scopeId", "data-v-29ed34b0"]]);
 export {
-  nt as KV_LOAN_ACTIVITIES_FRAGMENT,
-  it as default
+  H as KV_LOAN_ACTIVITIES_FRAGMENT,
+  G as default
 };