@kiva/kv-components 3.106.0 → 3.107.0

package/dist/expander.js

@@ -0,0 +1,53 @@
+// utils/expander.js
+function setInitialStyle(el, { property, delay, easing }) {
+  el.style.overflow = "hidden";
+  el.style.transition = `${property} ${delay}ms ${easing}`;
+}
+function unsetStyles(el, { property }) {
+  el.style[property] = null;
+  el.style.overflow = null;
+  el.style.transition = null;
+}
+function expand(el, {
+  easing = "ease",
+  delay = 500,
+  done = () => {
+  },
+  from = 0,
+  property = "height"
+}) {
+  setInitialStyle(el, { property, delay, easing });
+  el.style[property] = "auto";
+  el.style.display = null;
+  const propValue = window.getComputedStyle(el).getPropertyValue(property);
+  el.style[property] = from;
+  el.addEventListener("transitionend", function listener() {
+    unsetStyles(el, { property });
+    done();
+    el.removeEventListener("transitionend", listener, true);
+  }, true);
+  void el.offsetWidth;
+  el.style[property] = propValue;
+}
+function collapse(el, {
+  easing = "ease",
+  delay = 500,
+  done = () => {
+  },
+  to = 0,
+  property = "height"
+}) {
+  setInitialStyle(el, { property, delay, easing });
+  el.style[property] = window.getComputedStyle(el).getPropertyValue(property);
+  el.addEventListener("transitionend", function listener() {
+    unsetStyles(el, { property });
+    done();
+    el.removeEventListener("transitionend", listener, true);
+  }, true);
+  void el.offsetWidth;
+  el.style[property] = to;
+}
+export {
+  collapse,
+  expand
+};

package/dist/imageUtils.cjs

@@ -0,0 +1,54 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// utils/imageUtils.js
+var imageUtils_exports = {};
+__export(imageUtils_exports, {
+  isLegacyPlaceholderAvatar: () => isLegacyPlaceholderAvatar,
+  randomizedUserAvatarClass: () => randomizedUserAvatarClass
+});
+module.exports = __toCommonJS(imageUtils_exports);
+function isLegacyPlaceholderAvatar(filename) {
+  if (!filename) {
+    return false;
+  }
+  let filenameCleaned = filename.toString();
+  if (filenameCleaned.includes(".")) {
+    [filenameCleaned] = filenameCleaned.split(".");
+  }
+  const defaultProfileIds = ["726677", "315726", "4d844ac2c0b77a8a522741b908ea5c32"];
+  return defaultProfileIds.includes(filenameCleaned);
+}
+function randomizedUserAvatarClass() {
+  const userCardStyleOptions = [
+    { color: "tw-text-action", bg: "tw-bg-brand-100" },
+    { color: "tw-text-black", bg: "tw-bg-brand-100" },
+    { color: "tw-text-white", bg: "tw-bg-action" },
+    { color: "tw-text-brand-100", bg: "tw-bg-action" },
+    { color: "tw-text-primary-inverse", bg: "tw-bg-action" },
+    { color: "tw-text-white", bg: "tw-bg-black" },
+    { color: "tw-text-action", bg: "tw-bg-black" }
+  ];
+  const randomStyle = userCardStyleOptions[Math.floor(Math.random() * userCardStyleOptions.length)];
+  return `${randomStyle.color} ${randomStyle.bg}`;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  isLegacyPlaceholderAvatar,
+  randomizedUserAvatarClass
+});

package/dist/imageUtils.js

@@ -0,0 +1,29 @@
+// utils/imageUtils.js
+function isLegacyPlaceholderAvatar(filename) {
+  if (!filename) {
+    return false;
+  }
+  let filenameCleaned = filename.toString();
+  if (filenameCleaned.includes(".")) {
+    [filenameCleaned] = filenameCleaned.split(".");
+  }
+  const defaultProfileIds = ["726677", "315726", "4d844ac2c0b77a8a522741b908ea5c32"];
+  return defaultProfileIds.includes(filenameCleaned);
+}
+function randomizedUserAvatarClass() {
+  const userCardStyleOptions = [
+    { color: "tw-text-action", bg: "tw-bg-brand-100" },
+    { color: "tw-text-black", bg: "tw-bg-brand-100" },
+    { color: "tw-text-white", bg: "tw-bg-action" },
+    { color: "tw-text-brand-100", bg: "tw-bg-action" },
+    { color: "tw-text-primary-inverse", bg: "tw-bg-action" },
+    { color: "tw-text-white", bg: "tw-bg-black" },
+    { color: "tw-text-action", bg: "tw-bg-black" }
+  ];
+  const randomStyle = userCardStyleOptions[Math.floor(Math.random() * userCardStyleOptions.length)];
+  return `${randomStyle.color} ${randomStyle.bg}`;
+}
+export {
+  isLegacyPlaceholderAvatar,
+  randomizedUserAvatarClass
+};

