@kiva/kv-components 10.5.1 → 10.6.1

package/dist/vue/KvWideLoanCard.script.js

@@ -0,0 +1,235 @@
+import o from "graphql-tag";
+import { LOAN_CALLOUTS_FRAGMENT as M, LOAN_GEOCODE_FRAGMENT as R, LOAN_PROGRESS_FRAGMENT as B, loanCardComputedProperties as S, loanCardMethods as k, useLocationTruncation as w } from "../utils/loanCard.js";
+import O from "./KvLoanUse.js";
+import D from "./KvBorrowerImage.js";
+import F from "./KvLoanProgressGroup.js";
+import G from "./KvLoanCallouts.js";
+import b from "./KvLendCta.js";
+import P from "./KvLoanBookmark.js";
+import U from "./KvLoanTag.js";
+import V from "./KvMaterialIcon.js";
+import W from "./KvLoadingPlaceholder.js";
+import $ from "./KvTooltip.js";
+import { KV_LEND_CTA_FRAGMENT as z, KV_LEND_CTA_USER_FRAGMENT as I } from "./KvLendCta.script.js";
+import { KV_LOAN_TAG_FRAGMENT as q } from "./KvLoanTag.script.js";
+import { KV_LOAN_USE_FRAGMENT as x } from "./KvLoanUse.script.js";
+import { KV_LOAN_BOOKMARK_FRAGMENT as H } from "./KvLoanBookmark.script.js";
+const me = o`
+	fragment KvWideLoanCard on LoanBasic {
+		id
+		image {
+			id
+			hash # for imageHash
+		}
+		name # for borrowerName
+		...KvLendCta
+		...KvLoanTag
+		...KvLoanUse
+		...LoanCallouts
+		...LoanGeocode
+		...LoanProgress
+	}
+	${z}
+	${q}
+	${x}
+	${M}
+	${R}
+	${B}
+`, ue = o`
+	fragment KvWideLoanCardUser on LoanBasic {
+		id
+		...KvLendCtaUser
+		...KvLoanBookmark
+	}
+	${I}
+	${H}
+`, fe = {
+  name: "KvWideLoanCard",
+  components: {
+    KvBorrowerImage: D,
+    KvLoadingPlaceholder: W,
+    KvLoanUse: O,
+    KvLoanProgressGroup: F,
+    KvMaterialIcon: V,
+    KvLendCta: b,
+    KvLoanTag: U,
+    KvLoanCallouts: G,
+    KvLoanBookmark: P,
+    KvTooltip: $
+  },
+  props: {
+    loanId: {
+      type: Number,
+      default: void 0
+    },
+    loan: {
+      type: Object,
+      default: null
+    },
+    customLoanDetails: {
+      type: Boolean,
+      default: !1
+    },
+    showTags: {
+      type: Boolean,
+      default: !1
+    },
+    categoryPageName: {
+      type: String,
+      default: ""
+    },
+    enableFiveDollarsNotes: {
+      type: Boolean,
+      default: !1
+    },
+    isAdding: {
+      type: Boolean,
+      default: !1
+    },
+    isVisitor: {
+      type: Boolean,
+      default: !0
+    },
+    basketItems: {
+      type: Array,
+      default: () => []
+    },
+    isBookmarked: {
+      type: Boolean,
+      default: !1
+    },
+    kvTrackFunction: {
+      type: Function,
+      required: !0
+    },
+    photoPath: {
+      type: String,
+      required: !0
+    },
+    showViewLoan: {
+      type: Boolean,
+      default: !1
+    },
+    externalLinks: {
+      type: Boolean,
+      default: !1
+    },
+    route: {
+      type: Object,
+      default: void 0
+    },
+    userBalance: {
+      type: String,
+      default: void 0
+    },
+    getCookie: {
+      type: Function,
+      default: void 0
+    },
+    setCookie: {
+      type: Function,
+      default: void 0
+    },
+    fiveDollarsSelected: {
+      type: Boolean,
+      default: !1
+    },
+    customCallouts: {
+      type: Array,
+      default: () => []
+    },
+    customHref: {
+      type: String,
+      default: ""
+    },
+    enableMultiMatching: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "toggle-bookmark",
+    "add-to-basket"
+  ],
+  setup(e, { emit: a }) {
+    const {
+      allDataLoaded: t,
+      borrowerName: r,
+      city: i,
+      countryName: n,
+      distributionModel: l,
+      formattedLocation: d,
+      fundraisingPercent: s,
+      hasProgressData: m,
+      imageHash: u,
+      isLoading: f,
+      loanAmount: p,
+      loanBorrowerCount: c,
+      loanCallouts: L,
+      loanStatus: g,
+      loanUse: v,
+      mdiMapMarker: _,
+      readMorePath: A,
+      state: y,
+      tag: K,
+      unreservedAmount: N,
+      sharesAvailable: h
+    } = S(e), {
+      clickReadMore: C
+    } = k(e, a), {
+      locationRef: T,
+      isLocationTruncated: E
+    } = w();
+    return {
+      allDataLoaded: t,
+      borrowerName: r,
+      city: i,
+      countryName: n,
+      distributionModel: l,
+      formattedLocation: d,
+      fundraisingPercent: s,
+      hasProgressData: m,
+      imageHash: u,
+      isLoading: f,
+      loanAmount: p,
+      loanBorrowerCount: c,
+      loanCallouts: L,
+      loanStatus: g,
+      loanUse: v,
+      mdiMapMarker: _,
+      readMorePath: A,
+      state: y,
+      tag: K,
+      unreservedAmount: N,
+      sharesAvailable: h,
+      clickReadMore: C,
+      locationRef: T,
+      isLocationTruncated: E
+    };
+  },
+  computed: {
+    cardWidth() {
+      return "374px";
+    },
+    imageAspectRatio() {
+      return 1;
+    },
+    imageDefaultWidth() {
+      return 320;
+    },
+    imageSizes() {
+      return [
+        { width: this.imageDefaultWidth, viewSize: 1024 },
+        { width: this.imageDefaultWidth, viewSize: 768 },
+        { width: 416, viewSize: 480 },
+        { width: 374, viewSize: 414 },
+        { width: 335, viewSize: 375 }
+      ];
+    }
+  }
+};
+export {
+  me as KV_WIDE_LOAN_CARD_FRAGMENT,
+  ue as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
+  fe as default
+};

