@kiva/kv-components 8.14.1 → 8.15.0

package/dist/vue/KvWwwHeaderBasic/KvWwwHeaderBasic2.js

@@ -0,0 +1,106 @@
+import { ref as a, computed as r, watch as P, nextTick as T, onMounted as D, onBeforeUnmount as K } from "vue";
+import O from "../KvThemeProvider.js";
+import _ from "../KvPageContainer.js";
+import { useBreakpoints as $ } from "../../utils/useBreakpoints.js";
+import { useHeaderBasicMenuState as E } from "../../utils/useHeaderBasicMenuState.js";
+import R from "./LinkBar.js";
+const w = "4rem", F = {
+  name: "KvWwwHeaderBasic",
+  components: {
+    KvThemeProvider: O,
+    KvPageContainer: _,
+    LinkBar: R
+  },
+  props: {
+    loggedIn: { type: Boolean, default: !1 },
+    basketCount: { type: Number, default: 0 },
+    balance: { type: Number, default: 0 },
+    userId: { type: Number, default: null },
+    isBorrower: { type: Boolean, default: !1 },
+    isTrustee: { type: Boolean, default: !1 },
+    lenderName: { type: String, default: "" },
+    lenderImageUrl: { type: String, default: "" },
+    isUserDataLoading: { type: Boolean, default: !1 },
+    isBasketDataLoading: { type: Boolean, default: !1 },
+    showMGUpsellLink: { type: Boolean, default: !1 },
+    loginUrl: { type: String, default: "/ui-login" },
+    myDashboardUrl: { type: String, default: "/mykiva" },
+    countriesNotLentToUrl: { type: String, default: "/lend/countries-not-lent" },
+    appOrigin: { type: String, default: "" },
+    searchSuggestions: { type: Array, default: () => [] }
+  },
+  emits: ["load-lend-menu-data", "load-search-data", "search-submit"],
+  setup(W, { emit: b }) {
+    const { isMobile: y, checkIsMobile: g } = $(), {
+      menuOpen: M,
+      menuComponent: h,
+      menuItem: B,
+      menuPosition: m,
+      setMenu: i,
+      markMounted: k,
+      pinMenuOpen: I
+    } = E(), u = a(null), p = a(null), l = a(null), c = a(w), s = a(null), H = a(!0);
+    let n = null;
+    const d = r(() => {
+      var t, e;
+      return ((e = (t = u.value) == null ? void 0 : t.$options) == null ? void 0 : e.name) === "MobileMenu";
+    }), v = r(() => {
+      var t, e;
+      return ((e = (t = u.value) == null ? void 0 : t.$options) == null ? void 0 : e.name) === "MyKivaMenu";
+    }), S = r(() => {
+      var t, e;
+      return ((e = (t = u.value) == null ? void 0 : t.$options) == null ? void 0 : e.name) === "AboutMenu";
+    }), A = r(() => d.value ? "tw-w-full tw-min-h-dvh tw-rounded-none" : v.value ? "tw-w-auto tw-rounded-b tw-border tw-border-t-0 tw-border-tertiary" : S.value ? "tw-w-full md:tw-w-auto tw-rounded-none !tw-rounded-b md:tw-border md:tw-border-t-0 md:tw-border-tertiary" : "tw-w-full md:tw-w-auto tw-rounded-none !md:tw-rounded-b");
+    function C(t, e, o, f = null) {
+      s.value = f, i(t, e, o);
+    }
+    P(v, async (t) => {
+      if (!t || s.value == null) return;
+      await T();
+      const e = p.value;
+      if (!e) return;
+      const o = e.offsetWidth, f = s.value, N = Math.max(0, window.innerWidth - (f + o / 2));
+      m.value = { right: `${N}px`, position: "absolute" };
+    });
+    function L() {
+      b("load-lend-menu-data");
+    }
+    function U(t) {
+      var e, o;
+      (o = (e = u.value) == null ? void 0 : e.onLoad) == null || o.call(e, t);
+    }
+    function x() {
+      d.value || i();
+    }
+    return D(() => {
+      g(), k(), l.value && typeof ResizeObserver < "u" && (n = new ResizeObserver(() => {
+        l.value && (c.value = `${l.value.offsetHeight}px`);
+      }), n.observe(l.value));
+    }), K(() => {
+      n == null || n.disconnect(), n = null;
+    }), {
+      MIN_HEADER_HEIGHT: w,
+      navHeight: c,
+      navRef: l,
+      linksVisible: H,
+      isMobile: y,
+      menuOpen: M,
+      menuComponent: h,
+      menuItem: B,
+      menuPosition: m,
+      isMobileMenuActive: d,
+      menuPanelClass: A,
+      menuComponentInstance: u,
+      menuPanelRef: p,
+      pinMenuOpen: I,
+      setMenu: i,
+      onItemHover: C,
+      handleOverlayClick: x,
+      emitLendMenuEvent: L,
+      loadMenuData: U
+    };
+  }
+};
+export {
+  F as default
+};

