@kiva/kv-components 6.20.0 → 6.21.0

package/dist/vue/KvAtbModal.css

@@ -1 +1 @@
-@media (min-width: 45.875rem){.cart-modal[data-v-c974cd2d] div.container{right:var(--modal-right)!important;top:var(--modal-top)!important}}
+@media (min-width: 45.875rem){.cart-modal[data-v-9be640c2] div.container{right:var(--modal-right)!important;top:var(--modal-top)!important}}

package/dist/vue/KvAtbModal.js

@@ -110,11 +110,11 @@ const Y = {
       oneLoanAwayCategory: p,
       oneLoanAwayFilteredUrl: d,
       milestonesProgress: S
-    } = N(g), w = j(0), f = j(0), b = C(() => {
+    } = N(g), w = j(0), v = j(0), b = C(() => {
       var t;
       return ((t = n.value) == null ? void 0 : t.basketSize) ?? 0;
     }), q = C(() => {
-      const t = `${window.innerWidth - f.value - 200}`, o = `${w.value}`;
+      const t = `${window.innerWidth - v.value - 200}`, o = `${w.value}`;
       return { right: t, top: o };
     }), c = C(() => {
       var t;
@@ -122,19 +122,19 @@ const Y = {
     }), A = C(() => {
       var t;
       return !((t = l.value) != null && t.my);
-    }), v = C(() => {
+    }), f = C(() => {
       var t, o, a;
       return y.value && (A.value && !M.value || !A.value && !((a = (o = (t = l.value) == null ? void 0 : t.my) == null ? void 0 : o.loans) != null && a.totalCount)) && b.value === 1;
-    }), Z = C(() => p.value && d.value && !v.value), _ = C(() => Object.values(S.value).reduce((t, o) => t + (o > 0 ? o : 0), 0)), H = C(() => {
+    }), Z = C(() => p.value && d.value && !f.value), _ = C(() => Object.values(S.value).reduce((t, o) => t + (o > 0 ? o : 0), 0)), H = C(() => {
       var o, a, s;
-      if (v.value) {
+      if (f.value) {
         const r = `Supporting ${c.value} helps`;
         return ((o = n.value) == null ? void 0 : o.borrowerCount) > 1 || (a = n.value) != null && a.themes.includes("Social Enterprise") ? `${r} them invest in themselves.` : ((s = n.value) == null ? void 0 : s.gender) === "male" ? `${r} him invest in himself.` : `${r} her invest in herself.`;
       }
       if (Z.value)
-        return "You’re close to your next milestone!";
-      const t = _.value > 1 ? `${_.value} of your milestones` : "your next milestone";
-      return c.value ? `Supporting ${c.value} will hit ${t}!` : "Supporting this loan achieves a milestone!";
+        return "You’re close to your next achievement!";
+      const t = _.value > 1 ? `${_.value} achievements` : "your next achievement";
+      return c.value ? `Supporting ${c.value} will reach ${t}!` : "Supporting this loan reaches an achievement!";
     }), P = (t) => {
       t === "view-basket" ? i("close-redirect", { type: t, path: "/basket" }) : t === "support-another" && d.value && i("close-redirect", { type: t, path: d.value });
     }, K = (t) => {
@@ -145,7 +145,7 @@ const Y = {
       let a = [...document.querySelectorAll('[data-testid="header-basket"]')], s = a.find((L) => L == null ? void 0 : L.clientHeight);
       s || (a = [...document.querySelectorAll('[data-testid="header-about"]')], s = a.find((L) => L == null ? void 0 : L.clientHeight));
       const r = (s == null ? void 0 : s.getBoundingClientRect()) ?? null;
-      r && (r == null ? void 0 : r.right) !== f.value && (f.value = r == null ? void 0 : r.right), o && (o == null ? void 0 : o.bottom) !== w.value && (w.value = o == null ? void 0 : o.bottom);
+      r && (r == null ? void 0 : r.right) !== v.value && (v.value = r == null ? void 0 : r.right), o && (o == null ? void 0 : o.bottom) !== w.value && (w.value = o == null ? void 0 : o.bottom);
     }, h = I(x, 100);
     return V(() => {
       x(), window.addEventListener("scroll", h), window.addEventListener("resize", h);
@@ -154,7 +154,7 @@ const Y = {
     }), {
       modalPosition: q,
       basketCount: b,
-      isFirstLoan: v,
+      isFirstLoan: f,
       borrowerName: c,
       showOneAway: Z,
       pillMsg: H,
@@ -387,7 +387,7 @@ function e1(g, i, n, l, M, y) {
     _: 1
   }, 8, ["style", "visible", "photo-path", "basket-count", "category-name", "onCartModalClosed"])) : k("", !0);
 }
-const i1 = /* @__PURE__ */ W(Y, [["render", e1], ["__scopeId", "data-v-c974cd2d"]]);
+const i1 = /* @__PURE__ */ W(Y, [["render", e1], ["__scopeId", "data-v-9be640c2"]]);
 export {
   i1 as default
 };

package/dist/vue/KvCartPill.js

@@ -1,4 +1,4 @@
-import { toRefs as n, computed as a, openBlock as i, createElementBlock as u, normalizeClass as p, renderSlot as c, createElementVNode as m, toDisplayString as f } from "vue";
+import { toRefs as a, computed as n, openBlock as i, createElementBlock as c, normalizeClass as u, renderSlot as p, createElementVNode as m, toDisplayString as f } from "vue";
 import d from "../_virtual/_plugin-vue_export-helper.js";
 const w = {
   props: {
@@ -28,30 +28,30 @@ const w = {
       borrowerName: o,
       milestonesNumber: t,
       isCloseNextMilestone: s
-    } = n(e);
+    } = a(e);
     return {
-      pillCopy: a(() => {
+      pillCopy: n(() => {
         if (e.customMessage)
           return e.customMessage;
         if (s.value)
-          return "You’re close to your next milestone!";
-        const l = t.value > 1 ? `${t.value} of your milestones` : "your next milestone";
-        return o.value ? `Supporting ${o.value} will hit ${l}!` : "Supporting this loan achieves a milestone!";
+          return "You’re close to your next achievement!";
+        const l = t.value > 1 ? `${t.value} achievements` : "your next achievement";
+        return o.value ? `Supporting ${o.value} will reach ${l}!` : "Supporting this loan reaches an achievement!";
       })
     };
   }
 }, y = { class: "tw-text-wrap" };
 function g(e, o, t, s, r, l) {
-  return i(), u("div", {
-    class: p(["tw-w-max tw-flex tw-items-center tw-gap-1 tw-px-1 tw-py-0.5 tw-rounded", {
+  return i(), c("div", {
+    class: u(["tw-w-max tw-flex tw-items-center tw-gap-1 tw-px-1 tw-py-0.5 tw-rounded", {
       "tw-text-small tw-bg-secondary": t.showBg
     }])
   }, [
-    c(e.$slots, "icon"),
+    p(e.$slots, "icon"),
     m("p", y, f(s.pillCopy), 1)
   ], 2);
 }
-const v = /* @__PURE__ */ d(w, [["render", g]]);
+const x = /* @__PURE__ */ d(w, [["render", g]]);
 export {
-  v as default
+  x as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.20.0",
+  "version": "6.21.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -111,5 +111,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "679a1245a2f841c23eaabfd75403bd128b375774"
+  "gitHead": "f15221e0afa6a6f02148a46f9f563e60c01fd0e8"
 }