package/dist/vue/KvWwwHeader/KvHeaderAboutMenu.js

@@ -1,4 +1,4 @@
-import n from "./KvHeaderAboutMenu2.js";
+import n from "./KvHeaderAboutMenu.script.js";
 import { resolveComponent as l, resolveDirective as p, openBlock as e, createElementBlock as f, withDirectives as i, createBlock as u, withCtx as a, createTextVNode as s } from "vue";
 import d from "../../_virtual/_plugin-vue_export-helper.js";
 const v = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start tw-font-medium tw-px-2.5" };

package/dist/vue/KvWwwHeader/KvHeaderDropdownLink.js

@@ -1,4 +1,4 @@
-import l from "./KvHeaderDropdownLink2.js";
+import l from "./KvHeaderDropdownLink.script.js";
 import { resolveComponent as s, openBlock as c, createElementBlock as d, withModifiers as m, createElementVNode as w, normalizeClass as r, renderSlot as f, createVNode as u } from "vue";
 import h from "../../_virtual/_plugin-vue_export-helper.js";
 const v = ["href"];

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

@@ -1,4 +1,4 @@
-import D from "./KvHeaderLinkBar2.js";
+import D from "./KvHeaderLinkBar.script.js";
 import { resolveComponent as s, resolveDirective as H, openBlock as a, createElementBlock as i, withDirectives as l, withModifiers as c, normalizeClass as v, createVNode as r, createBlock as g, withCtx as k, createTextVNode as m, createElementVNode as w, createCommentVNode as y, normalizeStyle as f, vShow as h, toDisplayString as L } from "vue";
 import "./KvHeaderLinkBar.css";
 import B from "../../_virtual/_plugin-vue_export-helper.js";

package/dist/vue/KvWwwHeader/KvHeaderLogo.js

@@ -1,4 +1,4 @@
-import t from "./KvHeaderLogo2.js";
+import t from "./KvHeaderLogo.script.js";
 import { resolveComponent as e, openBlock as r, createElementBlock as c, createVNode as n } from "vue";
 import s from "../../_virtual/_plugin-vue_export-helper.js";
 const a = { class: "tw-h-2 lg:tw-h-2.5" };

package/dist/vue/KvWwwHeader/KvHeaderMobileMenu.js

