@kiva/kv-components 3.106.0 → 3.107.1

package/dist/utils/index.cjs

@@ -0,0 +1,1118 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// utils/themeUtils.cjs
+var require_themeUtils = __commonJS({
+  "utils/themeUtils.cjs"(exports, module2) {
+    var headerNumberCase = (str) => str.replace("h-1", "h1").replace("h-2", "h2").replace("h-3", "h3").replace("h-4", "h4").replace("h-5", "h5");
+    var buildTailwindClassName = (prefix, value) => {
+      let name = `${prefix}-${value}`;
+      name = name.replace("-DEFAULT", "");
+      return name;
+    };
+    var kebabCase = (str) => str.split("").map((letter, idx) => letter.toUpperCase() === letter ? `${idx !== 0 ? "-" : ""}${letter.toLowerCase()}` : letter).join("");
+    var removeObjectProperty = (object, key) => {
+      const ret = { ...object };
+      delete ret[key];
+      return ret;
+    };
+    module2.exports = {
+      buildTailwindClassName,
+      headerNumberCase,
+      kebabCase,
+      removeObjectProperty
+    };
+  }
+});
+
+// utils/index.js
+var utils_exports = {};
+__export(utils_exports, {
+  BALANCE_CAMPAIGN: () => BALANCE_CAMPAIGN,
+  BASE_CAMPAIGN: () => BASE_CAMPAIGN,
+  ERL_COOKIE_NAME: () => ERL_COOKIE_NAME,
+  Mash: () => Mash,
+  NO_BALANCE_CAMPAIGN: () => NO_BALANCE_CAMPAIGN,
+  TOP_UP_CAMPAIGN: () => TOP_UP_CAMPAIGN,
+  animationCoordinator: () => animationCoordinator,
+  carouselUtil: () => carouselUtil,
+  collapse: () => collapse,
+  expand: () => expand,
+  generateMapMarkers: () => generateMapMarkers,
+  getCoordinatesBetween: () => getCoordinatesBetween,
+  getCountryColor: () => getCountryColor,
+  getDropdownPriceArray: () => getDropdownPriceArray,
+  getLendCtaSelectedOption: () => getLendCtaSelectedOption,
+  getLoansIntervals: () => getLoansIntervals,
+  getTreemap: () => getTreemap,
+  isBetween25And50: () => isBetween25And50,
+  isLegacyPlaceholderAvatar: () => isLegacyPlaceholderAvatar,
+  isLessThan25: () => isLessThan25,
+  isTargetElement: () => isTargetElement,
+  loanCardComputedProperties: () => loanCardComputedProperties,
+  loanCardMethods: () => loanCardMethods,
+  lockPrintSingleEl: () => lockPrintSingleEl,
+  lockScroll: () => lockScroll,
+  lockScrollSmallOnly: () => lockScrollSmallOnly,
+  offBodyTouchstart: () => offBodyTouchstart,
+  onBodyTouchstart: () => onBodyTouchstart,
+  randomizedUserAvatarClass: () => randomizedUserAvatarClass,
+  throttle: () => throttle,
+  unlockPrintSingleEl: () => unlockPrintSingleEl,
+  unlockScroll: () => unlockScroll,
+  unlockScrollSmallOnly: () => unlockScrollSmallOnly,
+  useAttrs: () => useAttrs
+});
+module.exports = __toCommonJS(utils_exports);
+
+// utils/Alea.js
+function Mash() {
+  let n = 4022871197;
+  const mash = function(data) {
+    data = data.toString();
+    for (let i = 0; i < data.length; i++) {
+      n += data.charCodeAt(i);
+      let h = 0.02519603282416938 * n;
+      n = h >>> 0;
+      h -= n;
+      h *= n;
+      n = h >>> 0;
+      h -= n;
+      n += h * 4294967296;
+    }
+    return (n >>> 0) * 23283064365386963e-26;
+  };
+  mash.version = "Mash 0.9";
+  return mash;
+}
+
+// utils/attrs.js
+function asArray(input) {
+  if (!input)
+    return [];
+  return Array.isArray(input) ? input : [input];
+}
+function useAttrs({ attrs, listeners }, ownEvents = []) {
+  const classes = asArray(attrs == null ? void 0 : attrs.class);
+  const styles = asArray(attrs == null ? void 0 : attrs.style);
+  const inputListeners = listeners ? { ...listeners } : {};
+  ownEvents.forEach((event) => {
+    delete inputListeners[event];
+  });
+  const inputAttrs = { ...attrs };
+  delete inputAttrs.class;
+  delete inputAttrs.style;
+  return {
+    classes,
+    styles,
+    inputAttrs,
+    inputListeners
+  };
+}
+
+// utils/carousels.js
+var import_vue_demi = require("vue-demi");
+var import_embla_carousel = __toESM(require("embla-carousel"), 1);
+
+// utils/throttle.js
+function throttle(func, timeFrame) {
+  let lastTime = 0;
+  return function t(...args) {
+    const now = /* @__PURE__ */ new Date();
+    if (now - lastTime >= timeFrame) {
+      func(...args);
+      lastTime = now;
+    }
+  };
+}
+
+// utils/carousels.js
+function carouselUtil(props, { emit, slots }, extraEmblaOptions) {
+  var _a;
+  const {
+    emblaOptions,
+    slidesToScroll
+  } = (0, import_vue_demi.toRefs)(props);
+  const rootEl = (0, import_vue_demi.ref)(null);
+  const embla = (0, import_vue_demi.ref)(null);
+  const slides = (0, import_vue_demi.ref)([]);
+  const startIndex = ((_a = emblaOptions.value) == null ? void 0 : _a.startIndex) ?? 0;
+  const currentIndex = (0, import_vue_demi.ref)(startIndex);
+  const slideIndicatorCount = (0, import_vue_demi.ref)(0);
+  const componentSlotKeys = (0, import_vue_demi.computed)(() => {
+    const keys = Object.keys(slots);
+    return keys;
+  });
+  const nextIndex = (0, import_vue_demi.computed)(() => {
+    const nextSlideIndex = currentIndex.value + 1;
+    if (nextSlideIndex < slides.value.length) {
+      return nextSlideIndex;
+    }
+    return 0;
+  });
+  const previousIndex = (0, import_vue_demi.computed)(() => {
+    const previousSlideIndex = currentIndex.value - 1;
+    if (previousSlideIndex >= 0) {
+      return previousSlideIndex;
+    }
+    return slides.value.length - 1;
+  });
+  const goToSlide = (index) => {
+    embla.value.scrollTo(index);
+  };
+  const handleUserInteraction = async (index, interactionType) => {
+    if (index !== null && typeof index !== "undefined") {
+      await (0, import_vue_demi.nextTick)();
+      goToSlide(index);
+    }
+    emit("interact-carousel", interactionType);
+  };
+  const slideIndicatorListLength = () => {
+    const indicator = embla.value ? embla.value.scrollSnapList().length : 0;
+    slideIndicatorCount.value = indicator;
+    return indicator;
+  };
+  const reInitVisible = () => {
+    const slidesInView = embla.value.slidesInView(true).length;
+    if (slidesInView) {
+      embla.value.reInit({
+        slidesToScroll: slidesInView,
+        inViewThreshold: 0.9
+      });
+    }
+  };
+  const reInit = () => {
+    embla.value.reInit();
+    if (slidesToScroll.value === "visible") {
+      reInitVisible();
+    }
+    slides.value = embla.value.slideNodes();
+    slideIndicatorListLength();
+  };
+  const onCarouselContainerClick = (e) => {
+    if (embla.value && !embla.value.clickAllowed()) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+  };
+  const isAriaHidden = (index) => {
+    if (embla.value) {
+      return !embla.value.slidesInView(true).includes(index);
+    }
+    return false;
+  };
+  (0, import_vue_demi.onMounted)(async () => {
+    var _a2;
+    embla.value = (0, import_embla_carousel.default)(rootEl.value, {
+      loop: true,
+      containScroll: "trimSnaps",
+      inViewThreshold: 0.9,
+      align: "start",
+      ...extraEmblaOptions,
+      ...emblaOptions.value
+    });
+    if (slidesToScroll.value === "visible") {
+      reInitVisible();
+      embla.value.on(
+        "resize",
+        throttle(() => {
+          embla.value.reInit({
+            slidesToScroll: embla.value.slidesInView(true).length || "auto",
+            inViewThreshold: 0.9
+          });
+          slides.value = embla.value.slideNodes();
+          slideIndicatorListLength();
+        }, 250)
+      );
+    }
+    slides.value = embla.value.slideNodes();
+    slideIndicatorListLength();
+    (_a2 = embla == null ? void 0 : embla.value) == null ? void 0 : _a2.on("select", () => {
+      currentIndex.value = embla.value.selectedScrollSnap();
+      (0, import_vue_demi.nextTick)(() => {
+        emit("change", currentIndex);
+      });
+    });
+  });
+  (0, import_vue_demi.onUnmounted)(async () => {
+    var _a2, _b;
+    (_a2 = embla == null ? void 0 : embla.value) == null ? void 0 : _a2.off("select");
+    (_b = embla == null ? void 0 : embla.value) == null ? void 0 : _b.destroy();
+  });
+  return {
+    rootEl,
+    embla,
+    slides,
+    currentIndex,
+    componentSlotKeys,
+    nextIndex,
+    previousIndex,
+    slideIndicatorCount,
+    handleUserInteraction,
+    goToSlide,
+    reInit,
+    reInitVisible,
+    onCarouselContainerClick,
+    isAriaHidden,
+    slideIndicatorListLength
+  };
+}
+
+// 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;
+}
+
+// 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}`;
+}
+
+// utils/loanCard.js
+var import_vue_demi2 = 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_demi2.toRefs)(props);
+  const tag = (0, import_vue_demi2.computed)(() => externalLinks.value ? "a" : "router-link");
+  const readMorePath = (0, import_vue_demi2.computed)(() => customLoanDetails.value ? "" : `/lend/${loanId.value}`);
+  const isLoading = (0, import_vue_demi2.computed)(() => !loanId.value || !loan.value);
+  const borrowerName = (0, import_vue_demi2.computed)(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.name) || "";
+  });
+  const countryName = (0, import_vue_demi2.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_demi2.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_demi2.computed)(() => {
+    var _a, _b;
+    return ((_b = (_a = loan.value) == null ? void 0 : _a.geocode) == null ? void 0 : _b.city) || "";
+  });
+  const state = (0, import_vue_demi2.computed)(() => {
+    var _a, _b;
+    return ((_b = (_a = loan.value) == null ? void 0 : _a.geocode) == null ? void 0 : _b.state) || "";
+  });
+  const distributionModel = (0, import_vue_demi2.computed)(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.distributionModel) || "";
+  });
+  const imageHash = (0, import_vue_demi2.computed)(() => {
+    var _a, _b;
+    return ((_b = (_a = loan.value) == null ? void 0 : _a.image) == null ? void 0 : _b.hash) ?? "";
+  });
+  const hasProgressData = (0, import_vue_demi2.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_demi2.computed)(() => !isLoading.value && hasProgressData.value);
+  const fundraisingPercent = (0, import_vue_demi2.computed)(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.fundraisingPercent) ?? 0;
+  });
+  const unreservedAmount = (0, import_vue_demi2.computed)(() => {
+    var _a;
+    const stringAmount = ((_a = loan.value) == null ? void 0 : _a.unreservedAmount) ?? "0";
+    return Number(stringAmount);
+  });
+  const formattedLocation = (0, import_vue_demi2.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_demi2.computed)(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.use) ?? "";
+  });
+  const loanStatus = (0, import_vue_demi2.computed)(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.status) ?? "";
+  });
+  const loanAmount = (0, import_vue_demi2.computed)(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.loanAmount) ?? "0";
+  });
+  const loanBorrowerCount = (0, import_vue_demi2.computed)(() => {
+    var _a;
+    return ((_a = loan.value) == null ? void 0 : _a.borrowerCount) ?? 0;
+  });
+  const loanCallouts = (0, import_vue_demi2.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_demi2.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
+  };
+}
+
+// utils/loanUtils.js
+var import_numeral = __toESM(require("numeral"), 1);
+var ERL_COOKIE_NAME = "kverlfivedollarnotes";
+var TOP_UP_CAMPAIGN = "TOPUP-VB-BALANCE-MPV1";
+var BASE_CAMPAIGN = "BASE-VB_BALANCE_MPV1";
+var BALANCE_CAMPAIGN = "REPAYMENT-NOTIFICATION_BALANCE_MPV1";
+var NO_BALANCE_CAMPAIGN = "REPAYMENT-NOTIFICATION_NO-BALANCE_MPV1";
+function balanceCampaignOptions(val) {
+  if (val > 20)
+    return 25;
+  if (val > 15)
+    return 20;
+  if (val > 10)
+    return 15;
+  if (val > 5)
+    return 10;
+  return 5;
+}
+function isBetween25And50(unreservedAmount) {
+  return unreservedAmount <= 50 && unreservedAmount > 25;
+}
+function isLessThan25(unreservedAmount) {
+  return unreservedAmount < 25 && unreservedAmount > 0;
+}
+function getLendCtaSelectedOption(getCookie, setCookie, enableFiveDollarsNotes, campaign, unreservedAmount, userBalance, fiveDollarsSelected) {
+  if (enableFiveDollarsNotes && fiveDollarsSelected) {
+    return "5";
+  }
+  if (enableFiveDollarsNotes && typeof userBalance !== "undefined") {
+    let currentCampaign = getCookie == null ? void 0 : getCookie(ERL_COOKIE_NAME);
+    if (campaign && typeof campaign === "string" && !currentCampaign) {
+      const expires = /* @__PURE__ */ new Date();
+      expires.setHours(expires.getHours() + 24);
+      const campaignToCheck = campaign.toUpperCase();
+      currentCampaign = campaignToCheck.includes(TOP_UP_CAMPAIGN) ? TOP_UP_CAMPAIGN : campaignToCheck.includes(BASE_CAMPAIGN) ? BASE_CAMPAIGN : campaignToCheck.includes(BALANCE_CAMPAIGN) ? BALANCE_CAMPAIGN : campaignToCheck.includes(NO_BALANCE_CAMPAIGN) ? NO_BALANCE_CAMPAIGN : "";
+      if (currentCampaign && setCookie) {
+        setCookie(ERL_COOKIE_NAME, currentCampaign, { expires });
+      }
+    }
+    if (currentCampaign) {
+      let val = Math.floor(userBalance / 5) * 5;
+      if (currentCampaign === BASE_CAMPAIGN) {
+        val = val === 0 ? 5 : val > 25 ? 25 : val;
+        return Number(val <= unreservedAmount ? val : unreservedAmount).toFixed();
+      }
+      if (currentCampaign === BALANCE_CAMPAIGN) {
+        val = balanceCampaignOptions(val);
+        return Number(val).toFixed();
+      }
+      return Number(unreservedAmount > 5 ? 5 : unreservedAmount).toFixed();
+    }
+  }
+  if (isBetween25And50(unreservedAmount) || isLessThan25(unreservedAmount)) {
+    return Number(unreservedAmount).toFixed();
+  }
+  return "25";
+}
+function buildHugePriceArray(amountLeft) {
+  const priceArray = [];
+  let minAmount = 100;
+  let limitAmount = amountLeft > 1e3 ? 1e3 : amountLeft;
+  let optionCount = limitAmount / minAmount;
+  for (let i = 1; i <= optionCount; i += 1) {
+    const price = minAmount * i + 500;
+    if (price > limitAmount)
+      break;
+    priceArray.push((0, import_numeral.default)(price).format("0,0"));
+  }
+  minAmount = 1e3;
+  limitAmount = amountLeft > 1e4 ? 1e4 : amountLeft;
+  optionCount = limitAmount / minAmount;
+  for (let i = 1; i <= optionCount; i += 1) {
+    const price = minAmount * i + 1e3;
+    if (price > limitAmount)
+      break;
+    priceArray.push((0, import_numeral.default)(price).format("0,0"));
+  }
+  if (!priceArray.includes((0, import_numeral.default)(limitAmount).format("0,0"))) {
+    priceArray.push((0, import_numeral.default)(limitAmount).format("0,0"));
+  }
+  return priceArray;
+}
+function build5DollarsPriceArray(amountLeft) {
+  const limit5Notes = amountLeft < 50 ? amountLeft : 50;
+  const numberOf5 = limit5Notes / 5;
+  const numberOf25 = Math.ceil((amountLeft - limit5Notes) / 25) + 1;
+  const priceArray = [];
+  for (let i = 1; i <= numberOf5; i += 1) {
+    priceArray.push((0, import_numeral.default)(5 * i).format("0,0"));
+  }
+  if (amountLeft > limit5Notes) {
+    for (let i = 3; i <= numberOf25; i += 1) {
+      priceArray.push((0, import_numeral.default)(25 * i).format("0,0"));
+    }
+  }
+  return priceArray;
+}
+function buildPriceArray(amountLeft, minAmount) {
+  const optionCount = amountLeft / minAmount;
+  const priceArray = [];
+  for (let i = 1; i <= optionCount; i += 1) {
+    priceArray.push((0, import_numeral.default)(minAmount * i).format("0,0"));
+  }
+  return priceArray;
+}
+function getDropdownPriceArray(unreservedAmount, isCompleteLoanActive = false, minAmount = 25, enableFiveDollarsNotes = false, enableHugeAmount = false, isVisitor = true, inPfp = false) {
+  const parsedAmountLeft = parseFloat(unreservedAmount);
+  let priceArray = enableFiveDollarsNotes && !inPfp ? build5DollarsPriceArray(parsedAmountLeft).slice(0, 28) : buildPriceArray(parsedAmountLeft, minAmount).slice(0, 20);
+  if (enableHugeAmount && parsedAmountLeft > 500 && !isVisitor) {
+    const hugePriceArray = buildHugePriceArray(parsedAmountLeft);
+    priceArray = priceArray.concat(hugePriceArray);
+  }
+  if (isCompleteLoanActive && !priceArray.includes(Number(unreservedAmount).toFixed())) {
+    priceArray.push(Number(unreservedAmount).toFixed());
+  }
+  return priceArray;
+}
+
+// utils/mapUtils.js
+function getRandomInRange(from, to, fixed) {
+  return (Math.random() * (to - from) + from).toFixed(fixed) * 1;
+}
+var randomCoordinates = Array.from(
+  { length: 20 },
+  () => [getRandomInRange(-180, 180, 3), getRandomInRange(-90, 90, 3)]
+);
+var mapColors = [
+  100,
+  300,
+  500,
+  650,
+  800,
+  1e3
+];
+function getCoordinatesBetween(startCoordinates, endCoordinates, numberOfSteps) {
+  if (!startCoordinates || !endCoordinates || !numberOfSteps || numberOfSteps < 1 || !Array.isArray(startCoordinates) || !Array.isArray(endCoordinates) || startCoordinates.length !== 2 || endCoordinates.length !== 2) {
+    return [];
+  }
+  const diffX = endCoordinates[0] - startCoordinates[0];
+  const diffY = endCoordinates[1] - startCoordinates[1];
+  const sfX = diffX / numberOfSteps;
+  const sfY = diffY / numberOfSteps;
+  let i = 0;
+  let j = 0;
+  const lineCoordinates = [];
+  while (Math.abs(i) < Math.abs(diffX) || Math.abs(j) < Math.abs(diffY)) {
+    lineCoordinates.push([startCoordinates[0] + i, startCoordinates[1] + j]);
+    if (Math.abs(i) < Math.abs(diffX)) {
+      i += sfX;
+    }
+    if (Math.abs(j) < Math.abs(diffY)) {
+      j += sfY;
+    }
+  }
+  lineCoordinates[lineCoordinates.length - 1] = [endCoordinates[0], endCoordinates[1]];
+  return lineCoordinates;
+}
+function animateLines(mapInstance, originPoints, endPoint) {
+  const speedFactor = 100;
+  return new Promise((resolve) => {
+    mapInstance.addSource("endpoint", {
+      type: "geojson",
+      data: {
+        type: "Point",
+        coordinates: [
+          endPoint[0],
+          endPoint[1]
+        ]
+      }
+    });
+    const lineFlight = (startCoordinates, endCoordinates, index, lastLine = false) => {
+      const lineCoordinates = getCoordinatesBetween(startCoordinates, endCoordinates, speedFactor);
+      let animationCounter = 0;
+      const geojson = {
+        type: "FeatureCollection",
+        features: [{
+          type: "Feature",
+          geometry: {
+            type: "LineString",
+            coordinates: []
+          }
+        }]
+      };
+      mapInstance.addSource(`startPoint${index}`, {
+        type: "geojson",
+        data: {
+          type: "Point",
+          coordinates: [
+            startCoordinates[0],
+            startCoordinates[1]
+          ]
+        }
+      });
+      mapInstance.addLayer({
+        id: `line-animation${index}`,
+        type: "line",
+        source: {
+          type: "geojson",
+          data: geojson
+        },
+        layout: {
+          "line-cap": "round",
+          "line-join": "round"
+        },
+        paint: {
+          "line-color": "#277056",
+          "line-width": 2
+        }
+      });
+      const animateLine = () => {
+        if (animationCounter < lineCoordinates.length) {
+          geojson.features[0].geometry.coordinates.push(lineCoordinates[animationCounter]);
+          mapInstance.getSource(`line-animation${index}`).setData(geojson);
+          requestAnimationFrame(animateLine);
+          animationCounter += 1;
+        } else {
+          const coord = geojson.features[0].geometry.coordinates;
+          coord.shift();
+          coord.shift();
+          if (coord.length > 0) {
+            geojson.features[0].geometry.coordinates = coord;
+            mapInstance.getSource(`line-animation${index}`).setData(geojson);
+            requestAnimationFrame(animateLine);
+          } else {
+            mapInstance.removeLayer(`line-animation${index}`);
+            mapInstance.removeSource(`line-animation${index}`);
+            mapInstance.removeSource(`startPoint${index}`);
+            if (lastLine) {
+              mapInstance.removeSource("endpoint");
+              resolve();
+            }
+          }
+        }
+      };
+      animateLine();
+    };
+    originPoints.forEach((coordinate, index) => {
+      lineFlight(coordinate, endPoint, index, index === originPoints.length - 1);
+    });
+  });
+}
+function generateMapMarkers(mapInstance, borrowerPoints) {
+  const geojson = {
+    type: "FeatureCollection"
+  };
+  geojson.features = borrowerPoints.map((borrower) => ({
+    type: "Feature",
+    properties: {
+      message: "test",
+      image: borrower.image,
+      iconSize: [80, 80]
+    },
+    geometry: {
+      type: "Point",
+      coordinates: borrower.location
+    }
+  }));
+  geojson.features.forEach((marker) => {
+    const el = document.createElement("div");
+    el.className = "map-marker";
+    el.style.backgroundImage = `url(${marker.properties.image})`;
+    el.style.width = `${marker.properties.iconSize[0]}px`;
+    el.style.height = `${marker.properties.iconSize[1]}px`;
+    new maplibregl.Marker({ element: el }).setLngLat(marker.geometry.coordinates).addTo(mapInstance);
+  });
+}
+function animationCoordinator(mapInstance, borrowerPoints) {
+  return new Promise((resolve) => {
+    const destinationPoints = borrowerPoints.map((borrower) => borrower.location);
+    const totalNumberOfPoints = destinationPoints.length;
+    let currentPointIndex = 0;
+    const flyToPoint = (index) => {
+      mapInstance.flyTo({
+        // These options control the ending camera position: centered at
+        // the target, at zoom level 9, and north up.
+        center: destinationPoints[index],
+        zoom: 4,
+        bearing: 0,
+        // These options control the flight curve, making it move
+        // slowly and zoom out almost completely before starting
+        // to pan.
+        speed: 0.9,
+        // make the flying slow
+        curve: 1,
+        // change the speed at which it zooms out
+        // This can be any easing function: it takes a number between
+        // 0 and 1 and returns another number between 0 and 1.
+        easing(t) {
+          return t;
+        },
+        // this animation is considered essential with respect to prefers-reduced-motion
+        essential: true
+      }, { flyEnd: true });
+    };
+    mapInstance.on("moveend", (event) => {
+      if (event.flyEnd === true) {
+        animateLines(mapInstance, randomCoordinates, destinationPoints[currentPointIndex]).then(() => {
+          if (currentPointIndex < totalNumberOfPoints - 1) {
+            currentPointIndex += 1;
+            flyToPoint(currentPointIndex);
+          } else {
+            resolve();
+          }
+        });
+      }
+    });
+    flyToPoint(currentPointIndex);
+  });
+}
+var getLoansIntervals = (min, max, nbIntervals) => {
+  const size = Math.floor((max - min) / nbIntervals);
+  const result = [];
+  if (size <= 0)
+    return [[min, max]];
+  for (let i = 0; i < nbIntervals; i += 1) {
+    let inf = min + i * size;
+    let sup = inf + size < max ? inf + size : max;
+    if (i > 0) {
+      inf += 1 * i;
+      sup += 1 * i;
+    }
+    if (i > 0 && sup > max) {
+      sup = max;
+    }
+    if (i === nbIntervals - 1) {
+      if (sup < max || sup > max)
+        sup = max;
+    }
+    result.push([inf, sup]);
+    if (sup >= max)
+      break;
+  }
+  return result;
+};
+var getCountryColor = (lenderLoans, countriesData, kvTokensPrimitives) => {
+  const loanCountsArray = [];
+  countriesData.forEach((country) => {
+    loanCountsArray.push(country.value);
+  });
+  const maxNumLoansToOneCountry = Math.max(...loanCountsArray);
+  const intervals = getLoansIntervals(1, maxNumLoansToOneCountry, 6);
+  if (intervals.length === 1) {
+    const [inf, sup] = intervals[0];
+    for (let i = 0; i < sup; i += 1) {
+      const loansNumber = i + 1;
+      if (lenderLoans && lenderLoans >= loansNumber && lenderLoans < loansNumber + 1) {
+        return kvTokensPrimitives.colors.brand[mapColors[i]];
+      }
+    }
+  } else {
+    for (let i = 0; i < intervals.length; i += 1) {
+      const [inf, sup] = intervals[i];
+      if (lenderLoans && lenderLoans >= inf && lenderLoans <= sup) {
+        return kvTokensPrimitives.colors.brand[mapColors[i]];
+      }
+    }
+  }
+  return kvTokensPrimitives.colors.gray[300];
+};
+
+// utils/printing.js
+function lockPrintSingleEl(domNode) {
+  if (typeof window !== "undefined" && domNode) {
+    document.body.classList.add("print:tw-invisible", "print:tw-overflow-hidden");
+    domNode.classList.add("print:tw-visible", "print:tw-overflow-auto");
+  }
+}
+function unlockPrintSingleEl(domNode) {
+  if (typeof window !== "undefined" && domNode) {
+    document.body.classList.remove("print:tw-invisible", "print:tw-overflow-hidden");
+    domNode.classList.remove("print:tw-visible", "print:tw-overflow-auto");
+  }
+}
+
+// utils/scrollLock.js
+function lockScroll() {
+  if (typeof window !== "undefined") {
+    document.body.style.overflow = "hidden";
+  }
+}
+function unlockScroll() {
+  if (typeof window !== "undefined") {
+    document.body.style.overflow = null;
+  }
+}
+function lockScrollSmallOnly() {
+  if (typeof window !== "undefined") {
+    document.body.classList.add("tw-overflow-hidden", "md:tw-overflow-auto");
+  }
+}
+function unlockScrollSmallOnly() {
+  if (typeof window !== "undefined") {
+    document.body.classList.remove("tw-overflow-hidden", "md:tw-overflow-auto");
+  }
+}
+
+// utils/index.js
+__reExport(utils_exports, __toESM(require_themeUtils(), 1), module.exports);
+
+// utils/touchEvents.js
+function onBodyTouchstart(handler) {
+  [...document.body.children].forEach((child) => child.addEventListener("touchstart", handler));
+}
+function offBodyTouchstart(handler) {
+  [...document.body.children].forEach((child) => child.removeEventListener("touchstart", handler));
+}
+function isTargetElement(event, elements) {
+  const els = Array.isArray(elements) ? elements : [elements];
+  for (let i = 0; i < els.length; i += 1) {
+    if (els[i] === event.target || els[i].contains(event.target)) {
+      return true;
+    }
+  }
+  return false;
+}
+
+// utils/treemap.js
+var getMaximum = (array) => Math.max(...array);
+var getMinimum = (array) => Math.min(...array);
+var sumReducer = (acc, cur) => acc + cur;
+var roundValue = (number) => Math.max(Math.round(number * 100) / 100, 0);
+var validateArguments = ({ data, width, height }) => {
+  if (!width || typeof width !== "number" || width < 0) {
+    throw new Error("You need to specify the width of your treemap");
+  }
+  if (!height || typeof height !== "number" || height < 0) {
+    throw new Error("You need to specify the height of your treemap");
+  }
+  if (!data || !Array.isArray(data) || data.length === 0 || !data.every((dataPoint) => Object.prototype.hasOwnProperty.call(dataPoint, "value") && typeof dataPoint.value === "number" && dataPoint.value >= 0 && !Number.isNaN(dataPoint.value))) {
+    throw new Error("You data must be in this format [{ value: 1 }, { value: 2 }], 'value' being a positive number");
+  }
+};
+function getTreemap({ data, width, height }) {
+  let Rectangle = {};
+  let initialData = [];
+  function worstRatio(row, width2) {
+    const sum = row.reduce(sumReducer, 0);
+    const rowMax = getMaximum(row);
+    const rowMin = getMinimum(row);
+    return Math.max(width2 ** 2 * rowMax / sum ** 2, sum ** 2 / (width2 ** 2 * rowMin));
+  }
+  const getMinWidth = () => {
+    if (Rectangle.totalHeight ** 2 > Rectangle.totalWidth ** 2) {
+      return { value: Rectangle.totalWidth, vertical: false };
+    }
+    return { value: Rectangle.totalHeight, vertical: true };
+  };
+  const layoutRow = (row, width2, vertical) => {
+    const rowHeight = row.reduce(sumReducer, 0) / width2;
+    row.forEach((rowItem) => {
+      const rowWidth = rowItem / rowHeight;
+      const { xBeginning } = Rectangle;
+      const { yBeginning } = Rectangle;
+      let data2;
+      if (vertical) {
+        data2 = {
+          x: xBeginning,
+          y: yBeginning,
+          width: rowHeight,
+          height: rowWidth,
+          data: initialData[Rectangle.data.length]
+        };
+        Rectangle.yBeginning += rowWidth;
+      } else {
+        data2 = {
+          x: xBeginning,
+          y: yBeginning,
+          width: rowWidth,
+          height: rowHeight,
+          data: initialData[Rectangle.data.length]
+        };
+        Rectangle.xBeginning += rowWidth;
+      }
+      Rectangle.data.push(data2);
+    });
+    if (vertical) {
+      Rectangle.xBeginning += rowHeight;
+      Rectangle.yBeginning -= width2;
+      Rectangle.totalWidth -= rowHeight;
+    } else {
+      Rectangle.xBeginning -= width2;
+      Rectangle.yBeginning += rowHeight;
+      Rectangle.totalHeight -= rowHeight;
+    }
+  };
+  const layoutLastRow = (rows, children, width2) => {
+    const { vertical } = getMinWidth();
+    layoutRow(rows, width2, vertical);
+    layoutRow(children, width2, vertical);
+  };
+  const squarify = (children, row, width2) => {
+    if (children.length === 1) {
+      return layoutLastRow(row, children, width2);
+    }
+    const rowWithChild = [...row, children[0]];
+    if (row.length === 0 || worstRatio(row, width2) >= worstRatio(rowWithChild, width2)) {
+      children.shift();
+      return squarify(children, rowWithChild, width2);
+    }
+    layoutRow(row, width2, getMinWidth().vertical);
+    return squarify(children, [], getMinWidth().value);
+  };
+  validateArguments({ data, width, height });
+  Rectangle = {
+    data: [],
+    xBeginning: 0,
+    yBeginning: 0,
+    totalWidth: width,
+    totalHeight: height
+  };
+  initialData = data;
+  const totalValue = data.map((dataPoint) => dataPoint.value).reduce(sumReducer, 0);
+  const dataScaled = data.map((dataPoint) => dataPoint.value * height * width / totalValue);
+  squarify(dataScaled, [], getMinWidth().value);
+  return Rectangle.data.map((dataPoint) => ({
+    ...dataPoint,
+    x: roundValue(dataPoint.x),
+    y: roundValue(dataPoint.y),
+    width: roundValue(dataPoint.width),
+    height: roundValue(dataPoint.height)
+  }));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BALANCE_CAMPAIGN,
+  BASE_CAMPAIGN,
+  ERL_COOKIE_NAME,
+  Mash,
+  NO_BALANCE_CAMPAIGN,
+  TOP_UP_CAMPAIGN,
+  animationCoordinator,
+  carouselUtil,
+  collapse,
+  expand,
+  generateMapMarkers,
+  getCoordinatesBetween,
+  getCountryColor,
+  getDropdownPriceArray,
+  getLendCtaSelectedOption,
+  getLoansIntervals,
+  getTreemap,
+  isBetween25And50,
+  isLegacyPlaceholderAvatar,
+  isLessThan25,
+  isTargetElement,
+  loanCardComputedProperties,
+  loanCardMethods,
+  lockPrintSingleEl,
+  lockScroll,
+  lockScrollSmallOnly,
+  offBodyTouchstart,
+  onBodyTouchstart,
+  randomizedUserAvatarClass,
+  throttle,
+  unlockPrintSingleEl,
+  unlockScroll,
+  unlockScrollSmallOnly,
+  useAttrs
+});