@kiva/kv-shop 3.7.80 → 3.7.82

package/dist/components/KvPaymentSelect2.js

@@ -17,6 +17,7 @@ import "../kv-components/dist/vue/KvClassicLoanCard2.js";
 /* empty css                                              */
 import "../kv-components/dist/vue/KvCompactLoanCard2.js";
 /* empty css                                              */
+/* empty css                                        */
 /* empty css                                          */
 /* empty css                                                  */
 /* empty css                                                  */
@@ -61,9 +62,12 @@ import "../kv-components/dist/vue/KvWideLoanCard2.js";
 import "../kv-components/dist/vue/KvWwwHeader/KvHeaderLinkBar2.js";
 /* empty css                                                        */
 /* empty css                                        */
+import "../kv-components/dist/vue/KvWwwHeaderBasic/LinkBar2.js";
+/* empty css                                                     */
+/* empty css                                                              */
 import "../kv-components/dist/utils/loanCard.js";
 import T, { defaultPaymentTypes as I } from "../useBraintreeDropIn.js";
-const Lt = {
+const Ft = {
   components: {
     KvLoadingSpinner: P
   },
@@ -122,7 +126,7 @@ const Lt = {
     }
   },
   emits: ["transactions-enabled", "error"],
-  setup(i, { emit: e }) {
+  setup(i, { emit: o }) {
     const {
       amount: m,
       authToken: u,
@@ -130,7 +134,7 @@ const Lt = {
       googlePayMerchantId: s,
       paymentTypes: d,
       preselectVaultedPaymentMethod: y
-    } = v(i), o = a(null), p = a(!1), {
+    } = v(i), e = a(null), p = a(!1), {
       initDropIn: c,
       paymentMethodRequestable: f,
       requestPaymentMethod: h,
@@ -139,34 +143,34 @@ const Lt = {
     return n(m, (t) => {
       g(t);
     }), n(f, (t) => {
-      e("transactions-enabled", t);
+      o("transactions-enabled", t);
     }, { immediate: !0 }), M(async () => {
       var t;
-      if (((t = o.value) == null ? void 0 : t.innerHTML) === "") {
+      if (((t = e.value) == null ? void 0 : t.innerHTML) === "") {
         p.value = !0;
         try {
           await c({
             amount: m.value,
             authToken: u.value,
-            container: o.value,
+            container: e.value,
             googlePayMerchantId: s.value,
             paymentTypes: d.value,
             preselectVaultedPaymentMethod: y.value,
             paypalFlow: l.value
           });
         } catch (r) {
-          r instanceof Error ? e("error", r == null ? void 0 : r.message) : e("error", "An error has occured. Please refresh the page and try again.");
+          r instanceof Error ? o("error", r == null ? void 0 : r.message) : o("error", "An error has occured. Please refresh the page and try again.");
         } finally {
           p.value = !1;
         }
       }
     }), {
-      container: o,
+      container: e,
       updatingPaymentWrapper: p,
       requestPaymentMethod: h
     };
   }
 };
 export {
-  Lt as default
+  Ft as default
 };

package/dist/kv-components/dist/utils/attrs.js

@@ -0,0 +1,19 @@
+function e(s) {
+  return s ? Array.isArray(s) ? s : [s] : [];
+}
+function a({ attrs: s, listeners: r }, n = []) {
+  const c = e(s == null ? void 0 : s.class), i = e(s == null ? void 0 : s.style), l = r ? { ...r } : {};
+  n.forEach((u) => {
+    delete l[u];
+  });
+  const t = { ...s };
+  return delete t.class, delete t.style, {
+    classes: c,
+    styles: i,
+    inputAttrs: t,
+    inputListeners: l
+  };
+}
+export {
+  a as useAttrs
+};

package/dist/kv-components/dist/utils/comparators.js

@@ -1,11 +1,23 @@
-function o(r, e) {
+function f(r) {
+  return (e, t) => typeof e == "object" && typeof t == "object" && r ? String(e[r]).localeCompare(String(t[r])) : typeof e == "string" && typeof t == "string" ? e.localeCompare(t) : 0;
+}
+function y(r, e) {
+  const t = r.toLowerCase();
+  return (o, n) => {
+    const i = typeof o == "object", p = typeof n == "object", a = String(i && e ? o[e] : o).toLowerCase(), s = String(p && e ? n[e] : n).toLowerCase(), u = a.indexOf(t), c = s.indexOf(t);
+    return u === 0 ? c === 0 ? f(e)(a, s) : -1 : c === 0 ? 1 : f(e)(a, s);
+  };
+}
+function g(r, e) {
   if (!Array.isArray(r))
     throw new TypeError("list must be an array");
-  return (n, i) => {
-    const t = n[e], a = i[e];
-    return r.indexOf(t) < r.indexOf(a) ? -1 : 1;
+  return (t, o) => {
+    const n = t[e], i = o[e];
+    return r.indexOf(n) < r.indexOf(i) ? -1 : 1;
   };
 }
 export {
-  o as indexIn
+  f as abc,
+  g as indexIn,
+  y as startsWith
 };

package/dist/kv-components/dist/utils/markMatches.js

@@ -0,0 +1,12 @@
+function l(n, e) {
+  if (!e || !e.length)
+    return n;
+  const a = e.map((t) => t[0]).flat(), m = e.map((t) => t[1]).flat();
+  return Array.from(n).map((t, r) => {
+    const f = a.indexOf(r) > -1 ? '<mark class="tw-bg-tertiary tw-rounded-sm tw-mix-blend-multiply tw-p-0.5 tw--m-0.5">' : "", i = m.indexOf(r) > -1 ? "</mark>" : "";
+    return `${f}${t}${i}`;
+  }).join("");
+}
+export {
+  l as default
+};

package/dist/kv-components/dist/utils/typeaheadSearchConfig.js

@@ -0,0 +1,31 @@
+const t = [
+  "Gender",
+  "Regions",
+  "Countries and Territories",
+  "United States",
+  "U.S. cities",
+  "Sectors",
+  "Group or Individual",
+  "Attributes",
+  "User tags",
+  "Partners",
+  "Gifts"
+], i = 5, r = [
+  {
+    group: "Gifts",
+    label: "Kiva Cards",
+    keywords: ["gift card", "kiva card", "gift", "gift certificate"],
+    url: "https://www.kiva.org/gifts/kiva-cards"
+  },
+  {
+    group: "Gifts",
+    label: "Kiva Store",
+    keywords: ["gift card", "kiva card", "gift", "gift certificate"],
+    url: "https://store.kiva.org"
+  }
+];
+export {
+  r as GIFT_SUGGESTIONS,
+  i as MAX_PER_GROUP,
+  t as SECTION_ORDER
+};

package/dist/kv-components/dist/utils/typeaheadSearchEngine.js

@@ -0,0 +1,28 @@
+import a from "fuse.js";
+import { startsWith as l } from "./comparators.js";
+const i = {
+  threshold: 0.25,
+  distance: 1e5,
+  includeMatches: !0,
+  keys: ["label", "keywords"]
+};
+class o {
+  constructor(e = []) {
+    this.fuse = null, e.length && this.reset(e);
+  }
+  reset(e = []) {
+    this.fuse = new a(e, i);
+  }
+  async search(e) {
+    return !this.fuse || !e ? [] : this.fuse.search(e).filter((s) => {
+      var t;
+      return (t = s.matches) == null ? void 0 : t.length;
+    }).map(({ item: s, matches: t }) => ({
+      ...s,
+      matches: t == null ? void 0 : t.flatMap((r) => r.indices)
+    })).sort(l(e, "label"));
+  }
+}
+export {
+  o as default
+};

package/dist/kv-components/dist/utils/useTypeaheadSearch.js

@@ -0,0 +1,64 @@
+import { ref as o, watch as f, computed as v } from "vue";
+import h from "./typeaheadSearchEngine.js";
+import { GIFT_SUGGESTIONS as O, MAX_PER_GROUP as R, SECTION_ORDER as g } from "./typeaheadSearchConfig.js";
+const S = ["activity", "city_state", "loanTags", "state", "loanLimit"];
+function w(u) {
+  return Object.keys(u).some((n) => S.includes(n));
+}
+function p(u) {
+  return u && w(u) ? "/lend" : "/lend/filter";
+}
+function T(u, n) {
+  const a = new h(), s = o(""), i = o([]), l = o(-1);
+  f(u, (e) => {
+    a.reset([...e ?? [], ...O]);
+  }, { immediate: !0 }), f(s, async (e) => {
+    if (l.value = -1, !e) {
+      i.value = [];
+      return;
+    }
+    i.value = await a.search(e);
+  });
+  const y = v(() => {
+    const e = /* @__PURE__ */ new Map();
+    return i.value.forEach((t) => {
+      const r = e.get(t.group) ?? [];
+      r.length < R && r.push(t), e.set(t.group, r);
+    }), [...e.keys()].sort((t, r) => g.indexOf(t) - g.indexOf(r)).map((t) => ({ group: t, items: e.get(t) ?? [] }));
+  });
+  function d(e) {
+    if (typeof e == "string") {
+      const m = { queryString: e };
+      return {
+        url: `${n}${p(m)}`,
+        query: m,
+        suggestion: null,
+        term: e
+      };
+    }
+    if (e.url)
+      return {
+        url: e.url,
+        query: null,
+        suggestion: e,
+        term: s.value
+      };
+    const [t, r] = (e.query ?? "").split("="), c = t ? { [t]: r } : null;
+    return {
+      url: `${n}${p(c)}`,
+      query: c,
+      suggestion: e,
+      term: s.value
+    };
+  }
+  return {
+    term: s,
+    rawResults: i,
+    activeIndex: l,
+    groupedResults: y,
+    resolveSubmit: d
+  };
+}
+export {
+  T as useTypeaheadSearch
+};

package/dist/kv-components/dist/vue/KvTextInput.css

@@ -0,0 +1 @@
+input[type=search][data-v-c3eac6f7]::-webkit-search-cancel-button,input[type=search][data-v-c3eac6f7]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}

package/dist/kv-components/dist/vue/KvTextInput.js

@@ -0,0 +1,66 @@
+import p from "./KvTextInput2.js";
+import { resolveComponent as u, createElementBlock as w, openBlock as o, normalizeStyle as m, normalizeClass as c, createElementVNode as r, createBlock as d, createCommentVNode as a, withDirectives as g, mergeProps as h, toHandlers as b, createVNode as v, vShow as f, renderSlot as y } from "vue";
+import "./KvTextInput.css";
+import x from "../_virtual/_plugin-vue_export-helper.js";
+const k = ["id", "type", "placeholder", "disabled", "value"], C = {
+  key: 2,
+  class: "tw-text-danger-highlight tw-text-small tw-font-medium tw-mt-1"
+};
+function I(s, l, t, e, V, A) {
+  const n = u("kv-material-icon");
+  return o(), w("div", {
+    class: c(["tw-inline-flex", e.classes]),
+    style: m(e.styles)
+  }, [
+    r("div", {
+      class: c(["tw-relative tw-w-full", { "tw-opacity-low": t.disabled }])
+    }, [
+      r("input", h({
+        id: t.id,
+        ref: "textInputRef",
+        type: t.type,
+        class: ["tw-h-6 tw-w-full tw-px-2 tw-border tw-rounded-xs tw-appearance-none tw-text-base tw-ring-inset focus:tw-outline-none focus:tw-ring-2 focus:tw-border-transparent", {
+          "tw-bg-primary": t.valid && !t.disabled,
+          "tw-border-tertiary focus:tw-ring-action": t.valid,
+          "tw-pr-6 tw-bg-danger-highlight tw-border-danger focus:tw-ring-danger-highlight": !t.valid,
+          "tw-bg-tertiary": t.disabled,
+          "tw-pl-6": t.icon
+        }],
+        placeholder: t.placeholder,
+        disabled: t.disabled
+      }, e.inputAttrs, { value: t.modelValue }, b(e.inputListeners, !0), {
+        onInput: l[0] || (l[0] = (...i) => e.onInput && e.onInput(...i))
+      }), null, 16, k),
+      t.icon ? (o(), d(n, {
+        key: 0,
+        icon: t.icon,
+        class: "tw-w-3 tw-h-3 tw-absolute tw-top-1.5 tw-left-1.5 tw-pointer-events-none"
+      }, null, 8, ["icon"])) : a("", !0),
+      t.valid ? a("", !0) : (o(), d(n, {
+        key: 1,
+        icon: e.mdiAlertCircleOutline,
+        class: "tw-w-3 tw-h-3 tw-absolute tw-top-1.5 tw-right-1.5 tw-pointer-events-none tw-text-danger"
+      }, null, 8, ["icon"])),
+      g(r("button", {
+        type: "button",
+        class: "tw-absolute tw-top-1.5 tw-right-1.5",
+        onClick: l[1] || (l[1] = (...i) => e.clearInput && e.clearInput(...i))
+      }, [
+        l[2] || (l[2] = r("span", { class: "tw-sr-only" }, "clear input", -1)),
+        v(n, {
+          class: "tw-w-3 tw-h-3",
+          icon: e.mdiClose
+        }, null, 8, ["icon"])
+      ], 512), [
+        [f, t.canClear && t.valid && !!e.inputText]
+      ]),
+      s.$slots.error ? (o(), w("div", C, [
+        y(s.$slots, "error", {}, void 0, !0)
+      ])) : a("", !0)
+    ], 2)
+  ], 6);
+}
+const E = /* @__PURE__ */ x(p, [["render", I], ["__scopeId", "data-v-c3eac6f7"]]);
+export {
+  E as default
+};

package/dist/kv-components/dist/vue/KvTextInput2.js

@@ -0,0 +1,126 @@
+import { toRefs as f, ref as r } from "vue";
+import { mdiClose as c, mdiAlertCircleOutline as v } from "@mdi/js";
+import { useAttrs as y } from "../utils/attrs.js";
+import g from "./KvMaterialIcon.js";
+const o = [
+  "input",
+  "update:modelValue"
+], S = {
+  components: {
+    KvMaterialIcon: g
+  },
+  inheritAttrs: !1,
+  // v-model will update when a different value is input
+  model: {
+    prop: "modelValue",
+    event: "update:modelValue"
+  },
+  props: {
+    /**
+     * Id of the input, used to associate the input with a <label> element.
+     * */
+    id: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Value of the text in the input. Used if you're not using the standard v-model bindings
+     * ```
+     * <kv-text-input :value="streetAddress" @input="(val) => streetAddress = val" />
+     * ```
+     * */
+    modelValue: {
+      type: [String, Number, Boolean],
+      default: ""
+    },
+    /**
+     * Text that appears in the form control when it has no value set
+     * Should not be used as a label, but rather an example.
+     * Bad: Enter an address   Good: 1234 E Cherry Lane
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefplaceholder
+     * */
+    placeholder: {
+      type: String,
+      default: null
+    },
+    /**
+     * Prevents the input from being edited or focused
+     * */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * When set to false, visually indicates to the user that the contents of the input need
+     * to be changed
+     * */
+    valid: {
+      type: Boolean,
+      default: !0
+    },
+    /*
+     * SVG path data passed in from an imported @mdi/js module.
+     * Displayed on the left hand side of the input
+     * ```
+     * import { mdiMagnify } from '@mdi/js';
+     * data() { return { mdiMagnify } };
+     * <kv-text-input :icon="mdiMagnify" />`
+     * ```
+     * */
+    icon: {
+      type: String,
+      default: null
+    },
+    /**
+     * Can be used to set show special keyboards for mobile users
+     * E.g., type="number" or type="tel"
+     * */
+    type: {
+      type: String,
+      default: "text"
+    },
+    /**
+     * When set to true, adds a button positioned to the right edge of the input containing an “X”
+     * */
+    canClear: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: o,
+  setup(n, a) {
+    const { emit: e } = a, {
+      modelValue: i
+    } = f(n), t = r(null), l = r(i.value), {
+      classes: p,
+      styles: s,
+      inputAttrs: d,
+      inputListeners: m
+    } = y(a, o);
+    return {
+      mdiAlertCircleOutline: v,
+      mdiClose: c,
+      onInput: (u) => {
+        l.value = u.target.value, e("input", u.target.value), e("update:modelValue", u.target.value);
+      },
+      focus: () => {
+        t.value.focus();
+      },
+      blur: () => {
+        t.value.blur();
+      },
+      clearInput: () => {
+        l.value = "", e("input", ""), e("update:modelValue", "");
+      },
+      inputText: l,
+      classes: p,
+      styles: s,
+      inputAttrs: d,
+      inputListeners: m,
+      textInputRef: t
+    };
+  }
+};
+export {
+  S as default
+};

package/dist/kv-components/dist/vue/KvWwwHeader/LendMenu/KvLendMenu.js

@@ -1,39 +1,55 @@
-import l from "./KvLendMenu2.js";
-import { resolveComponent as o, createBlock as a, openBlock as g, withCtx as c, createVNode as i } from "vue";
-import u from "../../../_virtual/_plugin-vue_export-helper.js";
-function d(h, m, e, s, p, v) {
-  const n = o("kv-lend-list-menu"), t = o("kv-lend-mega-menu"), r = o("kv-page-container");
-  return g(), a(r, { class: "tw-pt-2 lg:tw-pt-0" }, {
-    default: c(() => [
-      i(n, {
-        class: "lg:tw-hidden",
-        categories: s.computedCategories,
-        regions: s.regions,
-        "user-id": e.userId,
-        favorites: s.favoritesCount,
-        searches: s.savedSearches,
-        "is-regions-loading": s.isRegionsLoading,
-        "is-channels-loading": s.isChannelsLoading,
-        "show-m-g-upsell-link": e.showMGUpsellLink,
-        "countries-not-lent-to-url": e.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"]),
-      i(t, {
+import h from "./KvLendMenu2.js";
+import { resolveComponent as i, createBlock as t, openBlock as a, withCtx as m, createCommentVNode as p, createVNode as l, normalizeClass as w } from "vue";
+import v from "../../../_virtual/_plugin-vue_export-helper.js";
+function f(n, o, s, e, k, C) {
+  const g = i("mobile-lend-menu"), c = i("kv-lend-list-menu"), d = i("kv-lend-mega-menu"), u = i("kv-page-container");
+  return a(), t(u, { class: "tw-pt-2 lg:tw-pt-0" }, {
+    default: m(() => [
+      s.useMobileMegaMenu ? (a(), t(g, {
+        key: 0,
+        class: "md:tw-hidden",
+        categories: e.computedCategories,
+        regions: e.regions,
+        "user-id": s.userId,
+        favorites: e.favoritesCount,
+        searches: e.savedSearches,
+        "is-regions-loading": e.isRegionsLoading,
+        "is-channels-loading": e.isChannelsLoading,
+        "countries-not-lent-to-url": s.countriesNotLentToUrl,
+        "search-suggestions": s.searchSuggestions,
+        "app-origin": s.appOrigin,
+        onLoadSearchData: o[0] || (o[0] = (r) => n.$emit("load-search-data")),
+        onSearchSubmit: o[1] || (o[1] = (r) => n.$emit("search-submit", r))
+      }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading", "countries-not-lent-to-url", "search-suggestions", "app-origin"])) : p("", !0),
+      l(c, {
+        class: w(s.useMobileMegaMenu ? "tw-hidden md:tw-block lg:tw-hidden" : "lg:tw-hidden"),
+        categories: e.computedCategories,
+        regions: e.regions,
+        "user-id": s.userId,
+        favorites: e.favoritesCount,
+        searches: e.savedSearches,
+        "is-regions-loading": e.isRegionsLoading,
+        "is-channels-loading": e.isChannelsLoading,
+        "show-m-g-upsell-link": s.showMGUpsellLink,
+        "countries-not-lent-to-url": s.countriesNotLentToUrl
+      }, null, 8, ["class", "categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading", "show-m-g-upsell-link", "countries-not-lent-to-url"]),
+      l(d, {
         class: "tw-hidden lg:tw-block",
-        categories: s.computedCategories,
-        regions: s.regions,
-        "user-id": e.userId,
-        favorites: s.favoritesCount,
-        searches: s.savedSearches,
-        "is-regions-loading": s.isRegionsLoading,
-        "is-channels-loading": s.isChannelsLoading,
-        "show-m-g-upsell-link": e.showMGUpsellLink,
-        "countries-not-lent-to-url": e.countriesNotLentToUrl
+        categories: e.computedCategories,
+        regions: e.regions,
+        "user-id": s.userId,
+        favorites: e.favoritesCount,
+        searches: e.savedSearches,
+        "is-regions-loading": e.isRegionsLoading,
+        "is-channels-loading": e.isChannelsLoading,
+        "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 L = /* @__PURE__ */ u(l, [["render", d]]);
+const b = /* @__PURE__ */ v(h, [["render", f]]);
 export {
-  L as default
+  b as default
 };