package/dist/vue/KvWwwHeaderBasic/LinkBar.css

@@ -0,0 +1 @@
+.link-bar[data-v-a53394e2]{display:flex;align-items:center;gap:.5rem}.link-bar__logo[data-v-a53394e2]{position:absolute;top:50%;left:50%;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media (min-width: 45.875rem){.link-bar[data-v-a53394e2]{display:grid;-moz-column-gap:1rem;column-gap:1rem;grid-template-areas:"logo lend right" "search search search";grid-template-columns:1fr auto auto;grid-template-rows:4rem auto;row-gap:.5rem}.link-bar__logo[data-v-a53394e2]{position:static;--tw-translate-x: 0;--tw-translate-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));grid-area:logo;justify-self:start}.link-bar__lend[data-v-a53394e2]{grid-area:lend}.link-bar__search[data-v-a53394e2]{grid-area:search;margin-bottom:.5rem}.link-bar__right[data-v-a53394e2]{grid-area:right}}@media (min-width: 64rem){.link-bar[data-v-a53394e2]{-moz-column-gap:1.25rem;column-gap:1.25rem;grid-template-areas:"logo lend search right";grid-template-columns:auto auto 1fr auto;grid-template-rows:4rem}.link-bar__search[data-v-a53394e2]{margin-bottom:0}}.header-link[data-v-a53394e2]{cursor:pointer;padding-top:1rem;padding-bottom:1rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-a53394e2]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}

package/dist/vue/KvWwwHeaderBasic/LinkBar.js