@@ -1,4 +1,4 @@
-import f from "./KvHeaderMobileMenu2.js";
+import f from "./KvHeaderMobileMenu.script.js";
 import { resolveComponent as b, resolveDirective as N, openBlock as t, createElementBlock as l, withDirectives as i, createBlock as k, createCommentVNode as T, withCtx as p, createElementVNode as a, Fragment as A, renderList as C, withModifiers as s, toDisplayString as c, createTextVNode as n } from "vue";
 import "./KvHeaderMobileMenu.css";
 import g from "../../_virtual/_plugin-vue_export-helper.js";

package/dist/vue/KvWwwHeader/KvHeaderMyKivaMenu.js

@@ -1,4 +1,4 @@
-import d from "./KvHeaderMyKivaMenu2.js";
+import d from "./KvHeaderMyKivaMenu.script.js";
 import { resolveComponent as m, resolveDirective as u, openBlock as t, createElementBlock as v, withDirectives as i, createBlock as l, withCtx as s, createTextVNode as a, createCommentVNode as n } from "vue";
 import k from "../../_virtual/_plugin-vue_export-helper.js";
 const p = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start tw-font-medium tw-px-2.5" };

package/dist/vue/KvWwwHeader/KvHeaderTakeActionMenu.js

@@ -1,4 +1,4 @@
-import s from "./KvHeaderTakeActionMenu2.js";
+import s from "./KvHeaderTakeActionMenu.script.js";
 import { resolveComponent as p, resolveDirective as c, openBlock as o, createElementBlock as u, withDirectives as a, createBlock as r, withCtx as i, createElementVNode as t } from "vue";
 import d from "../../_virtual/_plugin-vue_export-helper.js";
 const v = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start tw-font-medium tw-px-2.5" };

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

@@ -1,4 +1,4 @@
-import C from "./KvLendListMenu2.js";
+import C from "./KvLendListMenu.script.js";
 import { resolveComponent as _, resolveDirective as R, openBlock as t, createElementBlock as n, withDirectives as r, createElementVNode as l, createTextVNode as d, createVNode as c, createCommentVNode as p, withCtx as s, Fragment as k, renderList as v, toDisplayString as g, createBlock as m } from "vue";
 import "./KvLendListMenu.css";
 import A from "../../../_virtual/_plugin-vue_export-helper.js";

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

@@ -1,4 +1,4 @@
-import x from "./KvLendMegaMenu2.js";
+import x from "./KvLendMegaMenu.script.js";
 import { resolveComponent as m, resolveDirective as b, openBlock as n, createElementBlock as s, createElementVNode as t, normalizeStyle as S, withDirectives as r, createTextVNode as c, createVNode as d, createCommentVNode as u, withCtx as L, Fragment as w, renderList as k, toDisplayString as h, normalizeClass as C } from "vue";
 import "./KvLendMegaMenu.css";
 import N from "../../../_virtual/_plugin-vue_export-helper.js";

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

