@kiva/kv-components 6.27.0 → 6.27.2

package/dist/vue/KvAtbModal.css

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

package/dist/vue/KvAtbModal.js

@@ -1,13 +1,13 @@
-import { toRefs as N, ref as j, computed as C, onMounted as V, onUnmounted as F, resolveComponent as E, openBlock as u, createBlock as O, normalizeStyle as z, withCtx as B, createElementBlock as m, createVNode as D, createElementVNode as e, normalizeClass as R, toDisplayString as T, createCommentVNode as k } from "vue";
-import { throttle as I } from "../utils/throttle.js";
-import U from "./KvCartModal.js";
-import G from "./KvCartPill.js";
+import { toRefs as N, ref as E, computed as C, watch as F, onMounted as O, onUnmounted as z, resolveComponent as B, openBlock as d, createBlock as D, normalizeStyle as R, withCtx as S, createElementBlock as h, createVNode as T, createElementVNode as e, normalizeClass as I, toDisplayString as U, createCommentVNode as y } from "vue";
+import { throttle as G } from "../utils/throttle.js";
+import W from "./KvCartModal.js";
+import Y from "./KvCartPill.js";
 import "./KvAtbModal.css";
-import W from "../_virtual/_plugin-vue_export-helper.js";
-const Y = {
+import J from "../_virtual/_plugin-vue_export-helper.js";
+const Q = {
   components: {
-    KvCartModal: U,
-    KvCartPill: G
+    KvCartModal: W,
+    KvCartPill: Y
   },
   props: {
     /**
@@ -101,70 +101,73 @@ const Y = {
     "close-redirect"
     // close and redirect to another page on parent component
   ],
-  setup(g, { emit: i }) {
+  setup(b, { emit: i }) {
     const {
-      addedLoan: n,
-      userData: l,
-      hasEverLoggedIn: M,
-      myKivaExperimentEnabled: y,
-      oneLoanAwayCategory: p,
-      oneLoanAwayFilteredUrl: d,
-      milestonesProgress: S
-    } = N(g), w = j(0), v = j(0), b = C(() => {
+      modalVisible: a,
+      addedLoan: l,
+      userData: m,
+      hasEverLoggedIn: A,
+      myKivaExperimentEnabled: p,
+      oneLoanAwayCategory: w,
+      oneLoanAwayFilteredUrl: v,
+      milestonesProgress: q
+    } = N(b), f = E(0), k = E(0), Z = C(() => {
       var t;
-      return ((t = n.value) == null ? void 0 : t.basketSize) ?? 0;
-    }), q = C(() => {
-      const t = `${window.innerWidth - v.value - 200}`, o = `${w.value}`;
+      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 };
-    }), c = C(() => {
+    }), u = C(() => {
       var t;
-      return (t = n.value) == null ? void 0 : t.name;
-    }), A = C(() => {
+      return (t = l.value) == null ? void 0 : t.name;
+    }), _ = C(() => {
       var t;
-      return !((t = l.value) != null && t.my);
-    }), 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 && !f.value), _ = C(() => Object.values(S.value).reduce((t, o) => t + (o > 0 ? o : 0), 0)), H = C(() => {
-      var o, a, s;
-      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.`;
+      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;
+      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.`;
       }
-      if (Z.value)
+      if (x.value)
         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 });
+      const t = j.value > 1 ? `${j.value} achievements` : "your next achievement";
+      return u.value ? `Supporting ${u.value} will reach ${t}!` : "Supporting this loan reaches an achievement!";
+    }), V = (t) => {
+      t === "view-basket" ? i("close-redirect", { type: t, path: "/basket" }) : t === "support-another" && v.value && i("close-redirect", { type: t, path: v.value });
     }, K = (t) => {
       const { type: o } = t;
-      o && P(o), i("reset-modal");
-    }, x = () => {
+      o && V(o), i("reset-modal");
+    }, M = () => {
       const t = document.getElementsByTagName("header")[0], o = (t == null ? void 0 : t.getBoundingClientRect()) ?? null;
-      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) !== 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);
-    }), F(() => {
-      window.removeEventListener("scroll", h), window.removeEventListener("resize", h);
+      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);
+    }, c = G(M, 50);
+    return F(a, () => {
+      a.value && M();
+    }, { immediate: !0 }), O(() => {
+      M(), window.addEventListener("scroll", c), window.addEventListener("resize", c);
+    }), z(() => {
+      window.removeEventListener("scroll", c), window.removeEventListener("resize", c);
     }), {
-      modalPosition: q,
-      basketCount: b,
-      isFirstLoan: f,
-      borrowerName: c,
-      showOneAway: Z,
-      pillMsg: H,
+      modalPosition: H,
+      basketCount: Z,
+      isFirstLoan: g,
+      borrowerName: u,
+      showOneAway: x,
+      pillMsg: P,
       closeCartModal: K
     };
   }
-}, J = {
+}, X = {
   key: 0,
   class: "tw-w-full tw-mx-2.5 tw-border-t tw-border-tertiary tw-py-2"
-}, Q = {
+}, $ = {
   key: 0,
   class: "tw-min-w-3",
   width: "40",
@@ -172,7 +175,7 @@ const Y = {
   viewBox: "0 0 40 40",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, X = {
+}, e1 = {
   key: 1,
   class: "tw-min-w-3",
   width: "18",
@@ -180,42 +183,42 @@ const Y = {
   viewBox: "0 0 18 21",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, $ = {
+}, t1 = {
   key: 2,
   class: "tw-text-h5"
 };
-function e1(g, i, n, l, M, y) {
-  const p = E("KvCartPill"), d = E("KvCartModal");
-  return n.modalVisible ? (u(), O(d, {
+function o1(b, i, a, l, m, A) {
+  const p = B("KvCartPill"), w = B("KvCartModal");
+  return a.modalVisible ? (d(), D(w, {
     key: 0,
-    style: z({
+    style: R({
       "--modal-right": `${l.modalPosition.right}px`,
       "--modal-top": `${l.modalPosition.top}px`
     }),
     class: "cart-modal !tw-top-0",
-    visible: n.modalVisible,
-    "photo-path": n.photoPath,
+    visible: a.modalVisible,
+    "photo-path": a.photoPath,
     "basket-count": l.basketCount,
-    "category-name": n.oneLoanAwayCategory,
+    "category-name": a.oneLoanAwayCategory,
     onCartModalClosed: l.closeCartModal
   }, {
-    content: B(() => [
-      n.showModalContent || l.isFirstLoan ? (u(), m("div", J, [
-        D(p, {
+    content: S(() => [
+      a.showModalContent || l.isFirstLoan ? (d(), h("div", X, [
+        T(p, {
           class: "!tw-w-full tw-justify-center",
           "borrower-name": l.borrowerName,
-          "milestones-number": n.milestonesNumber,
+          "milestones-number": a.milestonesNumber,
           "is-close-next-milestone": l.showOneAway,
           "custom-message": l.pillMsg
         }, {
-          icon: B(() => [
+          icon: S(() => [
             e("div", {
-              class: R({
+              class: I({
                 // eslint-disable-next-line max-len
                 "tw-flex tw-items-center tw-justify-center tw-bg-gray-100 tw-p-0.5 tw-rounded tw-whitespace-nowrap": l.showOneAway
               })
             }, [
-              l.isFirstLoan ? (u(), m("svg", Q, i[0] || (i[0] = [
+              l.isFirstLoan ? (d(), h("svg", $, i[0] || (i[0] = [
                 e("path", {
                   d: "M36.2676 17.5025C34.6519 30.5945 24.9878 35.8229 20.1847 38.0889C20.1496 38.1055 20.1099 38.1043 20.075 38.0873C8.60201 32.516 4.24979 22.9018 3.62911 17.5025C3.34064 14.6558 3.18678 8.5719 3.14406 5.7867C3.14315 5.72754 3.1847 5.67723 3.24194 5.66227C11.6312 3.46948 14.2758 3.52186 20.0937 1.86776C20.1175 1.86099 20.1437 1.86113 20.1673 1.86833C26.6496 3.83905 31.8224 4.23356 36.8613 5.66108C36.9176 5.67702 36.9559 5.72959 36.9546 5.78805C36.8227 11.47 36.4423 15.9605 36.2676 17.5025Z",
                   fill: "#2AA967",
@@ -371,23 +374,23 @@ function e1(g, i, n, l, M, y) {
                     })
                   ])
                 ], -1)
-              ]))) : (u(), m("svg", X, i[1] || (i[1] = [
+              ]))) : (d(), h("svg", e1, i[1] || (i[1] = [
                 e("path", {
                   d: "M9.0001 19L5.6251 20.125C5.50843 20.1583 5.4001 20.1833 5.3001 20.2C5.2001 20.2167 5.1001 20.225 5.0001 20.225C4.46676 20.225 4.0001 20.0375 3.6001 19.6625C3.2001 19.2875 3.0001 18.8083 3.0001 18.225V12.775L0.400098 8.55C0.300098 8.38333 0.225098 8.2125 0.175098 8.0375C0.125098 7.8625 0.100098 7.68333 0.100098 7.5C0.100098 7.31667 0.125098 7.1375 0.175098 6.9625C0.225098 6.7875 0.300098 6.61667 0.400098 6.45L3.8001 0.95C3.98343 0.65 4.2251 0.416667 4.5251 0.25C4.8251 0.0833333 5.1501 0 5.5001 0H12.5001C12.8501 0 13.1751 0.0833333 13.4751 0.25C13.7751 0.416667 14.0168 0.65 14.2001 0.95L17.6001 6.45C17.7001 6.61667 17.7751 6.7875 17.8251 6.9625C17.8751 7.1375 17.9001 7.31667 17.9001 7.5C17.9001 7.68333 17.8751 7.8625 17.8251 8.0375C17.7751 8.2125 17.7001 8.38333 17.6001 8.55L15.0001 12.775V18.225C15.0001 18.8083 14.8001 19.2875 14.4001 19.6625C14.0001 20.0375 13.5334 20.225 13.0001 20.225C12.9001 20.225 12.8001 20.2167 12.7001 20.2C12.6001 20.1833 12.4918 20.1583 12.3751 20.125L9.0001 19ZM5.5001 13H12.5001L15.9001 7.5L12.5001 2H5.5001L2.1001 7.5L5.5001 13ZM7.9501 8.75L11.4751 5.2C11.6584 5 11.8876 4.90417 12.1626 4.9125C12.4376 4.92083 12.6751 5.01667 12.8751 5.2C13.0751 5.4 13.1793 5.6375 13.1876 5.9125C13.1959 6.1875 13.1001 6.425 12.9001 6.625L8.6501 10.875C8.4501 11.075 8.21677 11.175 7.9501 11.175C7.68343 11.175 7.4501 11.075 7.2501 10.875L5.1251 8.75C4.9251 8.55 4.8251 8.3125 4.8251 8.0375C4.8251 7.7625 4.9251 7.525 5.1251 7.325C5.3251 7.125 5.5626 7.025 5.8376 7.025C6.1126 7.025 6.3501 7.125 6.5501 7.325L7.9501 8.75Z",
                   fill: "#757575"
                 }, null, -1)
               ]))),
-              l.showOneAway ? (u(), m("div", $, T(n.oneAwayText), 1)) : k("", !0)
+              l.showOneAway ? (d(), h("div", t1, U(a.oneAwayText), 1)) : y("", !0)
             ], 2)
           ]),
           _: 1
         }, 8, ["borrower-name", "milestones-number", "is-close-next-milestone", "custom-message"])
-      ])) : k("", !0)
+      ])) : y("", !0)
     ]),
     _: 1
-  }, 8, ["style", "visible", "photo-path", "basket-count", "category-name", "onCartModalClosed"])) : k("", !0);
+  }, 8, ["style", "visible", "photo-path", "basket-count", "category-name", "onCartModalClosed"])) : y("", !0);
 }
-const i1 = /* @__PURE__ */ W(Y, [["render", e1], ["__scopeId", "data-v-9be640c2"]]);
+const C1 = /* @__PURE__ */ J(Q, [["render", o1], ["__scopeId", "data-v-2070d628"]]);
 export {
-  i1 as default
+  C1 as default
 };

package/dist/vue/KvSideSheet.js

@@ -231,7 +231,7 @@ function de(n, i, l, t, z, M) {
   }, [
     u("div", {
       ref: "sideSheetRef",
-      class: b(["tw-fixed tw-right-0 tw-transition-all tw-duration-300 tw-bg-white tw-overflow-y-auto", {
+      class: b(["tw-fixed tw-right-0 tw-transition-all tw-duration-300 tw-bg-white", {
         "tw-translate-x-full": !t.open,
         "tw-translate-x-0": t.open,
         "tw-h-full": n.$slots.controls

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.27.0",
+  "version": "6.27.2",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -111,5 +111,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "72d395ff26891027a90ad3a60728496af4007fc4"
+  "gitHead": "e3554736f4e5b3eee622d9c539a92467f047a32d"
 }