@kiva/kv-components 6.57.6 → 6.57.7

package/dist/vue/KvAtbModal.css

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

package/dist/vue/KvAtbModal.js

@@ -103,20 +103,20 @@ const Q = {
   ],
   setup(b, { emit: i }) {
     const {
-      modalVisible: a,
+      modalVisible: r,
       addedLoan: l,
       userData: m,
       hasEverLoggedIn: A,
       myKivaExperimentEnabled: p,
       oneLoanAwayCategory: w,
       oneLoanAwayFilteredUrl: v,
-      milestonesProgress: q
+      milestonesProgress: P
     } = N(b), f = E(0), k = E(0), Z = C(() => {
       var t;
       return ((t = l.value) == null ? void 0 : t.basketSize) ?? 0;
-    }), H = C(() => {
-      const t = `${window.innerWidth - k.value - 200}`, o = `${f.value}`;
-      return { right: t, top: o };
+    }), q = C(() => {
+      const t = window.innerWidth - k.value - 200, o = `${t > 0 ? t : 0}`, n = `${f.value}`;
+      return { right: o, top: n };
     }), u = C(() => {
       var t;
       return (t = l.value) == null ? void 0 : t.name;
@@ -124,13 +124,13 @@ const Q = {
       var t;
       return !((t = m.value) != null && t.my);
     }), g = C(() => {
-      var t, o, r;
-      return p.value && (_.value && !A.value || !_.value && !((r = (o = (t = m.value) == null ? void 0 : t.my) == null ? void 0 : o.loans) != null && r.totalCount)) && Z.value === 1;
-    }), x = C(() => w.value && v.value && !g.value), j = C(() => Object.values(q.value).reduce((t, o) => t + (o > 0 ? o : 0), 0)), P = C(() => {
-      var o, r, s;
+      var t, o, n;
+      return p.value && (_.value && !A.value || !_.value && !((n = (o = (t = m.value) == null ? void 0 : t.my) == null ? void 0 : o.loans) != null && n.totalCount)) && Z.value === 1;
+    }), x = C(() => w.value && v.value && !g.value), j = C(() => Object.values(P.value).reduce((t, o) => t + (o > 0 ? o : 0), 0)), H = C(() => {
+      var o, n, s;
       if (g.value) {
-        const n = `Supporting ${u.value} helps`;
-        return ((o = l.value) == null ? void 0 : o.borrowerCount) > 1 || (r = l.value) != null && r.themes.includes("Social Enterprise") ? `${n} them invest in themselves.` : ((s = l.value) == null ? void 0 : s.gender) === "male" ? `${n} him invest in himself.` : `${n} her invest in herself.`;
+        const a = `Supporting ${u.value} helps`;
+        return ((o = l.value) == null ? void 0 : o.borrowerCount) > 1 || (n = l.value) != null && n.themes.includes("Social Enterprise") ? `${a} them invest in themselves.` : ((s = l.value) == null ? void 0 : s.gender) === "male" ? `${a} him invest in himself.` : `${a} her invest in herself.`;
       }
       if (x.value)
         return "You’re close to your next achievement!";
@@ -143,24 +143,24 @@ const Q = {
       o && V(o), i("reset-modal");
     }, M = () => {
       const t = document.getElementsByTagName("header")[0], o = (t == null ? void 0 : t.getBoundingClientRect()) ?? null;
-      let r = [...document.querySelectorAll('[data-testid="header-basket"]')], s = r.find((L) => L == null ? void 0 : L.clientHeight);
-      s || (r = [...document.querySelectorAll('[data-testid="header-about"]')], s = r.find((L) => L == null ? void 0 : L.clientHeight));
-      const n = (s == null ? void 0 : s.getBoundingClientRect()) ?? null;
-      n && (n == null ? void 0 : n.right) !== k.value && (k.value = n == null ? void 0 : n.right), o && (o == null ? void 0 : o.bottom) !== f.value && (f.value = o == null ? void 0 : o.bottom);
+      let n = [...document.querySelectorAll('[data-testid="header-basket"]')], s = n.find((L) => L == null ? void 0 : L.clientHeight);
+      s || (n = [...document.querySelectorAll('[data-testid="header-about"]')], s = n.find((L) => L == null ? void 0 : L.clientHeight));
+      const a = (s == null ? void 0 : s.getBoundingClientRect()) ?? null;
+      a && (a == null ? void 0 : a.right) !== k.value && (k.value = a == null ? void 0 : a.right), o && (o == null ? void 0 : o.bottom) !== f.value && (f.value = o == null ? void 0 : o.bottom);
     }, c = G(M, 50);
-    return F(a, () => {
-      a.value && M();
+    return F(r, () => {
+      r.value && M();
     }, { immediate: !0 }), O(() => {
       M(), window.addEventListener("scroll", c), window.addEventListener("resize", c);
     }), z(() => {
       window.removeEventListener("scroll", c), window.removeEventListener("resize", c);
     }), {
-      modalPosition: H,
+      modalPosition: q,
       basketCount: Z,
       isFirstLoan: g,
       borrowerName: u,
       showOneAway: x,
-      pillMsg: P,
+      pillMsg: H,
       closeCartModal: K
     };
   }
@@ -187,27 +187,27 @@ const Q = {
   key: 2,
   class: "tw-text-h5"
 };
-function o1(b, i, a, l, m, A) {
+function o1(b, i, r, l, m, A) {
   const p = B("KvCartPill"), w = B("KvCartModal");
-  return a.modalVisible ? (d(), D(w, {
+  return r.modalVisible ? (d(), D(w, {
     key: 0,
     style: R({
       "--modal-right": `${l.modalPosition.right}px`,
       "--modal-top": `${l.modalPosition.top}px`
     }),
     class: "cart-modal !tw-top-0",
-    visible: a.modalVisible,
-    "photo-path": a.photoPath,
+    visible: r.modalVisible,
+    "photo-path": r.photoPath,
     "basket-count": l.basketCount,
-    "category-name": a.oneLoanAwayCategory,
+    "category-name": r.oneLoanAwayCategory,
     onCartModalClosed: l.closeCartModal
   }, {
     content: S(() => [
-      a.showModalContent || l.isFirstLoan ? (d(), h("div", X, [
+      r.showModalContent || l.isFirstLoan ? (d(), h("div", X, [
         T(p, {
           class: "!tw-w-full tw-justify-center",
           "borrower-name": l.borrowerName,
-          "milestones-number": a.milestonesNumber,
+          "milestones-number": r.milestonesNumber,
           "is-close-next-milestone": l.showOneAway,
           "custom-message": l.pillMsg
         }, {
@@ -380,7 +380,7 @@ function o1(b, i, a, l, m, A) {
                   fill: "#757575"
                 }, null, -1)
               ]))),
-              l.showOneAway ? (d(), h("div", t1, U(a.oneAwayText), 1)) : y("", !0)
+              l.showOneAway ? (d(), h("div", t1, U(r.oneAwayText), 1)) : y("", !0)
             ], 2)
           ]),
           _: 1
@@ -390,7 +390,7 @@ function o1(b, i, a, l, m, A) {
     _: 1
   }, 8, ["style", "visible", "photo-path", "basket-count", "category-name", "onCartModalClosed"])) : y("", !0);
 }
-const C1 = /* @__PURE__ */ J(Q, [["render", o1], ["__scopeId", "data-v-2070d628"]]);
+const C1 = /* @__PURE__ */ J(Q, [["render", o1], ["__scopeId", "data-v-85b67e19"]]);
 export {
   C1 as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.57.6",
+  "version": "6.57.7",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "24c9aa1fe01dc29c3aaccd0d1f9f16e3755d2094"
+  "gitHead": "59526ed2d6727f6ee60c0da4d5f40b9b264b29b9"
 }