@@ -1,4 +1,4 @@
-import m from "./KvLendMenu2.js";
+import m from "./KvLendMenu.script.js";
 import { resolveComponent as i, openBlock as t, createBlock as r, withCtx as h, createCommentVNode as v, createVNode as l, normalizeClass as _ } from "vue";
 import f from "../../../_virtual/_plugin-vue_export-helper.js";
 function k(s, o, n, e, w, C) {

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

@@ -1,4 +1,4 @@
-import n from "./KvLendMenuCountryList2.js";
+import n from "./KvLendMenuCountryList.script.js";
 import { resolveDirective as c, openBlock as e, createElementBlock as o, Fragment as a, renderList as l, withDirectives as _, createTextVNode as d, toDisplayString as r } from "vue";
 import "./KvLendMenuCountryList.css";
 import p from "../../../_virtual/_plugin-vue_export-helper.js";

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

@@ -1,4 +1,4 @@
-import a from "./KvLendMenuSearchList2.js";
+import a from "./KvLendMenuSearchList.script.js";
 import { openBlock as e, createElementBlock as r, Fragment as l, renderList as c, createElementVNode as o, toDisplayString as i } from "vue";
 import f from "../../../_virtual/_plugin-vue_export-helper.js";
 const d = { class: "tw-font-book" }, m = ["href"];

package/dist/vue/KvWwwHeader.js

@@ -1,4 +1,4 @@
-import h from "./KvWwwHeader2.js";
+import h from "./KvWwwHeader.script.js";
 import { resolveComponent as l, resolveDirective as f, openBlock as r, createBlock as u, withCtx as i, createElementVNode as d, normalizeStyle as m, createVNode as t, Transition as v, withDirectives as s, vShow as c, createElementBlock as y, normalizeClass as H, resolveDynamicComponent as M, withModifiers as C } from "vue";
 import "./KvWwwHeader.css";
 import D from "../_virtual/_plugin-vue_export-helper.js";

package/dist/vue/KvWwwHeaderBasic/AboutMenu.js

@@ -1,4 +1,4 @@
-import c from "./AboutMenu2.js";
+import c from "./AboutMenu.script.js";
 import { resolveComponent as l, openBlock as t, createElementBlock as r, normalizeClass as i, Fragment as m, renderList as s, createBlock as f, withCtx as _, createTextVNode as p, toDisplayString as d } from "vue";
 import "./AboutMenu.css";
 import u from "../../_virtual/_plugin-vue_export-helper.js";

package/dist/vue/KvWwwHeaderBasic/HeaderMenuGroup.js

@@ -1,4 +1,4 @@
-import d from "./HeaderMenuGroup2.js";
+import d from "./HeaderMenuGroup.script.js";
 import { openBlock as s, createElementBlock as i, renderSlot as t, createElementVNode as l, normalizeClass as u, createCommentVNode as a } from "vue";
 import "./HeaderMenuGroup.css";
 import m from "../../_virtual/_plugin-vue_export-helper.js";

package/dist/vue/KvWwwHeaderBasic/KvWwwHeaderBasic.js

@@ -1,4 +1,4 @@
-import u from "./KvWwwHeaderBasic2.js";
+import u from "./KvWwwHeaderBasic.script.js";
 import { resolveComponent as o, openBlock as g, createBlock as c, withCtx as r, createElementVNode as b, normalizeStyle as k, createVNode as l, Transition as v, withDirectives as f, vShow as w } from "vue";
 import "./KvWwwHeaderBasic.css";
 import h from "../../_virtual/_plugin-vue_export-helper.js";

package/dist/vue/KvWwwHeaderBasic/LinkBar.js

@@ -1,4 +1,4 @@
-import S from "./LinkBar2.js";
+import S from "./LinkBar.script.js";
 import { resolveComponent as r, openBlock as o, createElementBlock as s, normalizeStyle as v, normalizeClass as I, createVNode as i, withCtx as d, createElementVNode as l, mergeProps as g, Transition as U, toDisplayString as w, createCommentVNode as m, Fragment as _, renderList as G, createTextVNode as b, withDirectives as O, vShow as E, createBlock as f } from "vue";
 import "./LinkBar.css";
 import N from "../../_virtual/_plugin-vue_export-helper.js";

package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/CategoriesPanel.js

@@ -1,4 +1,4 @@
-import k from "./CategoriesPanel2.js";
+import k from "./CategoriesPanel.script.js";
 import { resolveComponent as p, resolveDirective as v, openBlock as e, createElementBlock as t, Fragment as a, renderList as c, createElementVNode as r, createVNode as f, withDirectives as s, createTextVNode as i, toDisplayString as h } from "vue";
 import "./CategoriesPanel.css";
 import u from "../../../_virtual/_plugin-vue_export-helper.js";

package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/MobileLendMenu.js

@@ -1,4 +1,4 @@
-import h from "./MobileLendMenu2.js";
+import h from "./MobileLendMenu.script.js";
 import { resolveComponent as a, resolveDirective as T, openBlock as i, createElementBlock as L, createVNode as o, withCtx as t, createBlock as s, createCommentVNode as _, withDirectives as c, createTextVNode as g } from "vue";
 import "./MobileLendMenu.css";
 import N from "../../../_virtual/_plugin-vue_export-helper.js";

package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/MyKivaPanel.js

@@ -1,4 +1,4 @@
-import k from "./MyKivaPanel2.js";
+import k from "./MyKivaPanel.script.js";
 import { resolveComponent as a, resolveDirective as h, openBlock as t, createElementBlock as o, createElementVNode as n, withDirectives as i, createTextVNode as l, createVNode as c, withCtx as d } from "vue";
 import "./MyKivaPanel.css";
 import u from "../../../_virtual/_plugin-vue_export-helper.js";

package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/RegionsPanel.js

@@ -1,4 +1,4 @@
-import u from "./RegionsPanel2.js";
+import u from "./RegionsPanel.script.js";
 import { resolveComponent as n, resolveDirective as k, openBlock as t, createElementBlock as o, Fragment as l, renderList as d, createVNode as r, withCtx as c, withDirectives as v, createBlock as h, createElementVNode as f, toDisplayString as y } from "vue";
 import g from "../../../_virtual/_plugin-vue_export-helper.js";
 const x = { class: "tw-text-upper" };

package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/SearchPanel.js

@@ -1,4 +1,4 @@
-import n from "./SearchPanel2.js";
+import n from "./SearchPanel.script.js";
 import { resolveComponent as t, openBlock as i, createBlock as c } from "vue";
 import m from "../../../_virtual/_plugin-vue_export-helper.js";
 function p(r, e, o, u, l, d) {

package/dist/vue/KvWwwHeaderBasic/MobileMenu.js

@@ -1,4 +1,4 @@
-import k from "./MobileMenu2.js";
+import k from "./MobileMenu.script.js";
 import { resolveComponent as l, openBlock as r, createElementBlock as a, createVNode as s, withCtx as c, createElementVNode as e, toDisplayString as m, createCommentVNode as f } from "vue";
 import "./MobileMenu.css";
 import b from "../../_virtual/_plugin-vue_export-helper.js";

package/dist/vue/KvWwwHeaderBasic/MyKivaMenu.js

@@ -1,4 +1,4 @@
-import u from "./MyKivaMenu2.js";
+import u from "./MyKivaMenu.script.js";
 import { resolveComponent as C, openBlock as f, createElementBlock as d, createVNode as r, withCtx as e, createTextVNode as i, Fragment as s, createCommentVNode as m } from "vue";
 import "./MyKivaMenu.css";
 import y from "../../_virtual/_plugin-vue_export-helper.js";

package/dist/vue/KvWwwHeaderBasic/SearchBar.js

@@ -1,4 +1,4 @@
-import b from "./SearchBar2.js";
+import b from "./SearchBar.script.js";
 import { resolveComponent as f, openBlock as r, createElementBlock as n, withModifiers as l, createElementVNode as o, createVNode as v, withKeys as s, withDirectives as y, normalizeClass as w, Fragment as c, renderList as m, toDisplayString as _, vShow as S } from "vue";
 import x from "../../_virtual/_plugin-vue_export-helper.js";
 const g = ["for"], k = ["data-testid"], B = { class: "tw-text-base tw-py-0.5" }, M = ["data-testid", "onClick"], I = ["innerHTML"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "10.5.1",
+  "version": "10.6.1",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -116,5 +116,5 @@
   "dependencies": {
     "fuse.js": "^7.1.0"
   },
-  "gitHead": "074a5802f62864713f35c7d42c914324c5cd2cc1"
+  "gitHead": "a55163da474c53d2958af25e6b68684b3f1922db"
 }

package/vite.config.ts

@@ -21,19 +21,22 @@ export default defineConfig({
 		lib: {
 			entry: 'src/index.ts',
 			formats: ['es'],
-			fileName: (format, entryName) => {
-				// Since we have declared type: module in package.json, we use .js for ES modules and .cjs for CommonJS modules
-				const suffix = format === 'es' ? '.js' : '.cjs';
-				// Rename node_modules directory from bundled dependencies to avoid module resolution issues
-				if (entryName.startsWith('node_modules')) {
-					return `${entryName.replace('node_modules/', 'vendor/')}${suffix}`;
-				}
-				// Remove .vue extension from entryName for SFCs
-				if (entryName.slice(-4) === '.vue') {
-					return `${entryName.slice(0, -4)}${suffix}`;
-				}
-				// Return default entryName
-				return `${entryName}${suffix}`;
+		},
+		rollupOptions: {
+			output: {
+				// An SFC and its `?vue&type=script` half share the chunk name `KvX.vue`; unless they're named apart,
+				// Rollup suffixes one with `2` by module order and `vue/KvX.js` can end up renderless.
+				entryFileNames: ({ name, facadeModuleId }) => {
+					// Rename node_modules directory from bundled dependencies to avoid module resolution issues
+					if (name.startsWith('node_modules')) {
+						return `${name.replace('node_modules/', 'vendor/')}.js`;
+					}
+					if (name.endsWith('.vue')) {
+						const isScriptBlock = facadeModuleId?.includes('?vue&type=script');
+						return `${name.slice(0, -4)}${isScriptBlock ? '.script' : ''}.js`;
+					}
+					return `${name}.js`;
+				},
 			},
 		},
 	},