@kiva/kv-components 6.52.8 → 6.52.10

package/dist/vue/KvWwwHeader/LendMenu/KvLendMenu.js

@@ -1,16 +1,16 @@
 import { gql as f } from "@apollo/client/core";
-import { toRefs as q, ref as i, computed as w, onMounted as S, resolveComponent as h, openBlock as x, createBlock as A, withCtx as B, createVNode as k } from "vue";
-import F from "./KvLendListMenu.js";
-import N from "./KvLendMegaMenu.js";
-import { indexIn as O } from "../../../utils/comparators.js";
-import { groupBy as R, sortBy as L } from "../../../utils/arrayUtils.js";
-import K from "../../KvPageContainer.js";
-import D from "../../../_virtual/_plugin-vue_export-helper.js";
-const E = {
+import { toRefs as S, ref as a, computed as L, onMounted as q, resolveComponent as h, openBlock as N, createBlock as x, withCtx as U, createVNode as w } from "vue";
+import A from "./KvLendListMenu.js";
+import B from "./KvLendMegaMenu.js";
+import { indexIn as F } from "../../../utils/comparators.js";
+import { groupBy as O, sortBy as k } from "../../../utils/arrayUtils.js";
+import R from "../../KvPageContainer.js";
+import K from "../../../_virtual/_plugin-vue_export-helper.js";
+const D = {
   components: {
-    KvLendListMenu: F,
-    KvLendMegaMenu: N,
-    KvPageContainer: K
+    KvLendListMenu: A,
+    KvLendMegaMenu: B,
+    KvPageContainer: R
   },
   props: {
     userId: {
@@ -20,13 +20,17 @@ const E = {
     showMGUpsellLink: {
       type: Boolean,
       default: !1
+    },
+    countriesNotLentToUrl: {
+      type: String,
+      default: "/lend/countries-not-lent"
     }
   },
   emits: ["load-lend-menu-data"],
-  setup(p, { emit: y }) {
+  setup(y, { emit: p }) {
     const {
       userId: s
-    } = q(p), e = i([]), g = i([]), m = i(0), c = i([]), v = [
+    } = S(y), e = a([]), g = a([]), m = a(0), u = a([]), v = [
       "North America",
       "Central America",
       "South America",
@@ -35,9 +39,9 @@ const E = {
       "Middle East",
       "Asia",
       "Oceania"
-    ], u = i(!0), C = i(!0), M = async (a) => {
-      var r, t, o, d;
-      if (a.watchQuery({
+    ], c = a(!0), C = a(!0), M = async (i) => {
+      var t, r, o, d;
+      if (i.watchQuery({
         query: f`query countryFacets {
 					lend {
 						countryFacets {
@@ -54,9 +58,9 @@ const E = {
       }).subscribe({
         next: ({ data: n }) => {
           var l;
-          g.value = ((l = n == null ? void 0 : n.lend) == null ? void 0 : l.countryFacets) ?? [], u.value = !1;
+          g.value = ((l = n == null ? void 0 : n.lend) == null ? void 0 : l.countryFacets) ?? [], c.value = !1;
         }
-      }), a.watchQuery({
+      }), i.watchQuery({
         query: f`
 					query lendMenuData {
 						lend {
@@ -76,7 +80,7 @@ const E = {
           e.value = ((_ = (l = n == null ? void 0 : n.lend) == null ? void 0 : l.loanChannels) == null ? void 0 : _.values) ?? [], C.value = !1;
         }
       }), s.value) {
-        const { data: n } = await a.query({
+        const { data: n } = await i.query({
           query: f`
 						query lendMenuPrivateData($userId: Int!) {
 							lend {
@@ -102,46 +106,46 @@ const E = {
           },
           fetchPolicy: "network-only"
         });
-        m.value = ((t = (r = n == null ? void 0 : n.lend) == null ? void 0 : r.loans) == null ? void 0 : t.totalCount) ?? 0, c.value = ((d = (o = n == null ? void 0 : n.my) == null ? void 0 : o.savedSearches) == null ? void 0 : d.values) ?? [];
+        m.value = ((r = (t = n == null ? void 0 : n.lend) == null ? void 0 : t.loans) == null ? void 0 : r.totalCount) ?? 0, u.value = ((d = (o = n == null ? void 0 : n.my) == null ? void 0 : o.savedSearches) == null ? void 0 : d.values) ?? [];
       }
-    }, b = w(() => {
-      const a = g.value.map((o) => ({
+    }, b = L(() => {
+      const i = g.value.map((o) => ({
         name: o.country.name,
         region: o.country.region,
         isoCode: o.country.isoCode.toLowerCase(),
         count: o.count || 0
-      })), r = R(a, "region"), t = [];
-      for (const [o, d] of Object.entries(r))
-        t.push({
+      })), t = O(i, "region"), r = [];
+      for (const [o, d] of Object.entries(t))
+        r.push({
           name: o,
-          countries: d.sort(L("name"))
+          countries: d.sort(k("name"))
         });
-      return t.sort(O(v, "name"));
-    }), I = w(() => {
-      var r;
-      return ((r = e.value) == null ? void 0 : r.map((t) => {
-        const o = JSON.parse(JSON.stringify(t));
+      return r.sort(F(v, "name"));
+    }), I = L(() => {
+      var t;
+      return ((t = e.value) == null ? void 0 : t.map((r) => {
+        const o = JSON.parse(JSON.stringify(r));
         return o.url = o.url.replace("lend", "lend-by-category"), o;
-      })).sort(L("name"));
+      })).sort(k("name"));
     });
-    return S(() => {
-      y("load-lend-menu-data");
+    return q(() => {
+      p("load-lend-menu-data");
     }), {
       onLoad: M,
       regions: b,
       computedCategories: I,
       isChannelsLoading: C,
-      isRegionsLoading: u,
-      savedSearches: c,
+      isRegionsLoading: c,
+      savedSearches: u,
       favoritesCount: m
     };
   }
 };
-function G(p, y, s, e, g, m) {
-  const c = h("kv-lend-list-menu"), v = h("kv-lend-mega-menu"), u = h("kv-page-container");
-  return x(), A(u, { class: "tw-pt-2 lg:tw-pt-0" }, {
-    default: B(() => [
-      k(c, {
+function E(y, p, s, e, g, m) {
+  const u = h("kv-lend-list-menu"), v = h("kv-lend-mega-menu"), c = h("kv-page-container");
+  return N(), x(c, { class: "tw-pt-2 lg:tw-pt-0" }, {
+    default: U(() => [
+      w(u, {
         class: "lg:tw-hidden",
         categories: e.computedCategories,
         regions: e.regions,
@@ -150,9 +154,10 @@ function G(p, y, s, e, g, m) {
         searches: e.savedSearches,
         "is-regions-loading": e.isRegionsLoading,
         "is-channels-loading": e.isChannelsLoading,
-        "show-m-g-upsell-link": s.showMGUpsellLink
-      }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading", "show-m-g-upsell-link"]),
-      k(v, {
+        "show-m-g-upsell-link": s.showMGUpsellLink,
+        "countries-not-lent-to-url": s.countriesNotLentToUrl
+      }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading", "show-m-g-upsell-link", "countries-not-lent-to-url"]),
+      w(v, {
         class: "tw-hidden lg:tw-block",
         categories: e.computedCategories,
         regions: e.regions,
@@ -161,13 +166,14 @@ function G(p, y, s, e, g, m) {
         searches: e.savedSearches,
         "is-regions-loading": e.isRegionsLoading,
         "is-channels-loading": e.isChannelsLoading,
-        "show-m-g-upsell-link": s.showMGUpsellLink
-      }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading", "show-m-g-upsell-link"])
+        "show-m-g-upsell-link": s.showMGUpsellLink,
+        "countries-not-lent-to-url": s.countriesNotLentToUrl
+      }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading", "show-m-g-upsell-link", "countries-not-lent-to-url"])
     ]),
     _: 1
   });
 }
-const T = /* @__PURE__ */ D(E, [["render", G]]);
+const H = /* @__PURE__ */ K(D, [["render", E]]);
 export {
-  T as default
+  H as default
 };

package/dist/vue/KvWwwHeader.css

@@ -1 +1 @@
-.header-fade-enter-active[data-v-87116c5e]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-87116c5e]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-87116c5e],.header-fade-leave-to[data-v-87116c5e]{opacity:0}.header-fade-leave[data-v-87116c5e],.header-fade-enter-to[data-v-87116c5e]{opacity:1}.bg-opacity-50[data-v-87116c5e]{background-color:rgba(var(--bg-action-highlight),.5)}
+.header-fade-enter-active[data-v-c1223ffa]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-c1223ffa]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-c1223ffa],.header-fade-leave-to[data-v-c1223ffa]{opacity:0}.header-fade-leave[data-v-c1223ffa],.header-fade-enter-to[data-v-c1223ffa]{opacity:1}.bg-opacity-50[data-v-c1223ffa]{background-color:rgba(var(--bg-action-highlight),.5)}

package/dist/vue/KvWwwHeader.js

@@ -1,5 +1,5 @@
-import { ref as l, shallowRef as D, computed as B, onMounted as U, onBeforeUnmount as x, resolveComponent as f, resolveDirective as N, openBlock as w, createBlock as M, withCtx as g, createElementVNode as k, normalizeStyle as _, createVNode as d, Transition as I, withDirectives as h, vShow as E, createElementBlock as A, normalizeClass as G, resolveDynamicComponent as K } from "vue";
-import S from "@kiva/kv-tokens";
+import { ref as l, shallowRef as D, computed as U, onMounted as B, onBeforeUnmount as N, resolveComponent as f, resolveDirective as x, openBlock as w, createBlock as M, withCtx as g, createElementVNode as k, normalizeStyle as _, createVNode as d, Transition as I, withDirectives as h, vShow as E, createElementBlock as A, normalizeClass as S, resolveDynamicComponent as G } from "vue";
+import K from "@kiva/kv-tokens";
 import z from "./KvWwwHeader/KvHeaderLinkBar.js";
 import R from "./KvWwwHeader/KvHeaderLogo.js";
 import P from "./KvThemeProvider.js";
@@ -58,48 +58,52 @@ const j = "3.75rem", q = {
     showMGUpsellLink: {
       type: Boolean,
       default: !1
+    },
+    countriesNotLentToUrl: {
+      type: String,
+      default: "/lend/countries-not-lent"
     }
   },
   emits: [
     "load-lend-menu-data"
   ],
-  setup(C, { emit: t }) {
-    const o = l(!0), e = l(null), a = l(!1), i = D(null), r = l(null), s = l({ left: 0, position: "relative" }), u = l(!1);
-    let v;
-    const b = B(() => {
+  setup(L, { emit: t }) {
+    const o = l(!0), e = l(null), r = l(!1), a = D(null), i = l(null), s = l({ left: 0, position: "relative" }), u = l(!1);
+    let c;
+    const b = U(() => {
       var m, n;
-      return ((n = (m = r.value) == null ? void 0 : m.$options) == null ? void 0 : n.name) === "KvHeaderMobileMenu";
-    }), c = (m, n, H) => {
-      n ? (clearTimeout(v), i.value !== n && (s.value = { left: 0, position: "relative" }), i.value = n, a.value = !0, H && (s.value = {
-        ...H,
+      return ((n = (m = i.value) == null ? void 0 : m.$options) == null ? void 0 : n.name) === "KvHeaderMobileMenu";
+    }), v = (m, n, p) => {
+      n ? (clearTimeout(c), a.value !== n && (s.value = { left: 0, position: "relative" }), a.value = n, r.value = !0, p && (s.value = {
+        ...p,
         position: "absolute"
-      })) : a.value && (v = setTimeout(() => {
-        a.value = !1, i.value = null;
+      })) : r.value && (c = setTimeout(() => {
+        r.value = !1, a.value = null;
       }, 100));
-    }, L = (m) => {
+    }, T = (m) => {
       var n;
-      (n = r.value) == null || n.onLoad(m);
-    }, T = () => {
+      (n = i.value) == null || n.onLoad(m);
+    }, C = () => {
       t("load-lend-menu-data");
     }, y = () => {
-      u.value = (window == null ? void 0 : window.innerWidth) < S.breakpoints.md;
-    }, p = O(y, 100);
-    return U(() => {
-      y(), window.addEventListener("resize", p);
-    }), x(() => {
-      window.removeEventListener("resize", p);
+      u.value = (window == null ? void 0 : window.innerWidth) < K.breakpoints.md;
+    }, H = O(y, 100);
+    return B(() => {
+      y(), window.addEventListener("resize", H);
+    }), N(() => {
+      window.removeEventListener("resize", H);
     }), {
       HEADER_HEIGHT: j,
-      emitLendMenuEvent: T,
+      emitLendMenuEvent: C,
       isMobile: u,
       linksVisible: o,
-      menuOpen: a,
+      menuOpen: r,
       isMobileMenuActive: b,
-      onHover: c,
-      loadMenuData: L,
+      onHover: v,
+      loadMenuData: T,
       activeHeaderItem: e,
-      menuComponent: i,
-      menuComponentInstance: r,
+      menuComponent: a,
+      menuComponentInstance: i,
       menuPosition: s
     };
   }
@@ -107,9 +111,9 @@ const j = "3.75rem", q = {
   href: "/",
   class: "tw-px-1 tw-py-2 tw-cursor-pointer tw-absolute tw-top-1/2 tw-left-1/2 tw--translate-y-1/2 tw--translate-x-1/2 tw-transition-all tw-duration-300"
 };
-function J(C, t, o, e, a, i) {
-  const r = f("kv-header-link-bar"), s = f("kv-header-logo"), u = f("kv-page-container"), v = f("kv-theme-provider"), b = N("kv-track-event");
-  return w(), M(v, {
+function J(L, t, o, e, r, a) {
+  const i = f("kv-header-link-bar"), s = f("kv-header-logo"), u = f("kv-page-container"), c = f("kv-theme-provider"), b = x("kv-track-event");
+  return w(), M(c, {
     tag: "div",
     class: "tw-bg-primary"
   }, {
@@ -122,7 +126,7 @@ function J(C, t, o, e, a, i) {
           default: g(() => [
             d(I, { name: "header-fade" }, {
               default: g(() => [
-                h(d(r, {
+                h(d(i, {
                   "logged-in": o.loggedIn,
                   "basket-count": o.basketCount,
                   "login-url": o.loginUrl,
@@ -155,15 +159,15 @@ function J(C, t, o, e, a, i) {
             style: _({ top: e.HEADER_HEIGHT })
           }, [
             k("div", {
-              class: G(["tw-bg-primary tw-overflow-y-auto", { "tw-min-h-dvh": e.isMobileMenuActive }]),
+              class: S(["tw-bg-primary tw-overflow-y-auto", { "tw-min-h-dvh": e.isMobileMenuActive }]),
               style: _({
                 ...e.menuPosition,
                 maxHeight: e.isMobileMenuActive ? "auto" : `calc(100dvh - ${e.HEADER_HEIGHT})`
               }),
-              onMouseover: t[1] || (t[1] = (c) => e.onHover(e.activeHeaderItem, e.menuComponent)),
-              onMouseout: t[2] || (t[2] = (c) => e.onHover())
+              onMouseover: t[1] || (t[1] = (v) => e.onHover(e.activeHeaderItem, e.menuComponent)),
+              onMouseout: t[2] || (t[2] = (v) => e.onHover())
             }, [
-              (w(), M(K(e.menuComponent), {
+              (w(), M(G(e.menuComponent), {
                 ref: "menuComponentInstance",
                 "logged-in": o.loggedIn,
                 "login-url": o.loginUrl,
@@ -173,9 +177,10 @@ function J(C, t, o, e, a, i) {
                 "my-dashboard-url": o.myDashboardUrl,
                 "show-m-g-upsell-link": o.showMGUpsellLink,
                 "is-mobile": e.isMobile,
+                "countries-not-lent-to-url": o.countriesNotLentToUrl,
                 onLoadLendMenuData: e.emitLendMenuEvent,
-                onClosingMenu: t[0] || (t[0] = (c) => e.onHover())
-              }, null, 40, ["logged-in", "login-url", "user-id", "is-borrower", "is-trustee", "my-dashboard-url", "show-m-g-upsell-link", "is-mobile", "onLoadLendMenuData"]))
+                onClosingMenu: t[0] || (t[0] = (v) => e.onHover())
+              }, null, 40, ["logged-in", "login-url", "user-id", "is-borrower", "is-trustee", "my-dashboard-url", "show-m-g-upsell-link", "is-mobile", "countries-not-lent-to-url", "onLoadLendMenuData"]))
             ], 38)
           ], 4), [
             [E, e.menuOpen]
@@ -187,7 +192,7 @@ function J(C, t, o, e, a, i) {
     _: 1
   });
 }
-const le = /* @__PURE__ */ W(q, [["render", J], ["__scopeId", "data-v-87116c5e"]]);
+const le = /* @__PURE__ */ W(q, [["render", J], ["__scopeId", "data-v-c1223ffa"]]);
 export {
   le as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.52.8",
+  "version": "6.52.10",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "63e6ad5ab416be93564086e4501e6f1828389b0a"
+  "gitHead": "f7509c21acb1a45b5556219f4fdfde85e0fc7c9d"
 }