package/dist/loanCard.cjs

@@ -0,0 +1,222 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// utils/loanCard.js
+var loanCard_exports = {};
+__export(loanCard_exports, {
+  loanCardComputedProperties: () => loanCardComputedProperties,
+  loanCardMethods: () => loanCardMethods
+});
+module.exports = __toCommonJS(loanCard_exports);
+var import_vue_demi = require("vue-demi");
+var import_js = require("@mdi/js");
+var LSE_LOAN_KEY = "N/A";
+var ECO_FRIENDLY_KEY = "ECO-FRIENDLY";
+var SUSTAINABLE_AG_KEY = "SUSTAINABLE AG";
+var SINGLE_PARENT_KEY = "SINGLE PARENT";
+var REFUGEE_KEY = "REFUGEES/DISPLACED";
+var findCalloutData = (tags, tagName) => (tags == null ? void 0 : tags.find((t) => t.name.replace("#", "").toUpperCase() === tagName.toUpperCase())) ?? {};
+function loanCardComputedProperties(props, hideUnitedStatesText = false) {
+  const {
+    externalLinks,
+    customLoanDetails,
+    loanId,
+    loan,
+    categoryPageName,
+    customCallouts
+  } = (0, import_vue_demi.toRefs)(props);
+  const tag = (0, import_vue_demi.computed)(() => externalLinks.value ? "a" : "router-link");
+  const readMorePath = (0, import_vue_demi.computed)(() => customLoanDetails.value ? "" : `/lend/${loanId.value}`);
+  const isLoading = (0, import_vue_demi.computed)(() => !loanId.value || !loan.value);
+  const borrowerName = (0, import_vue_demi.computed)(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.name) || "";
+  });
+  const countryName = (0, import_vue_demi.computed)(() => {
+    var _a, _b, _c;
+    return ((_c = (_b = (_a = loan.value) == null ? void 0 : _a.geocode) == null ? void 0 : _b.country) == null ? void 0 : _c.name) || "";
+  });
+  const countryCode = (0, import_vue_demi.computed)(() => {
+    var _a, _b, _c;
+    return ((_c = (_b = (_a = loan.value) == null ? void 0 : _a.geocode) == null ? void 0 : _b.country) == null ? void 0 : _c.isoCode) || "";
+  });
+  const city = (0, import_vue_demi.computed)(() => {
+    var _a, _b;
+    return ((_b = (_a = loan.value) == null ? void 0 : _a.geocode) == null ? void 0 : _b.city) || "";
+  });
+  const state = (0, import_vue_demi.computed)(() => {
+    var _a, _b;
+    return ((_b = (_a = loan.value) == null ? void 0 : _a.geocode) == null ? void 0 : _b.state) || "";
+  });
+  const distributionModel = (0, import_vue_demi.computed)(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.distributionModel) || "";
+  });
+  const imageHash = (0, import_vue_demi.computed)(() => {
+    var _a, _b;
+    return ((_b = (_a = loan.value) == null ? void 0 : _a.image) == null ? void 0 : _b.hash) ?? "";
+  });
+  const hasProgressData = (0, import_vue_demi.computed)(() => {
+    var _a, _b;
+    return typeof ((_a = loan.value) == null ? void 0 : _a.unreservedAmount) !== "undefined" && typeof ((_b = loan.value) == null ? void 0 : _b.fundraisingPercent) !== "undefined";
+  });
+  const allDataLoaded = (0, import_vue_demi.computed)(() => !isLoading.value && hasProgressData.value);
+  const fundraisingPercent = (0, import_vue_demi.computed)(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.fundraisingPercent) ?? 0;
+  });
+  const unreservedAmount = (0, import_vue_demi.computed)(() => {
+    var _a;
+    const stringAmount = ((_a = loan.value) == null ? void 0 : _a.unreservedAmount) ?? "0";
+    return Number(stringAmount);
+  });
+  const formattedLocation = (0, import_vue_demi.computed)(() => {
+    if (distributionModel.value === "direct") {
+      const countryText = hideUnitedStatesText && countryName.value.toLowerCase() === "united states" ? "" : `, ${countryName.value}`;
+      return `${city.value}, ${state.value}${countryText}`;
+    }
+    if (countryName.value === "Puerto Rico") {
+      return `${city.value}, PR`;
+    }
+    return countryName.value;
+  });
+  const loanUse = (0, import_vue_demi.computed)(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.use) ?? "";
+  });
+  const loanStatus = (0, import_vue_demi.computed)(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.status) ?? "";
+  });
+  const loanAmount = (0, import_vue_demi.computed)(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.loanAmount) ?? "0";
+  });
+  const loanBorrowerCount = (0, import_vue_demi.computed)(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.borrowerCount) ?? 0;
+  });
+  const loanCallouts = (0, import_vue_demi.computed)(() => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
+    const callouts = [];
+    const activityName = ((_b = (_a = loan.value) == null ? void 0 : _a.activity) == null ? void 0 : _b.name) ?? "";
+    const activityId = ((_d = (_c = loan.value) == null ? void 0 : _c.activity) == null ? void 0 : _d.id) ?? null;
+    const sectorName = ((_f = (_e = loan.value) == null ? void 0 : _e.sector) == null ? void 0 : _f.name) ?? "";
+    const sectorId = ((_h = (_g = loan.value) == null ? void 0 : _g.sector) == null ? void 0 : _h.id) ?? null;
+    const tags = ((_j = (_i = loan.value) == null ? void 0 : _i.tags) == null ? void 0 : _j.filter((loantag) => loantag.charAt(0) === "#").map((loantag) => loantag.substring(1))) ?? [];
+    const themes = ((_k = loan.value) == null ? void 0 : _k.themes) ?? [];
+    const categories = {
+      ecoFriendly: !!tags.filter((t) => t.toUpperCase() === ECO_FRIENDLY_KEY || t.toUpperCase() === SUSTAINABLE_AG_KEY).length,
+      refugeesIdps: !!themes.filter((t) => t.toUpperCase() === REFUGEE_KEY).length,
+      singleParents: !!tags.filter((t) => t.toUpperCase() === SINGLE_PARENT_KEY).length
+    };
+    const isLseLoan = (_m = (_l = loan.value) == null ? void 0 : _l.partnerName) == null ? void 0 : _m.toUpperCase().includes(LSE_LOAN_KEY);
+    const tagsData = ((_n = loan.value) == null ? void 0 : _n.tagsData) ?? [];
+    const themesData = ((_o = loan.value) == null ? void 0 : _o.themesData) ?? [];
+    if (isLseLoan && tags.length) {
+      const position = Math.floor(Math.random() * tags.length);
+      const p1Tag = tags[position];
+      const tagData = findCalloutData(tagsData, p1Tag);
+      const id = (tagData == null ? void 0 : tagData.id) ?? null;
+      callouts.push({ label: p1Tag, type: "tag", id });
+    }
+    if (!categoryPageName.value) {
+      if (categories.ecoFriendly && !callouts.find((c) => c.label.toUpperCase() === ECO_FRIENDLY_KEY || c.label.toUpperCase() === SUSTAINABLE_AG_KEY)) {
+        callouts.push({ label: "Eco-friendly", type: "tag", id: 9 });
+      } else if (categories.refugeesIdps) {
+        callouts.push({ label: "Refugees and IDPs", type: "attribute", id: 28 });
+      } else if (categories.singleParents && !callouts.find((c) => c.label.toUpperCase() === SINGLE_PARENT_KEY)) {
+        callouts.push({ label: "Single Parent", type: "tag", id: 17 });
+      }
+    }
+    if (activityName && activityId && ((_p = categoryPageName.value) == null ? void 0 : _p.toUpperCase()) !== activityName.toUpperCase()) {
+      callouts.push({ id: activityId, label: activityName, type: "activity" });
+    }
+    if (sectorName && sectorId && activityName.toUpperCase() !== sectorName.toUpperCase() && sectorName.toUpperCase() !== ((_q = categoryPageName.value) == null ? void 0 : _q.toUpperCase()) && callouts.length < 2) {
+      callouts.push({ id: sectorId, label: sectorName, type: "sector" });
+    }
+    if (!!tags.length && callouts.length < 2) {
+      const position = Math.floor(Math.random() * tags.length);
+      const p4Tag = tags[position];
+      const tagData = findCalloutData(tagsData, p4Tag);
+      const id = (tagData == null ? void 0 : tagData.id) ?? null;
+      if (!callouts.filter((c) => c.label.toUpperCase() === p4Tag.toUpperCase()).length) {
+        callouts.push({ label: p4Tag, type: "tag", id });
+      }
+    }
+    if (!!themes.length && callouts.length < 2) {
+      const position = Math.floor(Math.random() * themes.length);
+      const theme = themes[position];
+      const themeData = findCalloutData(themesData, theme);
+      const id = (themeData == null ? void 0 : themeData.id) ?? null;
+      if (!callouts.filter((c) => c.label.toUpperCase() === theme.toUpperCase()).length && theme.toUpperCase() !== ((_r = categoryPageName.value) == null ? void 0 : _r.toUpperCase())) {
+        callouts.push({ label: theme, type: "attribute", id });
+      }
+    }
+    if (isLseLoan && callouts.length > 1)
+      return [callouts.shift()];
+    const customTags = ((_s = customCallouts.value) == null ? void 0 : _s.map((c) => ({ label: c }))) ?? [];
+    callouts.push(...customTags);
+    return callouts;
+  });
+  return {
+    tag,
+    readMorePath,
+    isLoading,
+    borrowerName,
+    countryName,
+    countryCode,
+    city,
+    state,
+    distributionModel,
+    imageHash,
+    hasProgressData,
+    allDataLoaded,
+    fundraisingPercent,
+    unreservedAmount,
+    formattedLocation,
+    loanUse,
+    loanStatus,
+    loanAmount,
+    loanBorrowerCount,
+    mdiMapMarker: import_js.mdiMapMarker,
+    loanCallouts
+  };
+}
+function loanCardMethods(props, emit) {
+  const {
+    loanId,
+    customLoanDetails,
+    kvTrackFunction
+  } = (0, import_vue_demi.toRefs)(props);
+  function clickReadMore(target, event) {
+    kvTrackFunction.value("Lending", "click-Read more", target, loanId.value);
+    if (customLoanDetails.value) {
+      event.preventDefault();
+      emit("show-loan-details");
+    }
+  }
+  return {
+    clickReadMore
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  loanCardComputedProperties,
+  loanCardMethods
+});