@@ -0,0 +1,161 @@
+import C from "./LinkBar2.js";
+import { resolveComponent as d, openBlock as a, createElementBlock as i, createElementVNode as l, withModifiers as h, createVNode as r, withCtx as k, createTextVNode as s, Fragment as M, renderList as p, toDisplayString as m, createCommentVNode as w, withDirectives as x, vShow as L, createBlock as B } from "vue";
+import "./LinkBar.css";
+import O from "../../_virtual/_plugin-vue_export-helper.js";
+const S = { class: "link-bar__right tw-flex tw-items-center tw-justify-end tw-ml-auto md:tw-ml-0 tw-gap-1 md:tw-gap-2 lg:tw-gap-2.5" }, T = ["href", "data-testid", "onClick"], D = ["href"], U = { class: "tw-hidden md:tw-flex tw-items-center" }, H = { class: "tw-bg-secondary tw-rounded-xs tw-py-0.5 tw-px-1 tw-mr-1 tw-leading-none" }, I = { class: "tw-relative tw-flex md:tw-hidden tw-items-center tw-text-eco-green-4" }, A = {
+  key: 0,
+  class: "tw-absolute tw-w-4 tw-h-4 tw-pt-0.5 tw-flex tw-items-center tw-justify-center tw-text-white tw-text-small tw-font-medium tw-pointer-events-none"
+}, K = { class: "tw-hidden md:tw-block" }, N = {
+  key: 0,
+  class: "tw-w-4 tw-h-3"
+}, E = {
+  key: 1,
+  class: "tw-text-eco-green-4"
+}, P = {
+  key: 2,
+  class: "tw-w-3 tw-h-3 tw-rounded-full tw-overflow-hidden"
+};
+function V(v, n, o, e, j, X) {
+  const c = d("kv-material-icon"), b = d("kv-header-logo"), u = d("kv-header-dropdown-link"), f = d("search-bar"), _ = d("kv-button"), g = d("kv-loading-placeholder"), y = d("kv-user-avatar");
+  return a(), i("div", {
+    class: "link-bar tw-min-h-[4rem] tw-font-medium tw-relative",
+    onTouchstart: n[12] || (n[12] = (...t) => e.handleEmptySpaceClick && e.handleEmptySpaceClick(...t))
+  }, [
+    l("button", {
+      type: "button",
+      "aria-label": "Open menu",
+      class: "header-link link-bar__hamburger tw-inline-flex md:tw-hidden",
+      onMouseover: n[0] || (n[0] = (t) => e.handleOnHover("menuButton", e.MobileMenu)),
+      onTouchstart: n[1] || (n[1] = h((t) => e.handleTouchStart("menuButton", e.MobileMenu), ["stop", "prevent"]))
+    }, [
+      r(c, { icon: e.mdiMenu }, null, 8, ["icon"])
+    ], 32),
+    l("a", {
+      href: "/",
+      "aria-label": "Kiva home",
+      class: "link-bar__logo tw-px-1 tw-py-2 tw-cursor-pointer",
+      onClick: n[2] || (n[2] = (...t) => e.onLogoClick && e.onLogoClick(...t))
+    }, [
+      r(b)
+    ]),
+    r(u, {
+      class: "link-bar__lend",
+      "ref-name": "lendButton",
+      href: e.lendUrl,
+      "menu-component": e.KvLendMenu,
+      "open-menu-item": e.lendOpenItem,
+      "dropdown-icon": e.mdiChevronDown,
+      "base-class": "tw-py-1",
+      onOnHover: e.handleOnHover,
+      onMouseleave: n[3] || (n[3] = (t) => e.handleMouseOut("lendButton")),
+      onUserTap: e.handleTouchStart
+    }, {
+      default: k(() => n[13] || (n[13] = [
+        s(" Lend ")
+      ])),
+      _: 1
+    }, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover", "onUserTap"]),
+    r(f, {
+      class: "link-bar__search tw-min-w-0 tw-hidden md:tw-block",
+      "search-suggestions": o.searchSuggestions,
+      "app-origin": o.appOrigin,
+      "is-mobile": o.isMobile,
+      onLoadSearchData: n[4] || (n[4] = (t) => v.$emit("load-search-data")),
+      onSearchSubmit: n[5] || (n[5] = (t) => v.$emit("search-submit", t))
+    }, null, 8, ["search-suggestions", "app-origin", "is-mobile"]),
+    l("div", S, [
+      (a(!0), i(M, null, p(e.visiblePrimaryLinks, (t) => (a(), i("a", {
+        key: t.id,
+        href: t.href,
+        class: "header-link tw-hidden md:tw-block",
+        "data-testid": `header-link-${t.id}`,
+        onClick: (F) => e.onPrimaryClick(t)
+      }, m(t.label), 9, T))), 128)),
+      r(u, {
+        "ref-name": "aboutLink",
+        class: "tw-hidden md:tw-block",
+        "menu-component": e.AboutMenu,
+        "open-menu-item": e.aboutOpenItem,
+        "dropdown-icon": e.mdiChevronDown,
+        "base-class": "tw-py-1",
+        "send-link-position": "",
+        onOnHover: e.handleOnHover,
+        onMouseleave: n[6] || (n[6] = (t) => e.handleMouseOut("aboutLink")),
+        onUserTap: e.handleTouchStart
+      }, {
+        default: k(() => n[14] || (n[14] = [
+          s(" About ")
+        ])),
+        _: 1
+      }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover", "onUserTap"]),
+      o.loggedIn ? w("", !0) : (a(), i("a", {
+        key: 0,
+        href: o.loginUrl,
+        class: "header-link",
+        "data-testid": "header-login",
+        onClick: n[7] || (n[7] = (...t) => e.onLoginClick && e.onLoginClick(...t))
+      }, "Log in", 8, D)),
+      o.loggedIn ? x((a(), i("a", {
+        key: 1,
+        href: "/basket",
+        class: "header-link tw-flex tw-items-center",
+        "data-testid": "header-basket",
+        onClick: n[8] || (n[8] = (...t) => e.onBasketClick && e.onBasketClick(...t))
+      }, [
+        l("span", U, [
+          l("span", H, m(o.basketCount), 1),
+          n[15] || (n[15] = s(" Basket "))
+        ]),
+        l("span", I, [
+          o.isBasketDataLoading ? w("", !0) : (a(), i("span", A, m(o.basketCount), 1)),
+          r(c, {
+            icon: e.mdiBriefcase,
+            class: "tw-w-4 tw-h-4 tw-pointer-events-none"
+          }, null, 8, ["icon"]),
+          n[16] || (n[16] = l("span", { class: "tw-sr-only" }, "Basket", -1))
+        ])
+      ], 512)), [
+        [L, o.basketCount > 0 || o.isBasketDataLoading]
+      ]) : w("", !0),
+      l("div", K, [
+        r(_, {
+          variant: "secondary",
+          href: "/donate/supportus",
+          class: "tw-whitespace-nowrap",
+          "data-testid": "header-support-kiva",
+          onClick: e.onSupportKivaClick
+        }, {
+          default: k(() => n[17] || (n[17] = [
+            s(" Support Kiva ")
+          ])),
+          _: 1
+        }, 8, ["onClick"])
+      ]),
+      o.loggedIn ? (a(), i("div", {
+        key: 2,
+        ref: "avatarMenu",
+        class: "tw-flex tw-items-center tw-gap-1 tw-cursor-pointer tw-py-1",
+        onMouseenter: n[9] || (n[9] = (t) => e.handleOnHover("avatarMenu", e.MyKivaMenu, e.getAvatarMenuPosition(), e.getAvatarTriggerCenterX())),
+        onMouseleave: n[10] || (n[10] = (t) => e.handleMouseOut("avatarMenu")),
+        onTouchstart: n[11] || (n[11] = h((t) => e.handleTouchStart("avatarMenu", e.MyKivaMenu, e.getAvatarMenuPosition(), e.getAvatarTriggerCenterX()), ["stop"]))
+      }, [
+        o.isUserDataLoading ? (a(), i("div", N, [
+          r(g)
+        ])) : (a(), i("span", E, m(e.formattedBalance), 1)),
+        o.isUserDataLoading ? (a(), i("div", P, [
+          r(g)
+        ])) : (a(), B(y, {
+          key: 3,
+          class: "tw-w-3 tw-h-3",
+          "lender-name": o.lenderName,
+          "lender-image-url": o.lenderImageUrl,
+          "is-small": ""
+        }, null, 8, ["lender-name", "lender-image-url"]))
+      ], 544)) : w("", !0)
+    ])
+  ], 32);
+}
+const Q = /* @__PURE__ */ O(C, [["render", V], ["__scopeId", "data-v-a53394e2"]]);
+export {
+  Q as default
+};

package/dist/vue/KvWwwHeaderBasic/LinkBar.vue.d.ts

@@ -0,0 +1,398 @@
+import { default as numeral } from 'numeral';
+import { NavLink } from '../../../../../../../../../../src/utils/headerNavLinks';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    loggedIn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    basketCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    balance: {
+        type: NumberConstructor;
+        default: number;
+    };
+    userId: {
+        type: NumberConstructor;
+        default: any;
+    };
+    isBorrower: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isTrustee: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lenderName: {
+        type: StringConstructor;
+        default: string;
+    };
+    lenderImageUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    isUserDataLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isBasketDataLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMGUpsellLink: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loginUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    myDashboardUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    countriesNotLentToUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    appOrigin: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchSuggestions: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+    isMobile: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    openMenuItem: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: any;
+    };
+}>, {
+    mdiMenu: string;
+    mdiChevronDown: string;
+    mdiBriefcase: string;
+    KvLendMenu: any;
+    AboutMenu: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        isMobile: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        links: import('./AboutMenu.vue').AboutLink[];
+        onLinkClick: (action: string) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "closing-menu"[], "closing-menu", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        isMobile: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        "onClosing-menu"?: (...args: any[]) => any;
+    }>, {
+        isMobile: boolean;
+    }, {}, {
+        KvHeaderMenuLink: any;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    MyKivaMenu: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        loggedIn: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        userId: {
+            type: NumberConstructor;
+            default: any;
+        };
+        isBorrower: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isTrustee: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        myDashboardUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        isMobile: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        onLinkClick: (action: string) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "closing-menu"[], "closing-menu", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        loggedIn: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        userId: {
+            type: NumberConstructor;
+            default: any;
+        };
+        isBorrower: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isTrustee: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        myDashboardUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        isMobile: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        "onClosing-menu"?: (...args: any[]) => any;
+    }>, {
+        loggedIn: boolean;
+        isMobile: boolean;
+        isBorrower: boolean;
+        isTrustee: boolean;
+        myDashboardUrl: string;
+        userId: number;
+    }, {}, {
+        KvHeaderMenuLink: any;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    MobileMenu: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        loggedIn: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        loginUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        isMobile: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        onClose: () => void;
+        onLinkClick: (action: string) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "closing-menu"[], "closing-menu", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        loggedIn: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        loginUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        isMobile: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        "onClosing-menu"?: (...args: any[]) => any;
+    }>, {
+        loggedIn: boolean;
+        loginUrl: string;
+        isMobile: boolean;
+    }, {}, {
+        KvAccordionItem: any;
+        AboutMenu: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            isMobile: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {
+            links: import('./AboutMenu.vue').AboutLink[];
+            onLinkClick: (action: string) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "closing-menu"[], "closing-menu", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            isMobile: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            "onClosing-menu"?: (...args: any[]) => any;
+        }>, {
+            isMobile: boolean;
+        }, {}, {
+            KvHeaderMenuLink: any;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    avatarMenu: import('vue').Ref<any, any>;
+    getAvatarMenuPosition: () => {
+        right: string;
+    } | null;
+    getAvatarTriggerCenterX: () => number | null;
+    visiblePrimaryLinks: import('vue').ComputedRef<any>;
+    lendUrl: import('vue').ComputedRef<string>;
+    formattedBalance: import('vue').ComputedRef<any>;
+    lendOpenItem: import('vue').ComputedRef<Function | Record<string, any>>;
+    aboutOpenItem: import('vue').ComputedRef<Function | Record<string, any>>;
+    handleOnHover: (item: string, menu: unknown, position?: unknown, triggerCenterX?: number | null) => void;
+    handleMouseOut: (item: string) => void;
+    handleTouchStart: (item: string, menu: unknown, position?: unknown, triggerCenterX?: number | null) => void;
+    handleEmptySpaceClick: (event: Event) => void;
+    onPrimaryClick: (link: NavLink) => void;
+    onLoginClick: () => void;
+    onBasketClick: () => void;
+    onSupportKivaClick: () => void;
+    onLogoClick: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("load-search-data" | "search-submit" | "item-hover")[], "load-search-data" | "search-submit" | "item-hover", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    loggedIn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    basketCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    balance: {
+        type: NumberConstructor;
+        default: number;
+    };
+    userId: {
+        type: NumberConstructor;
+        default: any;
+    };
+    isBorrower: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isTrustee: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lenderName: {
+        type: StringConstructor;
+        default: string;
+    };
+    lenderImageUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    isUserDataLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isBasketDataLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMGUpsellLink: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loginUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    myDashboardUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    countriesNotLentToUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    appOrigin: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchSuggestions: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+    isMobile: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    openMenuItem: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: any;
+    };
+}>> & Readonly<{
+    "onLoad-search-data"?: (...args: any[]) => any;
+    "onSearch-submit"?: (...args: any[]) => any;
+    "onItem-hover"?: (...args: any[]) => any;
+}>, {
+    lenderName: string;
+    lenderImageUrl: string;
+    basketCount: number;
+    openMenuItem: Function | Record<string, any>;
+    loggedIn: boolean;
+    loginUrl: string;
+    isMobile: boolean;
+    balance: number;
+    isBorrower: boolean;
+    isTrustee: boolean;
+    myDashboardUrl: string;
+    userId: number;
+    showMGUpsellLink: boolean;
+    countriesNotLentToUrl: string;
+    searchSuggestions: unknown[];
+    appOrigin: string;
+    isBasketDataLoading: boolean;
+    isUserDataLoading: boolean;
+}, {}, {
+    KvMaterialIcon: any;
+    KvUserAvatar: any;
+    KvLoadingPlaceholder: any;
+    KvButton: any;
+    KvHeaderLogo: any;
+    KvHeaderDropdownLink: any;
+    SearchBar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        searchSuggestions: {
+            type: () => numeral[];
+            default: () => any[];
+        };
+        appOrigin: {
+            type: StringConstructor;
+            default: string;
+        };
+        isMobile: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        mdiMagnify: string;
+        inputId: string;
+        term: any;
+        displayTerm: import('vue').ComputedRef<any>;
+        groupedResults: any;
+        highlighted: import('vue').ComputedRef<any>;
+        showResults: import('vue').ComputedRef<boolean>;
+        onInput: (value: string) => void;
+        onFocus: () => void;
+        onBlur: () => void;
+        onSubmit: () => void;
+        runSearch: (suggestion: numeral) => void;
+        listUp: () => void;
+        listDown: () => void;
+        formatResult: (suggestion: numeral) => string;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("load-search-data" | "search-submit")[], "load-search-data" | "search-submit", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        searchSuggestions: {
+            type: () => numeral[];
+            default: () => any[];
+        };
+        appOrigin: {
+            type: StringConstructor;
+            default: string;
+        };
+        isMobile: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        "onLoad-search-data"?: (...args: any[]) => any;
+        "onSearch-submit"?: (...args: any[]) => any;
+    }>, {
+        isMobile: boolean;
+        searchSuggestions: SearchSuggestion[];
+        appOrigin: string;
+    }, {}, {
+        KvTextInput: any;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;