package/dist/loanCard.js

@@ -0,0 +1,200 @@
+// utils/loanCard.js
+import {
+  computed,
+  toRefs
+} from "vue-demi";
+import { mdiMapMarker } from "@mdi/js";
+var LSE_LOAN_KEY = "N/A";
+var ECO_FRIENDLY_KEY = "ECO-FRIENDLY";
+var SUSTAINABLE_AG_KEY = "SUSTAINABLE AG";
+var SINGLE_PARENT_KEY = "SINGLE PARENT";
+var REFUGEE_KEY = "REFUGEES/DISPLACED";
+var findCalloutData = (tags, tagName) => (tags == null ? void 0 : tags.find((t) => t.name.replace("#", "").toUpperCase() === tagName.toUpperCase())) ?? {};
+function loanCardComputedProperties(props, hideUnitedStatesText = false) {
+  const {
+    externalLinks,
+    customLoanDetails,
+    loanId,
+    loan,
+    categoryPageName,
+    customCallouts
+  } = toRefs(props);
+  const tag = computed(() => externalLinks.value ? "a" : "router-link");
+  const readMorePath = computed(() => customLoanDetails.value ? "" : `/lend/${loanId.value}`);
+  const isLoading = computed(() => !loanId.value || !loan.value);
+  const borrowerName = computed(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.name) || "";
+  });
+  const countryName = computed(() => {
+    var _a, _b, _c;
+    return ((_c = (_b = (_a = loan.value) == null ? void 0 : _a.geocode) == null ? void 0 : _b.country) == null ? void 0 : _c.name) || "";
+  });
+  const countryCode = computed(() => {
+    var _a, _b, _c;
+    return ((_c = (_b = (_a = loan.value) == null ? void 0 : _a.geocode) == null ? void 0 : _b.country) == null ? void 0 : _c.isoCode) || "";
+  });
+  const city = computed(() => {
+    var _a, _b;
+    return ((_b = (_a = loan.value) == null ? void 0 : _a.geocode) == null ? void 0 : _b.city) || "";
+  });
+  const state = computed(() => {
+    var _a, _b;
+    return ((_b = (_a = loan.value) == null ? void 0 : _a.geocode) == null ? void 0 : _b.state) || "";
+  });
+  const distributionModel = computed(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.distributionModel) || "";
+  });
+  const imageHash = computed(() => {
+    var _a, _b;
+    return ((_b = (_a = loan.value) == null ? void 0 : _a.image) == null ? void 0 : _b.hash) ?? "";
+  });
+  const hasProgressData = computed(() => {
+    var _a, _b;
+    return typeof ((_a = loan.value) == null ? void 0 : _a.unreservedAmount) !== "undefined" && typeof ((_b = loan.value) == null ? void 0 : _b.fundraisingPercent) !== "undefined";
+  });
+  const allDataLoaded = computed(() => !isLoading.value && hasProgressData.value);
+  const fundraisingPercent = computed(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.fundraisingPercent) ?? 0;
+  });
+  const unreservedAmount = computed(() => {
+    var _a;
+    const stringAmount = ((_a = loan.value) == null ? void 0 : _a.unreservedAmount) ?? "0";
+    return Number(stringAmount);
+  });
+  const formattedLocation = computed(() => {
+    if (distributionModel.value === "direct") {
+      const countryText = hideUnitedStatesText && countryName.value.toLowerCase() === "united states" ? "" : `, ${countryName.value}`;
+      return `${city.value}, ${state.value}${countryText}`;
+    }
+    if (countryName.value === "Puerto Rico") {
+      return `${city.value}, PR`;
+    }
+    return countryName.value;
+  });
+  const loanUse = computed(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.use) ?? "";
+  });
+  const loanStatus = computed(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.status) ?? "";
+  });
+  const loanAmount = computed(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.loanAmount) ?? "0";
+  });
+  const loanBorrowerCount = computed(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.borrowerCount) ?? 0;
+  });
+  const loanCallouts = computed(() => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
+    const callouts = [];
+    const activityName = ((_b = (_a = loan.value) == null ? void 0 : _a.activity) == null ? void 0 : _b.name) ?? "";
+    const activityId = ((_d = (_c = loan.value) == null ? void 0 : _c.activity) == null ? void 0 : _d.id) ?? null;
+    const sectorName = ((_f = (_e = loan.value) == null ? void 0 : _e.sector) == null ? void 0 : _f.name) ?? "";
+    const sectorId = ((_h = (_g = loan.value) == null ? void 0 : _g.sector) == null ? void 0 : _h.id) ?? null;
+    const tags = ((_j = (_i = loan.value) == null ? void 0 : _i.tags) == null ? void 0 : _j.filter((loantag) => loantag.charAt(0) === "#").map((loantag) => loantag.substring(1))) ?? [];
+    const themes = ((_k = loan.value) == null ? void 0 : _k.themes) ?? [];
+    const categories = {
+      ecoFriendly: !!tags.filter((t) => t.toUpperCase() === ECO_FRIENDLY_KEY || t.toUpperCase() === SUSTAINABLE_AG_KEY).length,
+      refugeesIdps: !!themes.filter((t) => t.toUpperCase() === REFUGEE_KEY).length,
+      singleParents: !!tags.filter((t) => t.toUpperCase() === SINGLE_PARENT_KEY).length
+    };
+    const isLseLoan = (_m = (_l = loan.value) == null ? void 0 : _l.partnerName) == null ? void 0 : _m.toUpperCase().includes(LSE_LOAN_KEY);
+    const tagsData = ((_n = loan.value) == null ? void 0 : _n.tagsData) ?? [];
+    const themesData = ((_o = loan.value) == null ? void 0 : _o.themesData) ?? [];
+    if (isLseLoan && tags.length) {
+      const position = Math.floor(Math.random() * tags.length);
+      const p1Tag = tags[position];
+      const tagData = findCalloutData(tagsData, p1Tag);
+      const id = (tagData == null ? void 0 : tagData.id) ?? null;
+      callouts.push({ label: p1Tag, type: "tag", id });
+    }
+    if (!categoryPageName.value) {
+      if (categories.ecoFriendly && !callouts.find((c) => c.label.toUpperCase() === ECO_FRIENDLY_KEY || c.label.toUpperCase() === SUSTAINABLE_AG_KEY)) {
+        callouts.push({ label: "Eco-friendly", type: "tag", id: 9 });
+      } else if (categories.refugeesIdps) {
+        callouts.push({ label: "Refugees and IDPs", type: "attribute", id: 28 });
+      } else if (categories.singleParents && !callouts.find((c) => c.label.toUpperCase() === SINGLE_PARENT_KEY)) {
+        callouts.push({ label: "Single Parent", type: "tag", id: 17 });
+      }
+    }
+    if (activityName && activityId && ((_p = categoryPageName.value) == null ? void 0 : _p.toUpperCase()) !== activityName.toUpperCase()) {
+      callouts.push({ id: activityId, label: activityName, type: "activity" });
+    }
+    if (sectorName && sectorId && activityName.toUpperCase() !== sectorName.toUpperCase() && sectorName.toUpperCase() !== ((_q = categoryPageName.value) == null ? void 0 : _q.toUpperCase()) && callouts.length < 2) {
+      callouts.push({ id: sectorId, label: sectorName, type: "sector" });
+    }
+    if (!!tags.length && callouts.length < 2) {
+      const position = Math.floor(Math.random() * tags.length);
+      const p4Tag = tags[position];
+      const tagData = findCalloutData(tagsData, p4Tag);
+      const id = (tagData == null ? void 0 : tagData.id) ?? null;
+      if (!callouts.filter((c) => c.label.toUpperCase() === p4Tag.toUpperCase()).length) {
+        callouts.push({ label: p4Tag, type: "tag", id });
+      }
+    }
+    if (!!themes.length && callouts.length < 2) {
+      const position = Math.floor(Math.random() * themes.length);
+      const theme = themes[position];
+      const themeData = findCalloutData(themesData, theme);
+      const id = (themeData == null ? void 0 : themeData.id) ?? null;
+      if (!callouts.filter((c) => c.label.toUpperCase() === theme.toUpperCase()).length && theme.toUpperCase() !== ((_r = categoryPageName.value) == null ? void 0 : _r.toUpperCase())) {
+        callouts.push({ label: theme, type: "attribute", id });
+      }
+    }
+    if (isLseLoan && callouts.length > 1)
+      return [callouts.shift()];
+    const customTags = ((_s = customCallouts.value) == null ? void 0 : _s.map((c) => ({ label: c }))) ?? [];
+    callouts.push(...customTags);
+    return callouts;
+  });
+  return {
+    tag,
+    readMorePath,
+    isLoading,
+    borrowerName,
+    countryName,
+    countryCode,
+    city,
+    state,
+    distributionModel,
+    imageHash,
+    hasProgressData,
+    allDataLoaded,
+    fundraisingPercent,
+    unreservedAmount,
+    formattedLocation,
+    loanUse,
+    loanStatus,
+    loanAmount,
+    loanBorrowerCount,
+    mdiMapMarker,
+    loanCallouts
+  };
+}
+function loanCardMethods(props, emit) {
+  const {
+    loanId,
+    customLoanDetails,
+    kvTrackFunction
+  } = toRefs(props);
+  function clickReadMore(target, event) {
+    kvTrackFunction.value("Lending", "click-Read more", target, loanId.value);
+    if (customLoanDetails.value) {
+      event.preventDefault();
+      emit("show-loan-details");
+    }
+  }
+  return {
+    clickReadMore
+  };
+}
+export {
+  loanCardComputedProperties,
+  loanCardMethods
+};